SEO und Barrierefreiheit

Einfache Sprache verwenden

Vermeiden Sie verschachtelte Sätze und bildliche Metaphern. Gestalten Sie Texte am besten so, dass ein Achtklässler diese noch verstehen kann.

Linksbündigen Text verwenden

Verwenden Sie für die gesamte Seite nur linksbündige Texte. Bei Sprachen, welche von rechts nach links gelesen werden, werden rechtsbündige Paragrafen verwendet. Linksbündige Texte sind allgemein besser lesbar und somit barrierefreier als zentrierte oder rechtsbündige Textvarianten.

Auch der Blocksatz sollte im Webdesign vermieden werden, da bei bestimmten Bildschirmgrößen große Lücken zwischen den Wörtern entstehen können. Wenn sich diese Lücken über mehrere Zeilen oder einen gesamten Paragrafen erstrecken, bilden sich somit ganze Flüsse von Weißraum durch den Text, welche den Lesefluss stören.

Links eindeutig deklarieren

Wenn Sie Buttons, Links oder andere Verweise im Text verwenden, müssen diese eindeutig deklariert werden. Es bringt den Seitenbesucher nichts, wenn Sie die Wörter „hier downloaden“ verlinken. Verlinken Sie stattdessen eine beschreibende Phrase, die unverkennbar den gewünschten Inhalt enthält. Zum Beispiel: Checkliste für die barrierefreie Gestaltung im Netz.

Listen-Elemente verwenden

Um blinden Seitenbesuchern den Inhalt besser zu strukturieren, empfiehlt es sich, alle Listen mithilfe von geeignetem HTML Code zu deklarieren. Das funktioniert sowohl über den Text-Editor, als auch über den codefreien visuellen Editor mit der Aufzählungen-Funktion.

Überschriften richtig nutzen

Auch die Überschriften helfen Menschen mit Beeinträchtigungen Ihre Seite schneller zu sichten. Es ist also wichtig, dass Sie diese korrekt verwenden, keine Ebene auslassen und nur eine .h1 – Überschrift pro Seite führen.

Passende Alt-Attribute für Bilder vergeben

Alternativtexte, also Bildbeschreibungen, helfen blinden und sehbehinderten Menschen, den Inhalt eines Bildes erfassen zu können – denn Screenreader lesen Alt-Texte mit vor. Welche Art der Bildbeschreibung dabei am hilfreichsten ist, erfahren Sie in unserem Artikel:„Der perfekte Alt-Text: Wir haben sechs blinde und sehbehinderte Menschen gefragt, welche Bildbeschreibungen ihnen wirklich etwas bringen.“

Dekorative Bilder erhalten kein Alt-Attribut

Wenn Bilder verwendet werden, die nicht zum Verständnis des Inhaltes wichtig sind, dann ist es besser, kein extra Alt-Attribut für diese Bilder zu vergeben. Dekorative Elemente ohne Funktion erhalten keine Bildbeschreibung, während Bilder, die wichtig für den Artikel oder den Seiteninhalt sind, mit einem Alt-Attribut versehen werden.

Transkripte für Mediendateien bereitstellen

Falls Sie Audio- oder Videodateien auf Ihrer Seite verwenden, sollten Sie auch ein Transkript bereitstellen. Dieses kann mit einem Akkordeonfach versteckt werden. Bei Videos ist das Hinzufügen eines Transkriptes oft über das jeweilige Videoportal möglich.

Autoplay von Videos vermeiden

Vermeiden Sie das automatische Abspielen von Videos auf Ihrer Seite. Es beeinträchtigt die Barrierefreiheit, wenn Benutzer mit Einschränkungen das Video erst finden und stoppen müssen.