Barrierefreiheit im Onepager

Barrierefreiheit im Web bedeutet, dass digitale Inhalte für alle Menschen zugänglich sind – unabhängig von körperlichen, kognitiven oder technischen Einschränkungen. Webseiten sollten so gestaltet sein, dass sie von Menschen mit Sehbehinderungen, motorischen Einschränkungen oder anderen besonderen Anforderungen problemlos genutzt werden können. Dazu gehören unter anderem eine klare Struktur, verständliche Sprache, gute Kontraste, sowie die Unterstützung von Tastaturnavigation und Screenreadern.

Stück für Stück verbessern wir die technische Basis, um eine möglichst zugängliche Nutzung zu ermöglichen. Doch Barrierefreiheit endet nicht beim Code: Auch redaktionelle Inhalte spielen eine zentrale Rolle. Für diesen Teil sind Sie als Redakteur:in Ihres Onepagers verantwortlich. Wie können Sie also barrierefrei formulieren, strukturieren und gestalten? Im Folgenden geben wir Ihnen praxisnahe Hinweise.

1. Klare und verständliche Sprache verwenden
   Verwenden sie einfach, gut verständliche Sätze. Ziel ist es, dass auch Menschen mit kognitiven Einschränkungen oder geringer Lesekompetenz den Inhalt erfassen können.
2. Überschriften sinnvoll und strukturiert einsetzen
   Achten Sie darauf, die Hauptüberschrift eines Seitenbereichs (in der Regel eine H2) stets zu befüllen. Darunter folgen bei Bedarf weitere Ebenen (H3, H4 …), jedoch ohne Sprünge in der Hierarchie. Das heißt: Nach einer H2 kommt eine H3, nicht direkt eine H4. So bleibt die Seitenstruktur nachvollziehbar und barrierefrei.
3. Absätze und Listen nutzen
   Vermeiden Sie lange Textblöcke. Verwenden Sie Absätze, Aufzählungen oder nummerierte Listen, um Inhalte übersichtlich darzustellen.

1. Auf gute Kontraste achten
   Stellen Sie sicher, dass Text und Hintergrund farblich gut unterscheidbar sind. Hellgrauer Text auf weißem Hintergrund ist z. B. oft schwer lesbar. Sofern Sie Bilder als Hintergrund einsetzen, achten Sie darauf, dass der Text trotzdem gut lesbar bleibt. Vermeiden Sie es, Text direkt auf unruhige und kontrastarme Bildbereiche zu legen.
2.  Alternativtexte für Bilder bereitstellen
   Jedes Bild sollte einen Alternativtext (Alt-Text) haben. Dieser beschreibt kurz, was auf dem Bild zu sehen ist, damit Screenreader-Nutzer*innen die gleichen Information wie Sehende erhalten.