Ordine delle intestazioni
Leggere un testo lungo e denso senza uno schema o un'organizzazione chiara può essere scoraggiante. Le intestazioni possono rendere il contenuto più facile da elaborare e comprendere grazie alla struttura fornita.
Le intestazioni visive spesso si distinguono dal resto del contenuto. Questo cambiamento di aspetto non è solo una gradita pausa visiva, ma aiuta i lettori a scansionare la pagina e trovare ciò che stanno cercando.
Ad esempio, le intestazioni in questa pagina di aiuto consentono di sapere a colpo d'occhio dove trovare i modi per applicare i livelli di intestazione e le best practice per la struttura delle intestazioni.
Se create correttamente, le intestazioni facilitano la navigazione nella pagina. I browser, i plug-in e gli screen reader possono utilizzare le intestazioni per accedere direttamente a un argomento. Ad esempio, gli utenti di screen reader possono ascoltare un elenco di intestazioni, scegliere di passare direttamente all'intestazione a cui vogliono accedere e iniziare a leggere da lì.
Struttura dell'intestazione
Le intestazioni devono seguire un ordine sequenziale decrescente e non devono saltare un livello. I numeri vengono utilizzati per rappresentare il livello di intestazione, dove 1 è il livello più alto e 6 è la sottosezione più bassa.
Suggerimento
La maggior parte delle tecnologie, incluse le utilità per la lettura dello schermo, sono limitate a sei livelli di intestazioni. Andare oltre i sei livelli può causare la mancata lettura delle intestazioni e dovrebbe quindi essere evitato.
Il livello di intestazione 1 rappresenta spesso il titolo della pagina Web o del documento. Puoi anche pensarlo come il titolo di un libro. Se il libro è in tre atti, dovresti usare il livello di intestazione 2 per le intestazioni degli atti. Il titolo 3 verrebbe poi utilizzato per i titoli dei capitoli in ogni atto e così via.
È un problema minore quando le intestazioni non sono in un ordine logico. I problemi minori dovrebbero comunque essere risolti per un'esperienza migliore.
Ally ti aiuta a identificare quando le intestazioni non sono in un ordine logico e spiega come risolverle. Ally passa attraverso questi controlli:
Ci sono intestazioni nella pagina web o nel documento?
I livelli di intestazione iniziano da 1?
Esiste un ordine e una gerarchia logici e coerenti?
I livelli di intestazione vanno oltre il livello di intestazione 6?
Se il contenuto non supera nessuno dei controlli, Ally contrassegna l'intestazione come un problema.
Usa Ally per trovare le intestazioni non in un ordine logico
Utilizza il report di accessibilità di Ally per scoprire e risolvere i problemi di accessibilità del tuo sito. Utilizza il link fornito per il report ed effettua l'accesso. Apri il report e consulta l'elenco dei problemi nella tabella Problemi di accessibilità.
Suggerimento
La tabella Problemi di accessibilità si trova sia nella scheda Panoramica che in quella Dominio. Iniziare dalla scheda Dominio per visualizzare i problemi specifici di un dominio.
È un problema minore quando le intestazioni non sono in un ordine logico. Utilizza la scheda Minore nella tabella Problemi di accessibilità per visualizzare l'elenco dei problemi minori. Seleziona i problemi con le intestazioni non in un ordine logico.
Suggerimento
Se inizi dalla scheda Panoramica, seleziona il problema e quindi il dominio con il problema. Problemi di intestazione possono insorgere con Documento o HTML nell'elenco.
Dall'elenco dei problemi nel dominio, seleziona l'indicatore del punteggio accanto a un elemento con il problema. Si apre il pannello di feedback dell'editor di contenuti.
Visualizza l'anteprima delle intestazioni non in ordine logico
Il pannello di feedback di Ally ti mostra un'anteprima del contenuto, oltre a feedback dettagliati e supporto per aiutarti a risolvere i tuoi problemi di accessibilità. Utilizza l'anteprima per visualizzare le intestazioni che non sono in ordine logico.
L'anteprima evidenzia i punti in cui è possibile individuare problemi specifici di accessibilità nel documento. Gli highlights mostrano ogni occorrenza di un tipo di problema alla volta. Ad esempio, per il problema delle intestazioni non in ordine logico, l'anteprima evidenzia ogni intestazione che si verifica in questo problema specifico.
Strumenti di anteprima
Utilizza gli strumenti di anteprima per esplorare i problemi nel tuo documento.
Spostati nell'anteprima pagina per pagina.
Guarda quante volte viene visualizzato un problema specifico.
Salta tra gli highlights del problema.
Nascondi o mostra gli highlights.
Ingrandisci o riduci il contenuto dell'anteprima.
Se il problema si trova in un documento allegato, scaricare il file originale.
Segui i passaggi guidati di Ally per correggere i livelli di intestazione
Importante
Ally presume che tu abbia una conoscenza di base dell'HTML e di come utilizzare il tuo sistema di gestione dei contenuti (CMS). Per seguire i passaggi guidati è necessario sapere come modificare una pagina web in HTML o nel codice sorgente del tuo CMS.
Insieme all'anteprima, Ally ti fornisce una guida passo passo su come risolvere il problema. Ally organizza questo feedback in un albero decisionale. Tutto quello che devi fare è leggere le indicazioni e rispondere alle richieste. Scopri qual è il problema, perché è importante e come correggerlo in modo appropriato.
Seleziona Come correggere l'ordine delle intestazioni per seguire i passaggi guidati.
Modalità di applicazione dei livelli di intestazione delle pagine web
C'è più di un modo per applicare i livelli di intestazione alle tue pagine web.
HTML: la procedura guidata di Ally ti guida su come trovare e modificare i livelli di intestazione in HTML. Fondamentalmente, trova la pagina web con l'intestazione. Modifica la pagina. Nel codice HTML aggiorna il tag di intestazione al livello corretto. Salva la pagina.
RTE: alcuni CMS dispongono di un editor di testo RTE (Rich Text Editor) che può fornire metodi intuitivi per applicare le intestazioni. Trova l'intestazione sulla pagina web. Seleziona l'intestazione e utilizza gli strumenti CMS per applicare un nuovo livello di intestazione. Salva la pagina.
Suggerimento
Visita w3schools per saperne di più su HTML e CSS
Perché non vedo il livello di intestazione che voglio scegliere come opzione?
Importante
Ally non ha il controllo sui livelli di intestazione disponibili nel tuo CMS. Ally verifica un ordine logico delle intestazioni in base ai livelli di intestazione utilizzati.
È buona norma limitare il numero di livelli di intestazione a sei. Tuttavia, è possibile che tu non veda tutti e sei i livelli nel tuo editor di contenuti.
Il numero di livelli di intestazione può essere definito nella guida di stile di un sito ed essere parte di un modello. Prima di apportare modifiche, consulta la guida di stile del tuo sito.
In alcuni casi, le intestazioni di livello superiore sono già utilizzate come parte del CMS. Ad esempio, il titolo di questa pagina di aiuto è un titolo di livello 1. Poiché il titolo utilizza il livello di intestazione 1, i livelli di intestazione nell'editor iniziano dal livello 2.
Utilizzare i livelli di intestazione disponibili per creare un ordine logico di intestazione nella pagina.
Best practice sulla struttura delle intestazioni
Non fare risaltare visivamente le intestazioni dal contenuto tramite dimensione e colore del carattere. Utilizza invece le opzioni del livello di intestazione fornite nello strumento dell'editor.
Scegli sempre "Intestazione 1" per l'intestazione di livello più alto. Utilizza "Titolo 2" per i titoli delle sezioni, "Titolo 3" per i titoli delle sottosezioni e così via. "Normale" viene utilizzato per i paragrafi.
Se stai aggiornando un documento, utilizza gli stili di intestazione integrati nel tuo software di elaborazione testi.
Stili di intestazione
Non fare risaltare visivamente le intestazioni dal contenuto tramite dimensione e colore del carattere. È importante utilizzare i livelli di intestazione forniti nello strumento di editor dei contenuti o i tag di intestazione appropriati <h1>. I livelli di intestazione e i tag forniti sono fondamentali per l'utente dei lettori schermo per navigare nella pagina.
Se non ti piace lo stile dell'intestazione, puoi aggiornare il modello.
Importante
Gli stili di intestazione sono spesso definiti nella guida di stile di un sito e possono riflettere il branding. Prima di apportare modifiche, consulta la guida di stile del tuo sito.