Barrierefreies Design
Praxisorientierte Artikel zur Gestaltung von Oberflächen und Layouts — von Typografie über Bewegung und Touch-Targets bis zur Datenvisualisierung.
Gute Gestaltung beruht auf Entscheidungen, die sich begründen lassen. Welche Schriftgröße ist tatsächlich lesbar? Wie groß muss ein Touch-Target sein, damit eine Person mit Tremor ihn zuverlässig trifft? Warum sollte Animation reduzierbar sein?
Diese Fragen haben Antworten — in Studien, Standards und über Jahre gesammelten Erfahrungswerten. In dieser Sammlung machen wir diese Antworten zugänglich, mit Verweisen auf die Quellen. Und wenn die Datenlage uneindeutig ist, schreiben wir das auch hin, statt eine scheinbare Sicherheit zu suggerieren, die es nicht gibt.
Aktuelle Artikel
Praxis-Themen rund um barrierefreies Design
- 01
Kontrastprüfung
Kontraste nach WCAG 2.2 prüfen, Tools für die tägliche Arbeit und ein Ausblick auf die neue APCA-Methode.
- 02
Typografie für barrierefreie Oberflächen
Welche Typografie-Regeln belegt sind und welche nur Faustregel – Schriftgröße, Zeilenlänge, Abstände und der Dyslexie-Font-Mythos.
- 03
Touch-Targets und Klickflächen
Wie groß eine Klickfläche sein muss: das WCAG-Kriterium 2.5.8, die fünf Ausnahmen und was Apple und Material Design empfehlen.
- 04
Bewegung und Animation
Wann Animation hilft und wann sie schadet – die WCAG-Kriterien 2.2.2, 2.3.1 und 2.3.3 sowie
prefers-reduced-motion.
Diese vier Artikel sind in Arbeit. Sie zeigen, in welche Tiefe diese Sammlung gehen wird — mit Belegen, Datenlagen und ehrlichen Hinweisen, wo Aussagen umstritten oder nicht abschließend geklärt sind.
- Barrierefreie Datenvisualisierung Diagramme, Charts und Infografiken zugänglich aufbereiten: Was Screenreader brauchen, welche Farbpaletten bei Sehschwächen funktionieren und wann eine sortierbare Tabelle die bessere Wahl ist als ein Chart.
- Farbe als Informationsträger Warum Farbe nie das einzige Unterscheidungsmerkmal sein darf — WCAG-Kriterium 1.4.1 und wie Form, Text und Position die Information zusätzlich absichern.
- Fokus-Indikatoren sichtbar gestalten Was die Kriterien 2.4.7 und das neue 2.4.11 fordern — und wie ein Fokus-Rahmen aussieht, den man bei der Tastaturbedienung wirklich sieht.
- Reflow und responsives Layout Warum Inhalte sich ohne horizontales Scrollen bis auf 320 Pixel Breite umbrechen müssen — Kriterium 1.4.10 und was beim starken Zoomen passieren soll.
Verwandte Übersichten
Größere thematische Hubs zu den rechtlichen und technischen Grundlagen
WCAG 2.2
Die Web Content Accessibility Guidelines — internationaler Standard und Grundlage aller gesetzlichen Anforderungen.
GesetzBFSG
Das Barrierefreiheitsstärkungsgesetz — wer betroffen ist und welche Pflichten daraus entstehen.
Design-Projekt mit Anspruch an Barrierefreiheit?
Wir analysieren bestehende Oberflächen, entwickeln barrierefreie Design-Systeme und schulen Design-Teams — von der Typografie-Wahl über Farbsysteme bis zur Animations-Strategie. Immer mit Belegen, nie mit Bauchgefühl.
Beratung oder Schulung anfragen