(Custom) WAI-ARIA Rolle

Question

Ich bin ziemlich neu in ARIA und den Rollen, Zustände und Eigenschaften, die es zur Verfügung stellt. Ich verstehe, dass es verschiedene Arten von Rollen (z Sehenswürdigkeiten, Regionen, etc.), aber keiner von ihnen repräsentiert Bereiche wie „login Region“ oder etwas ähnliches. Ich frage mich, ob es Möglichkeiten gibt, die Gruppierung dieser Informationen angeben, so dass der Bildschirmleser diese Informationen für den Benutzer auslesen kann? Z.B. "Login-Region. Benutzername ... Passwort ..."

Wenn diese mit ARIA nicht möglich ist, was ist die allgemeine Art und Weise, es zu tun in HTML?

Vielen Dank im Voraus

Answer 1

WAI-ARIA ist in der Regel für dynamische Inhalte, wie eine Schlagzeile Ticker, und nicht für statische Inhalte, wie ein Login-Formular. Statische Inhalte werden am besten erreicht einfachen HTML verwenden.

Angenommen, Sie haben eine Seite, auf der Login-Formular immer angezeigt wird, sollte die folgende helfen.

Für ein Login-Formular, von einer Zugänglichkeit Sicht, sollten Sie in erster Linie sicherstellen, dass die Formularfelder korrekt beschriftet sind. Eine Fieldset \ Legende ist wirklich optional für wie kleine Form.

Etiketten richtig Codierung up bedeutet Matching für \ id z.B. Attributen

<label for="loginName">Login name</label>
<input type="text" id="loginName" name="loginName" size="30" />
<label for="loginPassword">Login password</label>
<input type="password" id="loginPassword" name="loginPassword" size="10" />

Damit wird sichergestellt, dass Screenreader (blind) Benutzer richtig die Formularfelder hören Etikett entsprechend ausgelesen. Für andere Formularelemente, wie zum Beispiel Checkboxen und Radio-Buttons, mit korrekter Kennzeichnung wie diese Benutzer mit Geschicklichkeit Problemen ermöglicht auf der Beschriftung klicken, um die Formulareingabe (Checkbox \ Optionsfeld) zu wechseln, dh sie größeren Zielbereich auf das klicken haben Seite.

Um lassen die Benutzer wissen, dass sie über den Zugriff auf ein Login-Formular waren Sie entweder eine Überschrift verwenden könnten, oder die Fieldset \ legendf Combo z.B.

<h2>Login form</h2>
<FORM HERE>

oder

<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>

Jede dieser wäre in Ordnung, wenn auch die Überschrift Ansatz etwas weniger Audio-Krempel für Screen Benutzer schaffen würde (mit Fieldset \ Legende, ist die Legende vor jedem Formularfeld ausgelesen)

Answer 2

Ja und nein. Das Formular sollte einen Meilenstein Rolle der „Form“ gegeben werden. Dies ermöglicht die unterstützende Technologie den Orientierungspunkt für die Navigation zu sehen.

Siehe die spec .

Während des Wahrzeichen mit in der Navigation der Seite helfen wird, das Wahrzeichen selbst wird das Lesen der Artikel in der Form nicht selbst herstellen. Im Anschluss an die bereits bekannten HTML-Praktiken erwähnt kümmert sich um den Rest.