Eine Seitengliederung nach Gehör prüfen
Erkennen Sie fehlerhafte Strukturen so, wie sie ein Screenreader offenlegt.
Eine Seitengliederung nach Gehör prüfen ist eine kostenlose Web Accessibility Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Web Accessibility Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Hören Sie sich Ihre Struktur an
Ein outline audit bedeutet, Überschriften so zu überprüfen, wie ein Screenreader sie zugänglich macht, und die visuelle Gestaltung vollständig außer Acht zu lassen. 👂
Stile ausblenden
Vergessen Sie Farben und Schriftarten. Eine saubere outline sollte sich auch ganz ohne CSS als sinnvolle verschachtelte Liste von Abschnittstiteln lesen lassen.
Nur die Überschriften lesen
Extrahieren Sie Ihre headings in der richtigen Reihenfolge. Wenn diese Liste allein die Seite zusammenfasst, erfüllt Ihre Struktur ihren Zweck gut.
Das eine h1 prüfen
Stellen Sie zunächst sicher, dass es genau ein h1 gibt, das die Seite benennt. Ein fehlendes oder doppeltes h1 ist der häufigste Fehler in einer Gliederung.
Nach Sprüngen suchen
Gehen Sie die Ebenen durch und achten Sie auf einen skip, etwa wenn h2 direkt zu h4 springt. Jeder Abstieg sollte genau eine Ebene umfassen.
Die Fälschungen erkennen
Suchen Sie nach fettem Text, der eine Überschrift sein sollte, aber als gestaltetes div umgesetzt ist. Diese verborgenen Lücken lassen Nutzerinnen und Nutzer von Screenreadern ohne Wegweiser zurück.
Den Inspektor verwenden
Browser-Entwicklertools und Erweiterungen können eine outline-Ansicht anzeigen. Sie listen Ihre echten Überschriften auf und weisen auf übersprungene oder fehlende Ebenen hin.
Einen echten Screenreader ausprobieren
Öffnen Sie die headings list in NVDA oder VoiceOver. Wenn Sie Ihre eigene Seite vorgelesen hören, werden Unklarheiten sichtbar, die kein Diagramm zeigen kann. 🔊
Auf leere Überschriften achten
Eine empty heading, die nur ein Symbol enthält, wird als leer vorgelesen und macht die Liste unübersichtlich. Geben Sie jeder Überschrift echten, aussagekräftigen Text.
Die Formulierung beurteilen
Vage headings wie „Mehr“ bestehen den Hörtest nicht. Jede Überschrift sollte auch ohne Kontext vermitteln, was der jeweilige Abschnitt behandelt.
Zur Gewohnheit machen
Prüfen Sie vor der Veröffentlichung jede Seite kurz auf ihre outline. Eine zweiminütige Kontrolle entdeckt Strukturfehler, die Nutzerinnen und Nutzer täglich frustrieren.
Kurztest
Welcher Befund weist bei einer Überprüfung auf eine fehlerhafte Überschriftengliederung hin?
Zusammenfassung
Sie haben gelernt, nach Gehör zu prüfen: Bestätigen Sie ein h1, erkennen Sie übersprungene Ebenen, decken Sie gefälschte Überschriften auf und überprüfen Sie die Formulierungen mit einem echten screen reader. ✅
Lerne HTML mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 30
- Lektionen
- 120
Häufig gestellte Fragen
Ist die Lektion „Eine Seitengliederung nach Gehör prüfen“ kostenlos?
Ja — der vollständige Text von „Eine Seitengliederung nach Gehör prüfen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Web Accessibility Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Eine Seitengliederung nach Gehör prüfen“?
Erkennen Sie fehlerhafte Strukturen so, wie sie ein Screenreader offenlegt. Du übst Web Accessibility Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Web Accessibility Academy zu starten?
Keine Vorkenntnisse erforderlich. Web Accessibility Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Eine Seitengliederung nach Gehör prüfen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Web Accessibility Academy-Lektion Code schreiben und ausführen?
Ja. Jede Web Accessibility Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Pro Seite ein h1: Das Hauptthema benennen
- Verschachtelungsebenen ohne Überspringen
- Überschriften sind Navigation, nicht nur großer Text
- Eine Seitengliederung nach Gehör prüfen