Banner Landmark
Punto di riferimento del banner
Un banner landmark è l'area principale dell'intestazione per un intero sito web. Una striscia di annunci larga può anche essere chiamata banner, ma è un modello di design diverso.
Un altro esempio
Un sito ripete il suo logo, la ricerca dell'intero sito e i controlli dell'account in ogni pagina. Un punto di riferimento banner di livello superiore li raggruppa così gli utenti con screen reader possono saltarci. I titoli all'interno degli articoli non dovrebbero tutti diventare punti di riferimento banner.
Parti principali
- 01identità del sito
- 02controlli globali
- 03punto di riferimento del banner
Usalo quando
Usa questo termine per l'elemento principale dell'intestazione del sito. Se intendi una striscia visiva di annuncio, indicarlo chiaramente.
Non usarlo quando
Non creare più punti di riferimento banner di livello superiore o presumere che ogni riquadro ampio sia un banner semantico.
Nome usato nel codice
<header> at document scope → role=banner 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 Punto di riferimento del banner (Banner Landmark). User context: Un sito ripete il suo logo, la ricerca dell'intero sito e i controlli dell'account in ogni pagina. Un punto di riferimento banner di livello superiore li raggruppa così gli utenti con screen reader possono saltarci. I titoli all'interno degli articoli non dovrebbero tutti diventare punti di riferimento banner. Recommended pattern: Punto di riferimento del banner (Banner Landmark). Why it fits: Usa questo termine per l'elemento principale dell'intestazione del sito. Se intendi una striscia visiva di annuncio, indicarlo chiaramente. Do not use it when: Non creare più punti di riferimento banner di livello superiore o presumere che ogni riquadro ampio sia un banner semantico. 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 Punto di riferimento del banner (Banner Landmark) is used now. Definition: Un banner landmark è l'area principale dell'intestazione per un intero sito web. Una striscia di annunci larga può anche essere chiamata banner, ma è un modello di design diverso. 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.