Was ist barrierefreies Webdesign?
Viele Menschen haben Probleme beim Sehen oder Hören haben oder eine Lese-Rechtschreibschwäche haben. Barrierefreiheit ist für 10% unerlässlich, für 30% notwendig und für alle hilfreich. Vielen Menschen können Webdesigner das Leben leichter machen, wenn sie beim Layout einiges beachten.
Um Personen, die Probleme mit Kontrasten haben, zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:
- Beim barrierefreien Webdesign verwendet man einfache Farben, keine leuchtenden.
- Die Texte sollen in einfacher deutscher Sprache geschrieben sein. Keine Umgangssprache. Keine geflügelten Worte.
- Formatiere den Text linksbündig, vermeide Blocksatz.
- Verwende sprechende Buttons, wie zum Beispiel "Audio Dateien". Verwende keine unklaren oder unvorhersehbaren Buttons, wie "Hier klicken!.
- Baue einfache und einheitliche Layouts. Vermeide komplexen oder überladene Layouts.
Um Personen, die Probleme beim Hören haben, zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:
- Die Texte sollen in einfacher deutscher Sprache geschrieben sein. Keine Umgangssprache. Keine geflügelten Worte.
- Nutze Untertitel oder biete Abschriften von Videos an.
- Nutze ein geradliniges, logisches Layout.
- Formatieren den Text! Verwende Überschriften und Unterüberschriften, Listen. Vermeide Blocksatz.
- Biete den Nutzern einen Dolmetscher an, wenn es um Buchung oder Termine geht.
Um Personen, die Legasthenie haben, zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:
- Nutze Bilder und Diagramme für wichtigen Text. Vermeide Blocksatz.
- Bevorzuge linksbündigen Text und ein einheitliches Layout. Vermeide unterstrichene Wörter, italic oder Großbuchstaben.
- Überlege, ob Du andere Formate, wie Audiodateien oder Videos anbieten kannst.
- Halte den Inhalt kurz, klar und einfach.
- Der Nutzer soll den Kontrast zwischen Text und Hintergrund wechseln können.
Um Personen, die eine Sehbehinderung haben, zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:
- Verwende einen guten Kontrast (z. B. gelb/schwarz) und eine lesbare Schriftgröße
- Veröffentliche alle Informationen auf der Internetseite, biete sie nicht nur als Download an.
- Verwende nicht nur Farben, sondern eine Kombination von Farben, Formen und Text.
- Verfolge ein lineares, logisches Layout. Verteile Deinen Inhalt nicht auf die gesamte Internetseite.
- Setze Buttons und Benachrichtigungen in Zusammenhang.
Um Personen mit einer körperlichen Behinderung zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:
- Klickbare Aktionen (wie zum Beispiel Ja oder Nein) sollten groß sein und gut anklickbar.
- Gib freien Textfeldern ausreichend Platz.
- Designe für die Tastatur oder sprachgesteuerte Nutzung
- Behalte in Erinnerung, dass auch die Mobile Ansicht und der Touchscreen benutzt werden könnte
- Biete Tastaturkürzel an
Um Personen mit Screen Reader zu unterstützen, sollte der Webdesigner beim Layout auf folgendes achten:
- Formatiere den Text anständig mit Tags
- Verfolge ein lineares, logisches Layout. Verteile Deinen Inhalt nicht auf die gesamte Internetseite.
- Nutze HTML 5 mit Überschriften-Tags, Navigations-Tag, Label-Tag.
- Beachte, dass mit der Tastatur gesteuert wird!
- Verwende sprechende Buttons, wie zum Beispiel "Kontaktiere uns". Verwende keine unklaren oder unvorhersehbaren Buttons, wie "Hier klicken!.
Noch mehr Informationen zum barrierefreien Webdesign
Die aktuellen Richtlinien können auf der Webseite des W3C nachgelesen werden: https://www.w3.org/TR/2008/REC-WCAG20-20081211/.
Bei der Aktion Mensch gibt es einen Text, ob die Website barrierefrei ist: https://www.einfach-fuer-alle.de/.
Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.