Barrierefreie Website

Hier geht es kurz und knapp darum, was beim Aufbau einer Seite beachtet werden sollte.

Um seine Seite kurz selber überprüfen zu können, kann dieser WAVE Web Accessibility Evaluation Tool genutzt werden.

Hier folgt ein Angebot in deutscher Sprache: deutschsprachiger Barrierefreiheitstest

Schrift und Kontraste

Gute Lesbarkeit von Texten beruht unter anderem auf einem ausreichenden Kontrast zwischen Vorder- und Hintergrundfarbe. Für Texte in kleinen Schriftgrößen ist dies ganz besonders wichtig. Auch Farbfehlsichtigkeiten – wie die verbreitete Rot-Grün-Schwäche – sollten berücksichtigt werden. Hohe Kontraste helfen auch bei mobiler Nutzung, zum Beispiel bleiben Inhalte trotz direkter Sonneneinstrahlung im Freien erkennbar.

Schnelltest: Hier können die Kontraste Ihrer Homepage geprüft werden

Bedienflächen

Einige Nutzer haben Schwierigkeiten, kleine Links und Schaltflächen auszuwählen. Was mit einem Mauszeiger noch funktioniert, wird bei der Bedienung mit dem Finger auf einem Tablet oder mit dem Smartphone schnell zu einer Herausforderung.

Schnelltest: Sind alle Links und Schaltflächen für die mobile Nutzung optimiert?

Bildtexte

Blinde Menschen sind darauf angewiesen, dass Bilder mit sogenannten Alternativtexten versehen sind. Eine Vorlese-Anwendung nutzt solche Bildbeschreibungen für eine Sprachausgabe des Inhalts. Auch Suchmaschinen werten diese Texte aus und beziehen sie in das Ranking ein.

Schnelltest: Klicken Sie dafür auf der Ergebnisseite den Reiter “No Styles” an. Unter allen Bildern sollten nun die Alternativtexte (markiert durch “alt”) zu sehen sein. Sind die Bildbeschreibungen überall vorhanden und sinnvoll formuliert?

Sprache

Mit leicht verständlicher Sprache erreichen Sie jeden Nutzer. Besonders empfehlenswert sind: kurze Sätze, einfacher Satzbau und weitgehender Verzicht auf Fremdwörter.

Schnelltest: Erfüllen Ihre Texte diese Anforderungen?

Struktur

Webseiten bestehen aus Strukturelementen, zum Beispiel aus einem Block für die Navigation und einem Block mit dem eigentlichen Seiteninhalt. Innerhalb dieser gibt es Überschriften, Fließtexte oder Listen. Barrierefreie Seiten besitzen semantische Auszeichnungen für solche Strukturen. Diese helfen Menschen mit Sehbehinderung, sich auf der Seite zu orientieren.

Schnelltest: Klicken Sie dafür auf der Ergebnisseite den Reiter “No Styles” an. Nun können Sie die Markierungen der Überschriften gut erkennen (z.B. h1 = wichtigste Überschrift, h2, h3, etc.). Sind Ihre Überschriften sinnvoll ausgezeichnet?

Bitte beachten Sie, dass das Tool keine vollständige Qualitätskontrolle ersetzt und nicht gleichwertig mit einer gründlichen WCAG/BITV-Prüfung ist.

Formulare

Formulare sind sehr wichtig: Nur über barrierefreie Formulare können alle Kunden mit Ihnen in Kontakt treten oder bei Ihnen online einkaufen.

Schnelltest: Klicken Sie bei Ihren Formularen auf die Beschriftung der Felder (zum Beispiel auf das Wort “Vorname”). Wenn der Mauszeiger in das Eingabefeld springt, besitzt das Feld das notwendige “Label”-Element und das Formular ist barrierefrei.