Heading Hierarchy
Gerarchia dei titoli
Una gerarchia di intestazioni utilizza livelli di intestazione per mostrare come le sezioni della pagina si collegano tra loro.
Un altro esempio
Una guida medica utilizza un h1 per “Gestione dell’asma.” Utilizza h2 per diagnosi e trattamento, poi h3 per i tipi di farmaci. Un lettore di schermo segue questo schema anche quando il titolo di una scheda appare più piccolo.
Parti principali
- 01Intestazione della pagina
- 02Intestazione della sezione
- 03Intestazione della sottosezione
Usalo quando
Scegli h1–h6 dalla struttura della pagina. Stile ogni intestazione in modo separato.
Non usarlo quando
Non scegliere h1–h6 solo per la dimensione del font. Non saltare un livello solo per ottenere uno stile preimpostato.
Nome usato nel codice
h1 through h6 selected by section depth Prima di spedire
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Gerarchia dei titoli (Heading Hierarchy). User context: Una guida medica utilizza un h1 per “Gestione dell’asma.” Utilizza h2 per diagnosi e trattamento, poi h3 per i tipi di farmaci. Un lettore di schermo segue questo schema anche quando il titolo di una scheda appare più piccolo. Recommended pattern: Gerarchia dei titoli (Heading Hierarchy). Why it fits: Scegli h1–h6 dalla struttura della pagina. Stile ogni intestazione in modo separato. Do not use it when: Non scegliere h1–h6 solo per la dimensione del font. Non saltare un livello solo per ottenere uno stile preimpostato. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Lo standard copre solo l'ambito elencato. Non sceglie lo stile visivo, la decisione sul prodotto o l'esempio di vocabolario. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Controlla questa richiesta
Review how Gerarchia dei titoli (Heading Hierarchy) is used now. Definition: Una gerarchia di intestazioni utilizza livelli di intestazione per mostrare come le sezioni della pagina si collegano tra loro. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.