Utilizzo corretto dei punti di riferimento per mantenere la chiarezza strutturale

Come utilizzare i punti di riferimento per mantenere la chiarezza della struttura della pagina

I punti di riferimento rappresentano le poche aree significative della pagina, come il contenuto principale, la navigazione, la ricerca e le aree supplementari. Un unico menu principale e nomi distinti per le sezioni ripetute offrono un orientamento chiaro, mentre i contenitori aggiuntivi senza utilità di navigazione rimangono intenzionalmente neutri.

Punto di riferimento per ogni contenitore

• Punto di riferimento per ogni contenitore Troppe sezioni con scarso significato allungano la panoramica senza migliorare la navigazione strutturale.

• Molteplici menu di navigazione senza nome Gli strumenti ausiliari segnalano aree di navigazione identiche tra le quali non è possibile distinguere né lo scopo né il contenuto.

• Separazione visiva e semantica – Un'area laterale chiaramente definita è semanticamente contenuta all'interno di un contenitore neutro e rimane nascosta nella panoramica della regione.

Esempio pratico: "Un punto di riferimento per ogni container"

Una pagina di un articolo contiene la navigazione principale, l'indice degli argomenti e i link a piè di pagina; Tutti e tre appaiono come elementi di navigazione senza nome. Sono etichettati come Navigazione principale, Contenuto dell'articolo e Informazioni legali. L'articolo stesso risiede esclusivamente nell'area "principale", mentre i contenitori puramente estetici non creano un'area aggiuntiva.

Area principale univoca

• Ripetizione distinguibile Le aree di navigazione o complementari multiple hanno nomi accessibili che ne descrivono chiaramente lo scopo piuttosto che la posizione.

Aree significative

1. Inventariare le aree di pagina ricorrenti in base alla loro funzione e assegnare elementi di riferimento nativi appropriati.

2. Salvare esattamente un'area principale per ogni modello e distinguere le aree di navigazione e le sottoaree simili con nomi precisi.

3. Esaminare l'elenco dei punti di riferimento in più strumenti e rimuovere o rinominare qualsiasi area che non fornisca un orientamento utile.

Ripetizione distinguibile

• Percentuale di modelli importanti con esattamente un'area principale e una sequenza coerente di aree globali significative.

• Numero di punti di riferimento identici che si ripetono più volte e che non sono denominati chiaramente in base alla loro funzione nella panoramica dello strumento.

Cosa considerare quando si utilizzano i punti di riferimento per una struttura di pagina chiara

È disponibile una risorsa approfondita adeguata. Etichettare in modo chiaro PDF, download e link esterniCome etichettare in modo chiaro e accessibile PDF, download e link esterni

Inoltre: Rendere visibili le opzioni di contatto senza sovraccaricare ogni pagina con call-to-action.

Se desideri mettere in pratica "Utilizzare i punti di riferimento per una struttura di pagina chiara", puoi trovare maggiori informazioni su. . . Sistemi web robusti Fare riferimento a questo documento. L'attenzione è focalizzata su "Semantica nativa e struttura della pagina" e "Area principale univoca".

Conclusione: Utilizzare i punti di riferimento per una struttura di pagina chiara

I punti di riferimento forniscono una mappa approssimativa della pagina e dovrebbero quindi rappresentare alcune regioni significative. Le aree ripetute necessitano di nomi che ne distinguano chiaramente lo scopo.

Fonti e ulteriori informazioni

Queste fonti primarie spiegano i presupposti, i limiti del sistema e i metodi di test utilizzati in "Utilizzo dei punti di riferimento per una struttura di pagina chiara".

• Intestazioni - Iniziativa W3C per l'accessibilità webGuida ufficiale all'implementazione per i ranghi delle intestazioni, l'organizzazione dei contenuti e le relazioni con le regioni della pagina.

• ARIA in HTML — Raccomandazione W3CL'attuale raccomandazione W3C definisce quali ruoli e attributi ARIA sono aggiunte consentite alla semantica HTML e quali usi ridondanti o contraddittori dovrebbero essere evitati.

• Standard HTML: Semantica – WHATWGSpecifica primaria per i ruoli e le strutture semantiche degli elementi HTML nativi.