Ich verwende Chrome Vox Screenreader für meine mobile Anwendung. Dieser Leser liest alle Fehler span-Tag, die role="alert" hat, möchte ich Bildschirmleser sollte nur ersten Fehler lesen (Rolle = 'Alarm'). Zum Beispiel können wir die Registrierungsseite für Google Mail-Konten sehen. Wie kann ich dieses Szenario erreichen?Wie zu stoppen Bildschirmleser zu liest alle Fehler span-Tag, die Rolle = "alert" hat?
Wenn Sie Spannen neben jede Eingabe bei Fehler setzen, sollten diese nicht wirklich Rolle = Alert, sondern IDs haben. Dann würden die Eingaben eine Arie haben wollen, beschrieben durch = diese ID. Sie möchten möglicherweise eine Warnmeldung, die besagt, dass es Fehler gab und entweder dort konzentrieren oder auf die erste fehlerbezogene Eingabe konzentrieren, auswählen, etc.
Wenn Sie ein Fehlerfeld am oberen Rand des Formulars möchten und möchten Eine Zusammenfassung kann man dort auf Fehler fokussieren und eine Auflistung mit Ankern machen (Text erklärt Fehler), die auf die Eingaben zeigen. Hierfür ist keine Alert-Rolle erforderlich.
Wenn Sie nur Benutzer warnen möchten, dass Fehler aufgetreten sind, können Sie einen Ausdruck in einem Container mit role = alert und aria-live = assertive eingeben und sich dann auf den ersten Eingabefehler konzentrieren.
danke Nick, ich versuche mit aria-descriptby Attribut. Es funktioniert gut, wie ich es wollte. Aber wenn wir zu einem anderen Eingabesteuerelement in dem Formular navigieren und wieder zu demselben Eingang zurückkehren, der aria-describedby hat, liest es das zweite Mal nicht. – Vishwakant
Ich würde anmerken, dass ChromeVox kein echter Bildschirmleser für echte Endbenutzer ist. Es wurde festgestellt, dass es nicht so gut auf Funktionen für Arie, etc. ist http://webaim.org/discussion/mail_thread?thread=5758 http://webaim.org/projects/screenreadersurvey6/ .3 % der Befragten aus den aktuellen Umfragen von webaim gaben an, dass sie ChromeVox.on Desktop verwenden und es wird nicht für mobile Geräte aufgelistet. Derzeit die wichtigsten Konkurrenten für mobile: VoiceOver 56,7% TalkBack für Android 17.8% Nuance Talks \t 4.5% –
suchen sie nach attr selector? https://api.jquery.com/attribute-equals-selector/ id. $ ("[role = 'alert']")? –
sollten Sie Attribut role = 'alert' in der Laufzeit für erforderliche Elemente hinzufügen. –
A11y liest nur das erste role = 'alert' Element, obwohl viele div Elemente existieren. A11y liest nur das letzte role = 'alert' Element, obwohl viele span Elemente existieren. Sie können also versuchen, indem Sie span in div ändern, sodass nur das erste Element gelesen wird. –