Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Come devono essere fruibili i suggerimenti e le etichette su siti web?
Le etichette che compaiono al passaggio del mouse o al focus della tastiera — suggerimenti, sottomenu, bolle di informazione — devono soddisfare tre condizioni: il visitatore può chiuderle senza movimento del mouse, di solito con il tasto Esc. Può spostare il mouse sull'etichetta senza che scompaia. E rimane visualizzata finché non la chiude lui stesso o continua a navigare.
Tre regole per ogni etichetta
Chi lavora con forti ingrandimenti dello schermo vede sempre solo una sezione della pagina. Se si apre un'etichetta al passaggio del mouse, copre velocemente proprio il testo che il visitatore sta leggendo nella visualizzazione ingrandita — e senza possibilità di chiusura rimane bloccato. Quindi la prima regola: chiudibile, tipicamente con il tasto Esc. La seconda regola riguarda lo stesso gruppo: per leggere un'etichetta ingrandita, si deve poter spostare il mouse su di essa — se scompare quando si lascia l'elemento di attivazione, il suo contenuto è irraggiungibile. La terza regola richiede la persistenza: un'etichetta che scompare da sola dopo pochi secondi è inutile per i lettori lenti. I casi problematici classici sono i sottomenu autocostruiti e i simboli di informazione nei moduli.
Così il nostro servizio di verifica affronta le etichette
Le etichette si manifestano solo in interazione: bisogna spostare il mouse sull'elemento di attivazione, premere il tasto Esc, osservare il tempo di permanenza. Il nostro nucleo di misurazione effettua interazioni passive mirate sul Vostro sito web — ad esempio naviga con il focus della tastiera attraverso la pagina e osserva il comportamento. Un giudizio completo su tutte e tre le condizioni per ogni singola etichetta non lo fornisce comunque; secondo il nostro principio fondamentale qui senza prova reale nulla conta come superato. Il report sottolinea il criterio come punto di verifica umano. Allo standard Gold un verificatore usa mouse e tastiera per controllare le etichette del Vostro sito web e documenta ogni etichetta che non si può chiudere, scompare velocemente o è irraggiungibile.
Beispiele
Tooltip nur beim Überfahren
<span class="hilfe" title="Die Kundennummer steht auf der Rechnung oben rechts.">?</span><button type="button" aria-describedby="hilfe-knr" aria-expanded="false">Wo finde ich das?</button>
<p id="hilfe-knr" hidden>Die Kundennummer steht auf der Rechnung oben rechts.</p>Eine Einblendung muss per Tastatur erreichbar sein, mit Escape schließen und stehen bleiben, solange der Zeiger darauf ruht.
- Passate il mouse sui simboli di informazione e sui menu del Vostro sito web e premete Esc — l'etichetta dovrebbe chiudersi.
- Spostate il mouse dall'elemento di attivazione all'etichetta stessa — deve rimanere aperta durante il movimento.
- Rimuovete gli orologi temporali che chiudono automaticamente le etichette dopo pochi secondi.
- Preferite il clic al passaggio del mouse come elemento di attivazione — quello che si apre e si chiude con un clic soddisfa le regole quasi da solo.
- Chiedete alla Vostra agenzia di usare per i sottomenu e i suggerimenti componenti accessibili consolidati anziché costruzioni proprie.