Playbook3 Abschnitte · 2 Min. LesezeitVon Dezső Mező · Veröffentlicht 3. Oktober 2026.mdA11yWCAGFrontendUX
Die meiste Accessibility-Schuld ist nicht exotisch: Kontrast, der auf dem hellen Theme scheitert, Fokusringe, die niemand sieht, Bilder ohne Alternativtext und Formulare mit dekorativen Labels. Ein Nachmittag repariert die Spitze dieser Liste.
01Einmal durch die ganze Site tabben
Nur-Tastatur ist der billigste Audit, den es gibt. Wenn Fokus unsichtbar, gefangen oder unlogisch ist, trifft ein relevanter Teil der Besucher dieselbe Wand. Der Fix ist meist eine :focus-visible-Regel und eine ehrliche DOM-Reihenfolge.
02Kontrast ist eine Zahl, kein Geschmack
WCAG AA ist 4,5:1 für Fließtext und 3:1 für große Schrift. Das Marken-Koralle dieser Site brauchte genau deshalb eine dunklere Variante für Papierhintergründe; das Paar messen, das Token anpassen, fertig.
03Alt-Text, der beschreibt, nicht erzählt
Ein Produktfoto braucht, was es verkauft; ein dekorativer Teiler braucht ein leeres alt, damit ein Screenreader es überspringt statt 'Bild' anzusagen. Der häufigste Fehler ist nicht fehlender Alt-Text, sondern nutzloser.
Was bleibt
- Einen vollen Tastatur-Durchgang machen — der billigste Audit.
- Kontrast pro Theme messen, nicht pro Farbe.
- Alt-Text beschreibt Funktion; Deko bekommt ein leeres alt.
- Labels gehören zu Inputs, nicht zum Aussehen — richtig verdrahten.
Mehr aus dem Lab
Alle Beiträge ansehen
Wo der Checkout den Verkauf verliert
Was Custom Software wirklich kostet
Custom oder von der Stange — der ehrliche Test
Die ersten neunzig Tage eines Retainers, wie er wirklich läuft
Sollen wir das an Ihrem System ansehen?Gespräch beginnen
