ruolo (Custom) WAI-ARIA

Question

Sono abbastanza nuovo per ARIA e ruoli, gli stati e le proprietà che fornisce. Capisco che ci sono diversi tipi di ruoli (ad esempio punti di riferimento, regioni, ecc), ma nessuno di loro rappresento aree come "regione di login" o qualcosa di simile. Mi chiedo se ci sono modi per specificare il raggruppamento di queste informazioni in modo che lo screen reader può leggere queste informazioni per gli utenti? Per esempio. "Login regione. Nome utente ... Password ..."

Se questo non è possibile con ARIA, qual è il modo generale di farlo in HTML?

Grazie in anticipo

Answer 1

WAI-ARIA è in genere per il contenuto dinamico, come un ticker notizia, e non per i contenuti statici, come un form di login. Il contenuto statico si ottiene meglio utilizzando il codice HTML semplice.

Supponendo di avere una pagina in cui viene sempre visualizzato il form di login, il seguente dovrebbe aiutare.

Per un modulo di accesso, da un punto di vista dell'accessibilità, è necessario assicurarsi in primo luogo che i campi del modulo siano correttamente etichettati. Un fieldset \ leggenda è davvero opzionale per i quali il più piccolo modulo.

Codifica etichette correttamente significa usare corrispondenza per \ id attributi per esempio

<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" />

Ciò assicura che screen (cieco) gli utenti possono ascoltare correttamente i campi del modulo etichetta corrispondenti lette. Per gli altri elementi del modulo, come ad esempio le caselle di controllo e pulsanti di opzione, utilizzando la corretta etichettatura come questo consente agli utenti con problemi di destrezza a fare clic su l'etichetta di testo per attivare o disattivare il modulo di input (casella di controllo pulsante di \ radio), nel senso che hanno più grande area di destinazione di cliccare sulla pagina.

Per consentire all'utente di sapere che stavano per accedere a un modulo di login, è possibile utilizzare sia un titolo, o il fieldset \ legendf combo esempio

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

o

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

Uno di questi sarebbe andato bene, anche se l'approccio intestazione creerebbe disordine un po 'meno l'audio per gli utenti di screen reader (con un fieldset \ leggenda, la leggenda viene letta prima di ogni campo del modulo)

Answer 2

Sì e no. Il modulo dovrebbe essere dato un ruolo di punto di riferimento di "forma". In questo modo il tecnologie assistive per vedere il punto di riferimento per la navigazione.

Fare riferimento alla spec .

Mentre si utilizza il punto di riferimento sarà di aiuto nella navigazione della pagina, il punto di riferimento per sé non produrrà la lettura degli elementi della forma stessa. Dopo le già note pratiche HTML menzionati si prenderà cura di tutto il resto.