Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Perché i titoli e le tabelle devono essere ben contrassegnati nel codice?
Le intestazioni e le tabelle devono essere correttamente marcate nel codice, perché i lettori di schermo e i motori di ricerca riconoscono la struttura di una pagina solo da questo. Un visitatore vedente riconosce a colpo d'occhio cosa è intestazione e cosa è intestazione di tabella — un visitatore cieco e Google lo scopriranno solo se è così denominato anche nel codice. Il testo in grassetto non è un'intestazione.
Struttura nel codice: l'indice dei contenuti della pagina
Questi sono i livelli di titoli nel codice di un sito web: H1 è il titolo principale della pagina, H2 sono i capitoli, H3 i loro sottotitoli — fino a H6. I programmi di lettura e Google leggono questi livelli come un indice. Le fasi dovrebbero susseguirsi senza lacune, quindi nessun salto da H1 direttamente a H4.
Come il nostro messkern verifica la struttura della pagina
Il controllo automatico combina due strumenti. Lo strumento di verifica axe-core esamina elenchi, elenchi descrittivi e i collegamenti tecnici tra elementi. Inoltre, passaggi di verifica propri controllano due aspetti che axe-core non copre nella sua esecuzione standard: livelli di intestazione saltati — ad esempio H1 seguito direttamente da H4 — e tabelle di dati senza una singola cella di intestazione marcata. Entrambi sono violazioni documentabili e confluiscono nel rapporto come tali. Per la classificazione: questo criterio è formulato così ampiamente che un'esecuzione automatica senza risultati nel nostro sistema non conta mai come „superato” — il rapporto la indica invece come „richiede verifica manuale”, e nello standard Gold una persona valuta la struttura.
Una struttura pulita contribuisce direttamente a Google
La stessa marcatura che consente ai visitatori ciechi di navigare aiuta la Sua visibilità: Google assegna un peso alle intestazioni nel classificare una pagina e mostra contenuti ben strutturati più facilmente come risposta evidenziata nei risultati di ricerca. Una pagina con esattamente un'intestazione principale, sottointestazioni logicamente graduate e veri elenchi viene letta dal motore di ricerca come un documento ben organizzato. Al contrario, una pagina le cui „intestazioni” sono solo testo in grassetto regala completamente questo segnale — per la macchina è testo ordinario senza peso.
Beispiele
Überschrift als fetter Text
<p><strong style="font-size:24px">Öffnungszeiten</strong></p>
<p>Montag bis Freitag 8–16 Uhr</p><h2>Öffnungszeiten</h2>
<p>Montag bis Freitag 8–16 Uhr</p>Nur ein echtes h-Element erscheint in der Überschriftenliste des Vorleseprogramms.
Datentabelle ohne Kopfzellen
<table>
<tr><td>Tarif</td><td>Preis</td></tr>
<tr><td>Basis</td><td>9 €</td></tr>
</table><table>
<caption>Tarife</caption>
<thead><tr><th scope="col">Tarif</th><th scope="col">Preis</th></tr></thead>
<tbody><tr><td>Basis</td><td>9 €</td></tr></tbody>
</table>Mit th und scope sagt das Vorleseprogramm zu jeder Zelle, zu welcher Spalte sie gehört.
- Chiedete alla Vostra agenzia una panoramica dei livelli di titoli delle Vostre pagine più importanti — le fasi dovrebbero essere complete come un indice.
- Controllate le Vostre tabelle: ogni tabella di dati ha bisogno di una prima riga o colonna contrassegnata come riga di intestazione.
- Sostituite il testo formattato in grassetto che funge da titolo con titoli veri nel sistema di redazione.
- Usate nel sistema di redazione la funzione di lista anziché digitare le puntate a mano.
- Assegnate a ogni pagina esattamente un titolo principale che nomini l'argomento della pagina.