Toast- und Statusmeldungen: role="status" richtig einsetzen
Probiere zwei Statusmeldungen aus. Erfahre, wann role="status" oder alert passt, warum der Einfügezeitpunkt zählt und was Du manuell prüfen musst.
Probiere zwei Statusmeldungen aus. Erfahre, wann role="status" oder alert passt, warum der Einfügezeitpunkt zählt und was Du manuell prüfen musst.
Probiere Fehlerübersicht und Live-Region direkt aus. Prüfe Fokus, Fehlermeldungen, Korrektur und erneutes Absenden mit zwei interaktiven Formularen.
Lighthouse zeigt bei Barrierefreiheit 100, axe meldet Fehler? Vergleiche Regeln, Versionen und Seitenzustände. Mit getesteten Beispielen und konkreten Lösungen.
Was Nicht-Text-Kontrast bedeutet: Gute und schlechte Beispiele für Feldrahmen, Häkchen und Icons zeigen, worauf Du beim Prüfen Deiner Website achten solltest.
Teste Deinen Cookie-Banner auf Barrierefreiheit: Tastatur, Fokus und Einstellungen. Mit einem gemessenen Dialogfehler und einer Checkliste für jeden Zustand.
BFSG und Arztpraxis: Wer ist betroffen? Was gilt für Website und Online-Terminbuchung? Praxisnaher Leitfaden zu Barrierefreiheit, Telefonassistenz und Patientenkommunikation.
Wie Agenturen mit navable schneller und konsistenter auditieren und Kunden besser durch das BFSG begleiten. Pre-Audits, Dev-ready Fix-Prompts & teilbare Reports.
Das BFSG gilt seit Juni 2025. Diese aktualisierte Checkliste zeigt, was Unternehmen jetzt prüfen müssen – von WCAG 2.1 AA über EN 301 549 bis zu Dokumentation und laufendem Monitoring. Stand Juni 2026.
Viele Barrierefreiheits-Probleme treten nur auf mobilen Geräten auf. Erfahre, warum Multi-Device-Audits unverzichtbar sind und wie navable Desktop, Tablet und Mobile gleichzeitig prüft.
navable MCP v0.2 fügt Pa11y/HTMLCS als optionale zweite Scan-Engine neben axe-core hinzu. Kreuzbestätigte Befunde, serverseitige Deduplizierung und höhere Audit-Konfidenz — alles lokal in Deiner IDE.
axe-core-Scans und strukturierte Fix-Pläne für KI-Coding-Agenten: Einrichtung, technische Befunde und Grenzen manueller Prüfung.
So behebst Du WCAG 1.1.1 mit klaren Alt-Text-Beispielen, Deko-Bildern und praktischen Code-Snippets für BFSG-orientierte Websites.
Wie Du einen barrierefreien Feedback-Kanal nach BFSG umsetzt: Tastaturzugang, zugängliche Namen, Kontrastanforderungen und wann ein Modal wirklich nötig ist. Mit Quick-Checkliste.
So pflegst Du eine Barrierefreiheitserklärung nach Änderungen: prüfen, dokumentieren, den Entwurf überarbeiten und freigeben.
So installierst Du das navable Widget in WordPress, hinterlegst Deine Domain und prüfst die Einbindung. Mit Hilfe bei Ladeproblemen und Hinweisen zu den Grenzen.
Erfahre, wann Du Dich auf §17 BFSG berufen kannst und welche Dokumentation erforderlich ist. Konkrete Kriterien, praktische Beispiele und eine Schritt-für-Schritt-Anleitung für die Ausnahmeregelung bei unverhältnismäßiger Belastung seit dem 28. Juni 2025.
Barrierefreies Webdesign: barrierefreie Farben, WCAG-Kontrastregeln, BFSG-Compliance und Tests mit unserem Contrast Checker (WCAG).
Die Ausnahme für Kleinstunternehmen (§ 3 Abs. 3 BFSG) wird oft als pauschale Befreiung missverstanden. Eine technische Analyse der Unterscheidung zwischen Dienstleistungs- und Produkthaftung für Online-Händler.
Prüfe den BFSG-Anwendungsbereich: betroffene Angebote, Kleinstunternehmen, Übergangsregeln und nächste Prüfschritte.
Prüfe Deinen Quellcode mit dem kostenlosen Axe Accessibility Linter für VS Code. Erfahre, welche Fehler er findet und welche Tests im Browser nötig bleiben.
Prüfe Linktexte, Buttonnamen, Kontrast und Tastaturbedienung. Nutze die Checkliste, um Navigation für Menschen mit Behinderungen verständlich zu gestalten.
Prüfe Alternativtexte, Untertitel, Audiodeskriptionen und PDF-Struktur. Diese Checkliste hilft Dir, Medien für Menschen mit unterschiedlichen Behinderungen zu prüfen.
Prüfe, ob sich Pop-ups per Tastatur schließen lassen und Captchas alternative Zugänge bieten. Die Checkliste zeigt typische Barrieren und konkrete Prüfschritte.
Prüfe Schriftgröße, Vergrößerung, Textabstände und Kontrast. Erfahre, welche WCAG-Kriterien gelten und welche Layoutwerte Empfehlungen für lesbare Texte sind.
Prüfe Menüs, Überschriften, Sprunglinks und Tastaturwege. Die Checkliste hilft Dir, typische Barrieren in Navigation und Seitenstruktur Deiner Website zu erkennen.
Öffentliche Stellen des Bundes veröffentlichen eine Erklärung nach BGG und BITV 2.0. Der BFSG-Stichtag begründet diese Pflicht nicht.
Was ein Barrierefreiheits-Widget bei Schrift, Kontrast und Lesemodus unterstützt und welche Barrieren Du mit Audits und Code-Fixes gezielt beheben musst.
Prüfe Überschriften, Alternativtexte, Formularnamen und Fokus mit einem Screenreader. Die Beispiele helfen Dir, konkrete Barrieren auf Deiner Website zu finden.
Prüfe barrierefreie HTML-Formulare mit Beispielen für Labels, eindeutige IDs und Autocomplete. Erkenne, was ein Scan findet und was Du selbst testen musst.