Accessibilità del web - comportamento degli screen reader quando configurato per leggere l'attributo 'title'

Question

Sono stato avvisato che se un attributo 'titolo' si espande su ciò che è presente nel testo visibile di un controllo, dovrebbe includere tutte le informazioni nel testo visibile, perché lo screen reader può leggere il titolo anziché il il testo visibile. Per chiarire esattamente come funziona, uno dei seguenti punti è vero (per gli screen reader obbligatori)?

1. Se un'etichetta è associato a un campo di ingresso utilizzando il 'per' attributo e l'attributo titolo del campo di ingresso è impostato, allora lo screen leggerà solo l'attributo titolo e ignorare il testo dell'etichetta.

2. Se un controllo con un proprio testo, ad esempio un pulsante, viene fornito con testo visibile e attributo titolo, verrà letto solo l'attributo titolo.

3. Lo screen reader ignorerà il testo visibile per i controlli dei pulsanti, anche se lo sviluppatore ha trascurato di fornire l'attributo title per quel particolare controllo (la possibilità più estrema).

Answer 1

1. L'etichetta è preferibile all'attributo titolo di ingresso. Se l'etichetta è presente, JAWS lo legge, altrimenti se il titolo è presente, JAWS lo legge.

2. L'attributo title non viene letta in questo caso, il testo visibile viene letto

3. Non è vero.

Da http://www.w3.org/TR/html401/struct/global.html#adef-title:

Audio interpreti possono parlare le informazioni sul titolo in un contesto simile. Ad esempio, impostando l'attributo su un link permette agenti utente (visivi e non visivi) per raccontare gli utenti circa la natura della risorsa collegata:

ho provato usando JAWS su questo codice:

<FORM action="http://somesite.com/prog/adduser" method="post"> 
<LABEL for="firstname">First name Label: </LABEL> 
      <INPUT title="first name Title" type="text" id="firstname"><BR> 
      <INPUT title="Last name Title" type="text" id="lastname"><BR> 
<LABEL for="email">email Label: </LABEL> 
      <INPUT type="text" title="Email Title" id="email"><BR> 
<INPUT type="radio" name="sex" value="Male"> Male<BR> 
<INPUT type="radio" name="sex" value="Female"> Female<BR> 
<INPUT title="Send title" type="submit" value="Send"> <INPUT type="reset"> 
</FORM> 

Devo anche precisare che Freedom Scientific ha uno trial download (ftp) che ti darà una comprensione molto più profonda di come le pagine web assomigliano agli utenti.