Assicurati che solo le parti pertinenti della pagina siano esposte a screen reader e altre tecnologie per la disabilità. Ad esempio, i contenuti fuori schermo o solo di presentazione devono essere nascosti alle tecnologie per la disabilità.
Come eseguire il test manuale
Per controllare che i contenuti fuori schermo siano nascosti, devi testarli manualmente con uno screen reader. - Per gli utenti Mac, guarda questo video sull'utilizzo di VoiceOver. - Per utenti di PC, guarda questo video sull'utilizzo di NVDA. - Per gli utenti di Chromebook, prova ChromeVox, lo screen reader integrato.
Usa il tasto TAB
per spostarti nella pagina.
Lo screen reader non dovrebbe annunciare i contenuti nascosti.
Soluzione
Per nascondere i contenuti fuori schermo, rimuovi l'elemento che li include dall'ordine delle schede impostandolo su display: none
o visibility: hidden
.
Ad esempio:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
Consulta anche Impostare correttamente la visibilità dei contenuti fuori schermo.