Creare risorse accessibili: Intestazioni e titoli

L’uso corretto di intestazioni e titoli aiuta a strutturare i contenuti e a migliorare la navigazione per tutti gli utenti, compresi quelli che utilizzano tecnologie assistive. Intestazioni chiare e ben organizzate rendono più facile la comprensione della gerarchia della pagina e la ricerca rapida delle informazioni rilevanti. Questo articolo illustra le migliori pratiche per l’utilizzo di intestazioni e titoli per migliorare l’accessibilità e l’esperienza degli utenti.

Requisiti

• Le informazioni, la struttura e le relazioni trasmesse attraverso la presentazione devono essere determinate programmaticamente o disponibili nel testo.
  • Il testo che funge da titolo visivamente o strutturalmente deve essere contrassegnato come un vero titolo (ad esempio, <h1>, <h2>, ecc.) nel markup.
  • Il testo che non funge da titolo visivamente o strutturalmente non deve essere contrassegnato come titolo.
• I titoli devono essere accurati e informativi, etichettando chiaramente le sezioni di testo che descrivono.
• Il <titolo> della pagina deve essere presentato e deve contenere del testo.
• Il <titolo> della pagina deve essere accurato e informativo.
• Il <titolo> delle pagine dinamiche (ad esempio, nelle applicazioni a pagina singola) DEVE essere aggiornato quando lo scopo della pagina cambia.

Esempi

	FARE: Titoli correttamente contrassegnati con un’etichettatura accurata e informativa
	NO: Un sito generato utilizzando dei modelli non include un titolo per ogni pagina del sito. Quindi il titolo non può essere utilizzato per distinguere le pagine.