Controllo intestazioni WCAG

Incolla HTML per validare la gerarchia dei tuoi titoli secondo il criterio WCAG 2.2 1.3.1. Identifica i livelli saltati, l'assenza di h1, gli h1 duplicati e i titoli vuoti.

Risultati

Incolla HTML e clicca su «Verifica i titoli».

📚 Basi scientifiche e fonti

Per chi è progettato questo strumento

Una struttura di titoli corretta è essenziale per gli utenti di screen reader e per le persone con disturbi cognitivi che si affidano alla struttura del documento per navigare e comprendere. I sondaggi WebAIM Screen Reader User Surveys rilevano regolarmente che la navigazione tramite titoli è una delle strategie più comuni e apprezzate dagli utenti di screen reader. Le persone con disturbi cognitivi e dell'apprendimento beneficiano anch'esse di una gerarchia chiara, in cui i titoli forniscono uno schema di contenuto che riduce il carico cognitivo (W3C Cognitive Accessibility Guidance). Il Rapporto mondiale sull'equità sanitaria per le persone con disabilità dell'OMS (2023) stima a 1,3 miliardi il numero di persone — circa il 16 % della popolazione mondiale — che vivono con una disabilità significativa, molte delle quali usano tecnologie assistive che dipendono da una struttura di titoli semantica.

Requisiti WCAG 2.2

  • CS 1.3.1 (informazione e relazioni, livello A): l'informazione, la struttura e le relazioni trasmesse visivamente devono poter essere determinate per programma.
  • CS 2.4.1 (saltare blocchi, livello A): i titoli permettono agli utenti di navigare tra le sezioni, fungendo da meccanismo di salto.
  • CS 2.4.6 (intestazioni ed etichette, livello AA): i titoli descrivono l'argomento o lo scopo del contenuto che introducono.
  • CS 2.4.10 (intestazioni di sezioni, livello AAA): le intestazioni di sezioni sono usate per organizzare il contenuto.

Riferimenti scientifici

  • WebAIM (2024). «Screen Reader User Survey #10 Results.» webaim.org · Rileva sistematicamente che la navigazione per titoli è una delle principali strategie usate dagli utenti di screen reader per capire la struttura di una pagina e trovare contenuti.
  • Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). «Guidelines are only half of the story.» CHI '12, ACM. · Ha rilevato che i problemi di struttura dei titoli figurano tra gli ostacoli più frequentemente incontrati dagli utenti ciechi.
  • W3C Web Accessibility Initiative (2023). «Page Structure: Headings Tutorial.» w3.org/WAI · Definisce le migliori pratiche per la gerarchia dei titoli, incluso un solo h1 per pagina e un'annidatura sequenziale.
  • WebAIM. «Semantic Structure: Using Headings.» webaim.org · Consigli su come la struttura dei titoli supporti sia la navigazione con screen reader sia la scansione visiva.
  • Deque Systems. «heading-order (regola axe-core).» · Verifica automatizzata: i livelli dei titoli devono aumentare di uno alla volta per garantire uno schema di documento valido.
  • Organizzazione mondiale della Sanità (2023). Global Report on Health Equity for Persons with Disabilities. · Stima a 1,3 miliardi il numero di persone (16 % della popolazione mondiale) che vivono con una disabilità significativa.

Avvertenza

Questo strumento verifica solo la struttura gerarchica dei titoli. Non valuta altri aspetti della conformità WCAG 2.2, come il contrasto dei colori, l'accessibilità da tastiera o l'uso di ARIA. Una gerarchia di titoli valida è una condizione necessaria ma non sufficiente per l'accessibilità. Per una conformità WCAG 2.2 completa, usa uno strumento di audit completo (axe, WAVE, Lighthouse) come complemento ai test manuali con tecnologie assistive.

Nota: questo strumento verifica solo la struttura gerarchica dei titoli. Per una conformità WCAG 2.2 completa, usa uno strumento di audit completo accompagnato da test manuali.

Strumenti correlati

Risorse per l'accessibilità Anteprima per lettori di schermo Verificatore contrasto colori Generatore di tavolozze di colori accessibili