Blog » [?standard.news_overtitle_category]

Barrierefreiheit

Nahaufnahme von Händen, die auf einer Laptop-Tastatur tippen.

Snippet

TAB-Navigation, tabindex und inert: Tastaturzugänglichkeit technisch umsetzen

Skip-Link, tabindex und inert: wie man TAB-Navigation technisch korrekt aufbaut, Fokus programmatisch setzt und versteckte Bereiche vollständig aus dem Tabsprung nimmt.

Eine lächelnde Frau mit kurzen lockigen Haaren arbeitet an einem Laptop in einem hellen Büroraum.

Barrierefreiheit

Barrierefreiheit vor dem ersten Klick

Barrierefreiheit entsteht vor dem ersten Inhalt: im Design-System, im Code, in der Template-Architektur. Ein Überblick über systemische Zugänglichkeit und was das BFSG damit zu tun hat.

Zwei Kollegen am Laptop und Tablet in einem Büro

Snippet

Fokus-Indikatoren mit :focus-visible stylen

Fokus-Indikatoren richtig stylen: :focus-visible, Zwei-Farben-Ring, WCAG 1.4.11 und 2.4.11, forced-colors absichern.

Barrierefreiheitsstärkungsgesetz

BFSG: Was Webseitenbetreiber jetzt über Barrierefreiheit wissen müssen

Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet digitale Angebote für alle nutzbar zu machen – nicht nur als freiwillige Zusatzleistung, sondern als Pflichtstandard für Verbraucherdienstleistungen.

Snippet

Barrierefreiheit testen mit Playwright – was Scanner übersehen

Automatisierte Accessibility-Tools erkennen nur einen Teil aller WCAG-Verstöße. Diese Playwright-Tests prüfen Zustände, die axe und Lighthouse nie sehen: Hover, Focus, Dark Mode, Modale und mehr.

Lächelnde Frau in Businesskleidung am Laptop in modernem Büro

Snippet

ARIA: Werkzeug oder Pflaster? Die First Rule und ihre Konsequenzen

ARIA richtig einsetzen: die First Rule, vier typische Fehler mit Code und drei Fälle, in denen ARIA wirklich unersetzbar ist.