Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Struttura e ordine di lettura: perché l'aspetto e il codice devono corrispondere
Ciò che è visivamente riconoscibile come titolo, elenco o tabella deve essere marcato anche nel codice. Un paragrafo in grassetto non è un titolo per uno screen reader e un elenco allineato con spazi non è un elenco. Inoltre, l'ordine nel codice deve corrispondere all'ordine di lettura sensato.
- La pietra di paragone pratica è l'elenco dei titoli: chiunque lo chiami riceve un indice della pagina. Se mancano i titoli o sono solo visivi, l'elenco è vuoto — e la pagina deve essere ascoltata da cima a fondo.
- L'ordine di lettura si divide soprattutto nei layout moderni: un elemento che viene trascinato verso l'alto dal CSS Grid si trova più in basso nel codice. Coloro che vedono lo vedono per primo, gli utenti di screen reader per ultimi. Pertanto, il nostro checker confronta l'ordine visivo con l'ordine DOM.
- I campi del modulo appartengono anche qui: un campo di input richiede un'etichetta collegata a livello di programmazione. Un testo accanto che appare visivamente come un'etichetta non è sufficiente.