Erfolgreiches Webdesign, Teil 4: Barrierefreies Webdesign
Die WCAG basieren auf vier Prinzipien:
Punkt 1: Wahrnehmbar (Perceivable)
- Inhalte müssen so präsentiert werden, dass sie wahr genommen werden können
- Nicht-Text-Inhalte müssen müssen durch Text wahrnehmbar sein
- Darstellung muss anpassbar sein
- Vorder- und Hintergrund klar abheben
Punkt 2: Bedienbar (Operable)
- Über die Tastatur müssen alle Funktionen erreichbar sein
- Genug Zeit um die Inhalte zu nutzen
- Keine Inhalten, die Anfälle auslösen können
- Orientierung mit Navigationshilfen
Punkt 3: Verständlich (Understandable)
- Lesbare und verständliche Texte
- Inhalte müssen vorhersehbar erscheinen und sich konsistent verhalten
- Hilfe zur Fehlervermeidung und bei der Eingabe
Punkt 4: Robust
- Kompatibel mit diversen Browsern und assistiven Technologien
- Standardkonformer Code
- Normgerechte Auszeichnung von Struktur und Bedeutung
Warum ist ein barrierefreies Webdesign wichtig?
- Ab 28. 6. 25 Pflicht in der EU
- Schweiz: Das Eidgenössisches Büro für die Gleichstellung von Menschen mit Behinderungen (EBGB) stellt folgende Informationen zu den regulatorischen Rahmenbedingungen im Bereiche Accessibility zur Verfügung: Nationale Rahmenbedingungen – ADIS
- Suchmaschinenoptimierung – Crawler interpretieren die semantische Seitenstruktur besser
- Bedienbarkeit – für alle Nutzer:innen einfacher
- Digitale Anteilnahme – ein beträchtlicher Teil der Bevölkerung ist auf barrierefreie Websites angewiesen
Tipps: Webdesigner-Tools für eine barrierfreie Website
- Kontrast-Checker für Webdesigner:in
- WAVE (Chrom-Erweiterung) kann viele Fehler in Bezug auf Barrierefreiheit und die Richtlinien für barrierefreie Webinhalte (WCAG) identifizieren, erleichtert aber auch die menschliche Bewertung von Webinhalten.
Als Typografin, Webdesignerin und Onlinemarketing-Managerin verbinde ich kreative Umsetzungen mit strategischem Marketing. Mit Herzblut für Ästhetik und viel Leidenschaft für digitale Trends verhelfe ich Menschen zu einem professionellen Unternehmensauftritt. Ob Logodesigns, Websites/Webdesign (SEO, UX/UI-Design), Printmedien, Ads oder Newsletter – omstructur . Full Service Werbeagentur erschafft visuelle Auftritte die sich abheben.
