2012-01-08 8 views
14

Ho sempre disapprovato quando ho saltato i livelli di intestazione nei documenti HTML, soprattutto per motivi di accessibilità dello screen reader. Inoltre il requisito che la struttura di una pagina abbia senso senza CSS sembra indicare che saltare i livelli di intestazione non è consigliato. Ad esempio:È possibile saltare i livelli di intestazione

<h1>...</h1> 
<h3>...</h3> 
<h4>...</h4> 

Un collega sostiene che questo va bene se l'importanza relativa del contenuto si riflette nella voce markup. Suppongo che potrebbe avere ragione.

Pensieri da esperti di accessibilità?

+0

Sarebbe meglio pubblicare questa domanda sul sito Esperienza utente, all'indirizzo http://ux.stackexchange.com/ – jacktheripper

+0

Non sono un "esperto di accessibilità", ma cosa succede ai livelli mancanti? Sono in qualche modo spiegati? Non? Sospetto che non sia così semplice nella pratica. –

risposta

12

Credo che saltare i livelli di intestazione fosse considerato accettabile ma non ideale sotto WCAG1, ma WCAG2 è più rigoroso in questo senso. Ad esempio, gli screen reader annunciano il livello di intestazione e il numero saltato potrebbe far sembrare che l'utente abbia perso alcuni contenuti nascosti quando non lo hanno fatto. Non ci dovrebbe essere alcun bisogno di saltare un livello se il CSS è usato per lo stile nel modo desiderato.

12

Da WCAG 2: G141: Organizing a page using headings:

per facilitare la navigazione e la comprensione della struttura generale del documento, gli autori dovrebbero usare intestazioni che vengono correttamente annidato (ad esempio, h1 seguito da h2, h2 seguito da H2 o H3 , h3 seguito da h3 o h4, ecc.).

3

Questo argomento è apparso in una presentazione WebAIM alla quale ho partecipato di recente e mi hanno raccomandato di non saltare i livelli di intestazione. Il loro ragionamento era che i lettori di schermo in genere offrono una scorciatoia che visualizza un elenco di tutti i titoli all'interno della pagina come mezzo per la navigazione dell'utente.

Lo scenario da loro descritto era che se una persona che utilizzava uno screen reader passava attraverso i titoli (ad esempio h1, poi h2 e poi h3) e il lettore non riportava nulla per un dato livello di intestazione (h4 in questo caso), quindi l'utente probabilmente smetterebbe di ciclizzare attraverso le intestazioni presumendo che non ci fossero più titoli (potenzialmente mancanti di h5 e h6).

Quindi, in effetti, si rischia di creare un problema di usabilità se salti di livello!

+0

Mi chiedo come funzioni con HTML5 in cui i livelli di titolo vengono reimpostati ogni volta che si utilizza uno

,
,
o qualsiasi altro contenuto di sezione. – user2867288

Problemi correlati