Heading Hierarchy
Überschriftenhierarchie
Eine Überschriftenhierarchie verwendet Überschriftenebenen, um zu zeigen, wie Seitenabschnitte zusammenpassen.
Ein weiteres Beispiel
Ein medizinischer Leitfaden verwendet eine h1 für „Asthma behandeln“. Es werden h2 für Diagnose und Behandlung verwendet und dann h3 für Arten von Medikamenten. Ein Screenreader folgt dieser Gliederung, auch wenn ein Kartentitel kleiner aussieht.
Hauptteile
- 01Seitenüberschrift
- 02Abschnittsüberschrift
- 03Unterabschnittsüberschrift
Verwenden Sie es, wenn
Wählen Sie h1–h6 aus der Seitenstruktur. Gestalten Sie die Größe jeder Überschrift separat.
Nutze es nicht, wenn
Wähle h1–h6 nicht nur wegen der Schriftgröße. Überspringe kein Level nur, um einen voreingestellten Stil zu erhalten.
In Code verwendeter Name
h1 through h6 selected by section depth 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 Überschriftenhierarchie (Heading Hierarchy). User context: Ein medizinischer Leitfaden verwendet eine h1 für „Asthma behandeln“. Es werden h2 für Diagnose und Behandlung verwendet und dann h3 für Arten von Medikamenten. Ein Screenreader folgt dieser Gliederung, auch wenn ein Kartentitel kleiner aussieht. Recommended pattern: Überschriftenhierarchie (Heading Hierarchy). Why it fits: Wählen Sie h1–h6 aus der Seitenstruktur. Gestalten Sie die Größe jeder Überschrift separat. Do not use it when: Wähle h1–h6 nicht nur wegen der Schriftgröße. Überspringe kein Level nur, um einen voreingestellten Stil zu erhalten. 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 Überschriftenhierarchie (Heading Hierarchy) is used now. Definition: Eine Überschriftenhierarchie verwendet Überschriftenebenen, um zu zeigen, wie Seitenabschnitte zusammenpassen. 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.