Überschriften
Inhalt barrierefrei und verständlich strukturieren
Mit Überschriften kann die Barrierefreiheit signifikant verbessert, teilweise aber auch beeinträchtigt werden. Für Redaktion und Technik gibt es eine Reihe von Möglichkeiten und Anforderungen zur Barrierefreiheit, die auch die Nutzungsfreundlichkeit berühren.
Im Folgenden findest du eine Sammlung von Links zu vertiefenden Informationen.
Hauptartikel auf Zweiter Blick
- Bedeutung und Einsatz von Überschriften
- Diagonales Lesen ermöglichen und Missbrauch von Überschriftensemantik vermeiden.
- Technische Realisierung von Überschriften
- HTML Komponenten und ARIA-Anweisungen.
- Redaktionelle Gestaltung von Überschriften
- Formulieren und Gruppieren von Überschriften zur Gewährleistung der Verständlichkeit und Effizienz.
- Visuelle Darstellung von Überschriften
- Leserliche und kontrastreiche Formatierung von Absätzen und Schriftarten.
- Überschriftenebenen
- Konvention zur Verwendung der Überschriftenebene 1 und Anforderungen an die Überschriftenhierarchie.
- Überschriften und Assistierende Technologien
- Navigationsmechanismen durch Überschriften und das Manko reiner Vorlesetools.
- Überschrift mit Zusatz
- Gruppieren einer Überschrift mit einer Zusatzinformation durch das
hgroup-Element (Überschriftengruppe). header-Element- Der Kopfbereich einer Webseite, üblicherweise mit Logo, Suchbereich und anderen Navigationsbereichen für den gesamten Webauftritt.
Überschriften in diesem Element bedürfen eines Vorsichtigen Einsatzes.
WCAG Erfolgskriterien mit Bezug zu Überschriften
- 1.3.1 Infos und Beziehungen
- Was visuell wie eine Überschrift aussieht, muss auch technisch als Überschrift realisiert sein.
- Überschriften dürfen nicht missbräuchlich eingesetzt werden, um visuelle Effekte zu erzielen. )
- 1.3.2 Bedeutungstragende Reihenfolge
- Sofern die Abfolge der Überschriften von Relevanz für die Bedeutung des Inhalts ist, muss die Abfolge auch technisch bedeutungstragend dargestellt werden können.
- Probleme treten durch Umgruppieren von Inhalt mittels CSS oder unsorgsame Realisierung von PDF-Dateien auf.
- 1.4.3: Kontrast (Minimum)
- Überschriften benötigen einen bestimmten Helligkeitskontrast zum Hintergrund, auch wenn sie über eine erhöhte Schriftgröße verfügen.
- 1.4.5: Abbildung von Text
- Wo immer möglich, muss Text als solcher verfügbar sein. Eine Abbildung von Text sollte vermieden werden.
- 1.4.6 Kontrast (Erhöht)
- Konformitätsstufe AAA
- Der Helligkeitskontrast muss in der Regel anspruchsvoller mindestens einem Kontrastverhältnis von 7∶1 entsprechen.
- 1.4.9 Abbildung von Text (Ohne Ausnahme)
- Konformitätsstufe AAA
- Texte werden lediglich dann in einer Grafik abgebildet, wenn sie rein dekorativ sind oder die Abbildung unverzichtbar ist.
- 2.4.6 Überschriften und Beschriftungen
- Vorhandenen Überschriften müssen den folgenden Inhalt aussagekräftig beschreiben.
- 2.4.10 Abschnittsüberschriften
- Konformitätsstufe AAA
- Textabschnitte sind zur Strukturierung mit Überschriften zu versehen.
- 3.2.4 Konsistente Identifikation
- Komponenten mit derselben Funktion müssen innerhalb eines Webauftritts gleichlautend beschriftet werden. Ausgenommen sind etwa Sprachversionen innerhalb eines Auftritts.
- Überschriften fallen zwar nicht in den strikten Anwendungsbereich des Erfolgskriteriums 3.2.4. Fachausdrücke sollten jedoch auch in Überschriften gleichlautend verwendet werden.