Barrierefreie Assets erstellen: Überschriften und Titel

Die richtige Verwendung von Überschriften und Titeln hilft bei der Strukturierung deines Inhalts und verbessert die Navigation für alle Nutzer, auch für diejenigen, die assistive Technologien verwenden. Klare, gut organisierte Überschriften machen es einfacher, die Seitenhierarchie zu verstehen und relevante Informationen schnell zu finden. Dieser Artikel beschreibt die besten Praktiken für die Verwendung von Überschriften und Titeln, um sowohl die Zugänglichkeit als auch die Benutzerfreundlichkeit zu verbessern.

Anforderungen

• Informationen, Strukturen und Beziehungen, die durch die Darstellung vermittelt werden, sollten programmatisch festgelegt oder im Text verfügbar sein.
  • Text, der visuell oder strukturell als Überschrift fungiert, muss im Markup als echte Überschrift gekennzeichnet sein (z. B. <h1>, <h2> usw.).
  • Text, der visuell oder strukturell nicht als Überschrift fungiert, darf nicht als Überschrift gekennzeichnet werden.
• Überschriften müssen genau und informativ sein und die Textabschnitte, die sie beschreiben, deutlich kennzeichnen.
• Die Seite <title> muss präsentiert werden und Text enthalten.
• Der Seitentitel <Titel> muss genau und informativ sein.
• Der Seiten-<Titel> von dynamischen Seiten (z. B. in Single-Page-Apps) MUSS aktualisiert werden, wenn sich der Zweck der Seite ändert.

Beispiele

	DO: Korrekt markierte Überschriften mit genauer und informativer Beschriftung
	DON’T: Eine Website, die mit Vorlagen erstellt wurde, enthält keinen Titel für jede Seite der Website. Der Titel kann also nicht zur Unterscheidung der Seiten verwendet werden.