Banner Landmark
Banner-Landmarke
Ein Banner-Landmark ist der Hauptkopfbereich für eine ganze Website. Ein breiter Ankündigungsstreifen kann ebenfalls als Banner bezeichnet werden, ist jedoch ein anderes Designmuster.
Ein weiteres Beispiel
Eine Website wiederholt ihr Logo, die gesamte Site-Suche und Kontrollen auf jeder Seite. Ein Banner-Landmark auf oberster Ebene gruppiert sie, damit Screenreader-Nutzer dorthin springen können. Überschriften innerhalb von Artikeln sollten nicht alle zu Banner-Landmarks werden.
Hauptteile
- 01Website-Identität
- 02globale Steuerungen
- 03Banner-Landmarke
Verwenden Sie es, wenn
Verwenden Sie diesen Begriff für das Hauptseiten-Kopfzeilen-Landmark. Wenn Sie einen visuellen Ankündigungsstreifen meinen, sagen Sie dies deutlich.
Nutze es nicht, wenn
Erstellen Sie nicht mehrere Banner-Landmarks auf oberster Ebene oder gehen Sie davon aus, dass jede breite Box ein semantisches Banner ist.
In Code verwendeter Name
<header> at document scope → role=banner Vor dem Ausliefern
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 Banner-Landmarke (Banner Landmark). User context: Eine Website wiederholt ihr Logo, die gesamte Site-Suche und Kontrollen auf jeder Seite. Ein Banner-Landmark auf oberster Ebene gruppiert sie, damit Screenreader-Nutzer dorthin springen können. Überschriften innerhalb von Artikeln sollten nicht alle zu Banner-Landmarks werden. Recommended pattern: Banner-Landmarke (Banner Landmark). Why it fits: Verwenden Sie diesen Begriff für das Hauptseiten-Kopfzeilen-Landmark. Wenn Sie einen visuellen Ankündigungsstreifen meinen, sagen Sie dies deutlich. Do not use it when: Erstellen Sie nicht mehrere Banner-Landmarks auf oberster Ebene oder gehen Sie davon aus, dass jede breite Box ein semantisches Banner ist. 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): Der Standard deckt nur den aufgeführten Umfang ab. Er wählt nicht den visuellen Stil, die Produktentscheidung oder das Vibulary-Beispiel aus. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Banner-Landmarke (Banner Landmark) is used now. Definition: Ein Banner-Landmark ist der Hauptkopfbereich für eine ganze Website. Ein breiter Ankündigungsstreifen kann ebenfalls als Banner bezeichnet werden, ist jedoch ein anderes Designmuster. 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.