BARRIEREFREIHEIT

Allgemeine Informationen

Barrierefreiheit heisst Benutzerfreundlichkeit für alle - auch für Menschen mit Behinderung. Unter Behinderungen sind nicht nur Sehbehinderte Menschen gemeint, sondern auch Menschen, welche zum Beispiel eine eingeschränkte Motorik in ihren Händen haben. Damit in Zukunft die Barrierefreiheit gewährleistet ist, sollten folgende Themen beachtet werden:

Screenreader

Oft wird ein Screenreader eingesetzt, welcher den ganzen Text einer Webseite von oben nach unten vorliest. Der Screenreader liest zuerst die Überschriftebene und im Anschluss den Lauftext. Bei Bildern stösst er auf ein Problem, denn ausser einem Dateinamen findet der Screenreader nichts, was er vorlesen könnte. Aus diesem Grund ist es wichtig, dass für das Bild ein ALT-Text vorhanden ist, welcher das Bild in Worte beschreibt.

Fünf Tipps für ein barrierefreies Webdesign

      1. Bilder sollten über Alt-Tags verfügen. Die Alt-Tags ermöglichen es zum Beispiel einem blinden Nutzer mit Hilfe von Text zu hören, was das Bild beinhaltet.
      2. Inhalte, welche körperliche Reaktionen hervorrufen, sollten vermieden werden. Eine schnell blinkende Animation bringt grosse Gefahr für Personen mit Epilepsie mit sich.
      3. Die Navigation sollte auf jeder Seite gleich aussehen.
      4. Der Text sollte gross und strukturiert sein. Eine gute Grösse für einen Lauftext ist 16px. Der Titel sollte grösser sein. Zudem sind Schriften, welche keine Serifen, feste Abstände zwischen den Buchstaben sowie fette Buchstaben haben, am einfachsten zu lesen.
      5. Die Webseite sollte mit und ohne Tastatur oder Maus bedienbar sein.

Web Content Accessibility Guidelines (WCAG)

WCAG zeigt, welche Anforderungen an barrierefreie Webseiten gestellt werden, damit alle Nutzer - eben auch solche mit visuellen, auditiven, motorischen oder kognitiven Einschränkungen - von einer Webseite Gebrauch machen können.

Die WCAG ist grob in folgende 4 Prinzipien aufgeteilt:

Webseiten sollen…

      • …wahrnehmbar sein: Textalternativen für Bilder, Untertitel für Audio, Anpassbarkeit der Darstellung und ausreichende Kontraste
      •…bedienbar sein: Tastaturbedienung, ausreichend Zeit bei Eingaben, Vermeidung von Epileptischen Anfällen und Navigierbarkeit
      •…verständlich sein: Lesbarkeit, Vorhersehbarkeit und Hilfen bei der Eingabe
      •…robust sein: Kompatibilität mit assistierenden Technologien

Weitere Informationen können auf der Webseite der Stiftung «Zugang für alle» entnommen werden.

× Logo Nerd Sidebar

Diese Webseite dient Entwicklern, welche sich im Designbereich vertiefen möchten, als Hilfestellung im Bereich des Interfacedesigns. Das Verständnis soll zudem dazu dienen, dass Entwickler kleine Änderungen selber vorgenommen werden können und die Entscheidungen von den Designern besser verstanden werden.

Die Webseite «Nerds and Design» wurde im Rahmen der Bachelorarbeit in Multimedia Production von Giada Zacheo entwickelt.

instagram