Alt-Text
Ein Alt-Text (alternative text, alt-Attribut) ist eine textliche Beschreibung eines Bildes im HTML-Code, die von Screenreadern vorgelesen wird. Alt-Texte sind WCAG-2.1-Pflicht...
Mehr erfahren →Zentrale Begriffe aus WCAG, BFSG und EN 301 549 – mit Code-Beispielen, Praxis-Tipps und direktem Bezug zu unseren 15 Prüfpunkten.
Ein Alt-Text (alternative text, alt-Attribut) ist eine textliche Beschreibung eines Bildes im HTML-Code, die von Screenreadern vorgelesen wird. Alt-Texte sind WCAG-2.1-Pflicht...
Mehr erfahren →ARIA-Labels sind HTML-Attribute aus der Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA)-Spezifikation. Sie liefern Screenreadern semantische...
Mehr erfahren →Der Farbkontrast ist das Helligkeits-Verhältnis zwischen Text und Hintergrund. WCAG 2.1 Level AA fordert mindestens 4,5:1 für Normaltext und 3:1 für Großtext (ab 18pt oder 14pt...
Mehr erfahren →WCAG 2.1 AA (Web Content Accessibility Guidelines, Version 2.1, Level AA) ist der internationale Standard für digitale Barrierefreiheit, veröffentlicht vom World Wide Web...
Mehr erfahren →Tastaturbedienbarkeit bedeutet: alle interaktiven Funktionen einer Webseite sind mit Tab, Enter, Leertaste und Pfeiltasten erreichbar und ausführbar – ohne Maus. WCAG 2.1.1...
Mehr erfahren →Ein Screenreader ist eine Hilfssoftware, die Bildschirminhalte in gesprochene Sprache oder Braille-Ausgabe umsetzt. Blinde und stark sehbehinderte Menschen nutzen Screenreader,...
Mehr erfahren →Semantisches HTML bedeutet: Tags werden nach ihrer Bedeutung gewählt, nicht nach ihrer Darstellung. <header> für Seitenkopf, <nav> für Navigation, <main> für Hauptinhalt,...
Mehr erfahren →Eine Überschriften-Hierarchie ist die Anordnung von H1 bis H6 in logischer, verschachtelter Reihenfolge. Screenreader-Nutzer nutzen diese Struktur zum schnellen Überfliegen...
Mehr erfahren →Ein Formular-Label ist der beschreibende Text eines Eingabefeldes, programmatisch verbunden mit dem Input per <label for=""> oder aria-label. Labels sind WCAG-2.1-Pflicht und...
Mehr erfahren →Ein Skip-Link (auch Skip-Navigation) ist der erste Link einer Seite, der Tastatur- und Screenreader-Nutzern erlaubt, die Navigation zu überspringen und direkt zum Hauptinhalt...
Mehr erfahren →Das Barrierefreiheitsstärkungsgesetz (BFSG) ist das deutsche Gesetz zur Umsetzung der EU-Richtlinie 2019/882 (European Accessibility Act). Es verpflichtet Anbieter digitaler...
Mehr erfahren →Die EN 301 549 ist die europäische harmonisierte Norm für Accessibility-Anforderungen an IKT-Produkte und -Dienste. Sie übernimmt WCAG 2.1 Level AA vollständig für den Web-Teil...
Mehr erfahren →Die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) regelt seit 2011 die Barrierefreiheit der digitalen Angebote von Bundesbehörden und öffentlichen Stellen. Sie ist...
Mehr erfahren →WCAG 2.2 ist die aktuellste Version der Web Content Accessibility Guidelines, veröffentlicht im Oktober 2023. Sie ergänzt WCAG 2.1 um 9 neue Success Criteria, vor allem für...
Mehr erfahren →Der European Accessibility Act (EAA) ist die EU-Richtlinie 2019/882 vom 17. April 2019, die Barrierefreiheits-Anforderungen für digitale Produkte und Dienstleistungen EU-weit...
Mehr erfahren →Landmarks sind die Haupt-Bereiche einer Webseite (Header, Navigation, Hauptinhalt, Footer), die Screenreader-Nutzern schnelle Orientierung ermöglichen. Sie werden entweder über...
Mehr erfahren →Fokus-Management bezeichnet die bewusste Steuerung des Tastatur-Fokus in Web-Applikationen: Welches Element ist gerade aktiv? Wie bewegt sich der Fokus nach Interaktionen?...
Mehr erfahren →Kognitive Barrierefreiheit bedeutet: Webseiten sind so gestaltet, dass sie für Menschen mit Lernschwierigkeiten, Konzentrationsproblemen, Demenz, Legasthenie oder...
Mehr erfahren →Leichte Sprache ist eine stark vereinfachte Form des Deutschen mit klaren Regeln: kurze Sätze, einfache Wörter, viele Absätze. Sie hilft Menschen mit Lernschwierigkeiten,...
Mehr erfahren →Untertitel sind synchrone Text-Einblendungen für gesprochenen Inhalt in Videos. WCAG 2.1.1 (Level A) fordert sie für alle vorab aufgezeichneten Videos mit Ton. Für BFSG und EAA...
Mehr erfahren →Audiodeskription ist eine zusätzliche Tonspur, die visuelle Inhalte eines Videos in Worten beschreibt – für blinde und sehbehinderte Zuschauer. WCAG 1.2.5 (Level AA) fordert...
Mehr erfahren →Ein Transkript ist die vollständige Textversion eines Audio- oder Video-Inhalts. Für reine Audio-Dateien (Podcasts) ist ein Transkript die Pflicht-Alternative nach WCAG 1.2.1....
Mehr erfahren →Die Tab-Reihenfolge ist die Abfolge, in der der Tastatur-Fokus durch interaktive Elemente einer Webseite wandert. WCAG 2.4.3 (Level A) verlangt, dass diese Reihenfolge...
Mehr erfahren →Responsive Design ist die Gestaltung, die auf verschiedene Bildschirmgrößen reagiert (Handy, Tablet, Desktop). WCAG 1.4.10 Reflow (Level AA) fordert, dass Inhalte auch bei 400...
Mehr erfahren →Zoom-Barrierefreiheit bedeutet: Nutzer können Text und Inhalte auf mindestens 200 % vergrößern, ohne dass Inhalt verloren geht oder die Seite unbenutzbar wird. WCAG 1.4.4...
Mehr erfahren →Accessibility-Overlays sind JavaScript-Widgets (accessiBe, UserWay, EqualWeb), die per Einblendung Barrierefreiheits-Optionen anbieten (Schriftgröße, Kontrast,...
Mehr erfahren →Das alt-Attribut liefert die Textalternative für Bilder (für Screenreader, Pflicht). Das title-Attribut zeigt Tooltips beim Hover (für sehende Nutzer, optional). Sie haben...
Mehr erfahren →Die Barrierefreiheits-Erklärung ist eine verpflichtende Unterseite nach BFSG und BITV 2.0, auf der der Betreiber den Barrierefreiheits-Stand seiner Webseite dokumentiert, einen...
Mehr erfahren →WCAG 1.4.1 Use of Color (Level A) fordert: Farbe darf niemals die einzige Information sein. Pflichtfelder, Fehler, Status müssen zusätzlich textlich oder durch Icons markiert...
Mehr erfahren →Das lang-Attribut am <html>-Tag deklariert die primäre Sprache der Seite. Screenreader nutzen es, um die richtige Aussprache zu wählen. Fehlt es, lesen sie deutsche Texte...
Mehr erfahren →Barrierefreie Fehlerbehandlung in Formularen umfasst: eindeutige Textmeldungen, programmatische Markierung mit aria-invalid, Verknüpfung mit aria-describedby, Fokus-Management...
Mehr erfahren →WCAG 2.4.1 Bypass Blocks (Level A) fordert einen Mechanismus, um Inhaltsblöcke zu überspringen, die sich auf mehreren Seiten wiederholen – typischerweise die Hauptnavigation....
Mehr erfahren →Der Fokus-Ring ist die visuelle Hervorhebung des aktuell fokussierten Elements (Button, Link, Formularfeld). WCAG 2.4.7 Focus Visible (Level AA) fordert, dass der...
Mehr erfahren →Reflow bezeichnet die Fähigkeit einer Webseite, ihren Inhalt bei einer Breite von 320 CSS-Pixeln (entspricht 400 % Zoom) ohne horizontales Scrollen darzustellen. WCAG 2.1...
Mehr erfahren →Text Spacing (WCAG 1.4.12) fordert, dass Nutzer Textabstände anpassen können, ohne dass Inhalt oder Funktion verloren geht. Konkret: Zeilenhöhe 1.5, Absatzabstand 2em,...
Mehr erfahren →Nicht-Text-Kontrast (WCAG 1.4.11 Non-text Contrast) verlangt ein Kontrastverhältnis von mindestens 3:1 für UI-Komponenten und grafische Objekte gegenüber dem Hintergrund....
Mehr erfahren →Status-Meldungen (WCAG 4.1.3 Status Messages) sind Informationen, die dem Nutzer ohne Fokuswechsel präsentiert werden – z. B. Erfolgs-/Fehlermeldungen, Warenkorb-Updates oder...
Mehr erfahren →Konsistente Navigation (WCAG 3.2.3) und Konsistente Identifikation (WCAG 3.2.4) verlangen, dass wiederkehrende Navigationselemente auf allen Seiten in gleicher Reihenfolge...
Mehr erfahren →Zeitlimits (WCAG 2.2.1 Timing Adjustable) fordern, dass Nutzer zeitbasierte Beschränkungen abschalten, verlängern oder anpassen können. Session-Timeouts, Auto-Refresh und...
Mehr erfahren →Das Dreifach-Blitzen-Kriterium (WCAG 2.3.1 Three Flashes or Below Threshold) verlangt, dass keine Inhalte häufiger als dreimal pro Sekunde blitzen – es sei denn, der Blitz...
Mehr erfahren →Fehleridentifikation (WCAG 3.3.1 Error Identification) verlangt, dass automatisch erkannte Eingabefehler dem Nutzer in Textform beschrieben werden und das fehlerhafte Element...
Mehr erfahren →Eingabehilfen (WCAG 3.3.2 Labels or Instructions) fordern, dass Formularfelder mit Labels oder Anweisungen versehen sind, wenn der Inhalt eine Nutzereingabe erfordert. Nutzer...
Mehr erfahren →Fehlerkorrektur umfasst WCAG 3.3.3 (Error Suggestion) und WCAG 3.3.4 (Error Prevention). 3.3.3 verlangt Korrekturvorschläge bei erkannten Fehlern, 3.3.4 fordert bei...
Mehr erfahren →Seitentitel (WCAG 2.4.2 Page Title) fordert, dass jede Webseite einen beschreibenden und aussagekräftigen title-Tag im HTML-Head besitzt. Der Titel ist das Erste, was ein...
Mehr erfahren →Link-Zweck (WCAG 2.4.4 Link Purpose – In Context) fordert, dass der Zweck jedes Links aus dem Linktext allein oder zusammen mit dem programmatisch bestimmbaren Kontext...
Mehr erfahren →Das HTML-Attribut <code>tabindex</code> steuert, ob und in welcher Reihenfolge ein Element per Tastatur fokussierbar ist. Es ist zentral für WCAG 2.1 Kriterium 2.1.1 (Tastatur)...
Mehr erfahren →ARIA Live Regions informieren assistive Technologien über dynamische Inhaltsänderungen auf einer Webseite, ohne dass der Nutzer den Fokus bewegen muss. Sie sind essenziell für...
Mehr erfahren →Das ARIA <code>role</code>-Attribut definiert die semantische Funktion eines HTML-Elements für assistive Technologien. Es ist zentral für WCAG 2.1 Kriterium 4.1.2 (Name, Rolle,...
Mehr erfahren →Das Attribut <code>aria-expanded</code> kommuniziert assistiven Technologien, ob ein steuerndes Element (Button, Link) seinen zugehörigen Inhaltsbereich aktuell ein- oder...
Mehr erfahren →Das Attribut <code>aria-hidden="true"</code> entfernt ein Element und alle seine Kinder aus dem Accessibility Tree, sodass Screenreader es ignorieren. Falscher Einsatz verstößt...
Mehr erfahren →Das Attribut <code>aria-describedby</code> verknüpft ein Element mit einer zusätzlichen Beschreibung, die von Screenreadern nach dem zugänglichen Namen vorgelesen wird. Es...
Mehr erfahren →Custom Controls sind selbst entwickelte interaktive UI-Komponenten (z. B. Custom Dropdowns, Slider, Datepicker), die native HTML-Elemente ersetzen. Sie müssen gemäß WCAG...
Mehr erfahren →Der Accessibility Tree ist eine vom Browser generierte Baumstruktur, die die Benutzeroberfläche für assistive Technologien repräsentiert. Er basiert auf dem DOM, HTML-Semantik...
Mehr erfahren →Live Regions sind HTML-Bereiche, die Screenreader automatisch über Inhaltsänderungen informieren – ohne dass der Nutzer den Fokus bewegen muss. Sie sind essenziell für WCAG 2.1...
Mehr erfahren →Das HTML-Attribut <code>inert</code> macht ein Element und alle seine Kinder nicht-interaktiv: nicht fokussierbar, nicht klickbar und für assistive Technologien unsichtbar. Es...
Mehr erfahren →Die HTML-Elemente <code><figure></code> und <code><figcaption></code> gruppieren eigenständige Inhalte (Bilder, Diagramme, Code-Beispiele) mit einer Beschriftung....
Mehr erfahren →Das HTML-Element <code><dialog></code> bietet native Browser-Unterstützung für modale und nicht-modale Dialoge mit eingebautem Fokus-Management, Escape-Handler und...
Mehr erfahren →Das Behindertengleichstellungsgesetz (BGG) verpflichtet Bundesbehörden und öffentliche Stellen des Bundes zur Barrierefreiheit – auch im Digitalen. Es bildet die gesetzliche...
Mehr erfahren →Die Marktaufsicht nach BFSG liegt bei den Marktaufsichtsbehörden der Bundesländer. Sie kontrollieren, ob Produkte und Dienstleistungen die Barrierefreiheitsanforderungen...
Mehr erfahren →Die Konformitätsbewertung nach BFSG ist das formale Verfahren, mit dem Hersteller bestätigen, dass ihr Produkt die Barrierefreiheitsanforderungen erfüllt. Sie erfolgt als...
Mehr erfahren →Die unverhältnismäßige Belastung nach § 17 BFSG erlaubt es Wirtschaftsakteuren, einzelne Barrierefreiheitsanforderungen nicht zu erfüllen, wenn deren Umsetzung eine...
Mehr erfahren →Eine barrierefreie PDF ist ein PDF-Dokument, das den Standard PDF/UA (ISO 14289) erfüllt und damit für Screenreader, Vergrößerungssoftware und andere assistive Technologien...
Mehr erfahren →Assistive Technologien (AT) sind Hard- und Software-Lösungen, die Menschen mit Behinderungen die Nutzung digitaler Inhalte ermöglichen. Dazu gehören Screenreader,...
Mehr erfahren →Die vier WCAG-Prinzipien POUR – Perceivable (Wahrnehmbar), Operable (Bedienbar), Understandable (Verständlich) und Robust (Robust) – bilden das Fundament der Web Content...
Mehr erfahren →Die WCAG definieren drei Konformitätsstufen: Level A (Minimum), Level AA (Standard) und Level AAA (erweitert). Das BFSG und die EN 301 549 fordern Level AA. Level AAA ist...
Mehr erfahren →User-Testing für Barrierefreiheit bedeutet, digitale Produkte von Menschen mit Behinderungen testen zu lassen – darunter Screenreader-Nutzer, Menschen mit motorischen...
Mehr erfahren →Automatisierte Barrierefreiheitstests können etwa 30-40 % der WCAG-Erfolgskriterien zuverlässig prüfen. Die restlichen 60-70 % erfordern menschliche Beurteilung: manuelle...
Mehr erfahren →Das VPAT (Voluntary Product Accessibility Template) ist eine standardisierte Vorlage zur Dokumentation der Barrierefreiheit von IT-Produkten. Der daraus resultierende ACR...
Mehr erfahren →Digital Accessibility Maturity beschreibt den Reifegrad einer Organisation in Bezug auf die systematische Umsetzung digitaler Barrierefreiheit. Das W3C Accessibility Maturity...
Mehr erfahren →Touch-Target-Size bezeichnet die Mindestgröße interaktiver Elemente wie Buttons und Links auf Touchscreens und mit Zeigegeräten. WCAG 2.5.5 (Level AAA) fordert mindestens 44x44...
Mehr erfahren →Ein Fokus-Indikator ist die visuelle Hervorhebung des aktuell fokussierten Elements bei Tastaturbedienung. WCAG 2.4.7 (Level AA) fordert, dass der Fokus sichtbar sein muss....
Mehr erfahren →Bewegungsreduzierung bedeutet, Animationen, Parallax-Effekte und Auto-Play-Inhalte für Nutzer zu reduzieren oder abzuschalten, die empfindlich auf Bewegung reagieren. WCAG...
Mehr erfahren →Dark Mode und Barrierefreiheit beschreibt die Herausforderung, dunkle Farbschemata so zu gestalten, dass WCAG-Kontrastanforderungen (1.4.3 und 1.4.6) eingehalten werden. Die...
Mehr erfahren →Eine Breadcrumb-Navigation zeigt den Pfad von der Startseite zur aktuellen Seite und erfüllt WCAG 2.4.8 „Location" (Level AAA). Barrierefreie Breadcrumbs verwenden ein...
Mehr erfahren →Ein Hamburger-Menü (☰) ist ein Navigations-Pattern, bei dem die Hauptnavigation hinter einem Button verborgen ist. Barrierefreiheit erfordert `aria-expanded`, `aria-controls`,...
Mehr erfahren →Karusselle (Slider, Carousels) sind rotierende Inhaltscontainer, die mehrere Elemente nacheinander anzeigen. WCAG fordert einen Pause-Button (2.2.2), Tastatursteuerung (2.1.1)...
Mehr erfahren →CAPTCHAs sind Tests zur Unterscheidung von Menschen und Bots. Klassische Bild- und Audio-CAPTCHAs schaffen erhebliche Barrierefreiheits-Probleme. WCAG 1.1.1 fordert...
Mehr erfahren →Ein barrierefreier Datepicker ermöglicht die Datumsauswahl für alle Nutzer, einschließlich Tastatur- und Screenreader-Nutzer. Native HTML-Inputs (`input[type="date"]`) bieten...
Mehr erfahren →Tooltips sind kontextuelle Hilfetexte, die bei Hover oder Fokus erscheinen. WCAG 1.4.13 „Content on Hover or Focus" (Level AA) fordert, dass solche Inhalte dismissable...
Mehr erfahren →Fehlermeldungs-Patterns beschreiben barrierefreie Ansätze zur Anzeige von Formularfehlern. WCAG 3.3.1 fordert die Identifikation von Fehlern, WCAG 3.3.3 Korrekturvorschläge....
Mehr erfahren →Barrierefreie Ladezustände kommunizieren Wartezeiten und Ladefortschritt an alle Nutzer, einschließlich Screenreader-Nutzer. Technisch kommen `aria-busy="true"`,...
Mehr erfahren →axe-core ist eine quelloffene JavaScript-Bibliothek von Deque Systems, die Webseiten automatisiert auf WCAG-Konformität prüft. Sie bildet die Grundlage zahlreicher...
Mehr erfahren →WAVE (Web Accessibility Evaluation Tool) ist ein kostenloses Online-Tool und eine Browser-Extension von WebAIM, die Barrierefreiheitsprobleme einer Webseite visuell direkt im...
Mehr erfahren →Pa11y ist ein quelloffenes Node.js-basiertes Kommandozeilen-Tool für automatisierte Barrierefreiheitstests. Es prüft Webseiten gegen WCAG 2.1 und lässt sich nahtlos in...
Mehr erfahren →NVDA (NonVisual Desktop Access) ist ein kostenloser, quelloffener Screenreader für Windows, der blinden und sehbehinderten Menschen die Nutzung des Computers per Sprachausgabe...
Mehr erfahren →JAWS (Job Access With Speech) ist ein kommerzieller Screenreader für Windows von Freedom Scientific. Er gilt als Enterprise-Standard in Unternehmen und Behörden und bietet...
Mehr erfahren →VoiceOver ist der in macOS und iOS integrierte Screenreader von Apple. Er ermöglicht blinden und sehbehinderten Menschen die vollständige Bedienung von Mac, iPhone und iPad per...
Mehr erfahren →TalkBack ist der in Android integrierte Screenreader von Google. Er ermöglicht blinden und sehbehinderten Menschen die Bedienung von Android-Smartphones und -Tablets per...
Mehr erfahren →Der Colour Contrast Analyser (CCA) ist ein kostenloses Desktop-Tool der Paciello Group (jetzt TPGi), das Farbkontrastverhältnisse nach WCAG 2.1 berechnet. Er prüft die...
Mehr erfahren →Die Accessibility-Tabs in den Entwicklertools (DevTools) von Chrome und Firefox zeigen den Accessibility Tree einer Webseite, berechnete ARIA-Eigenschaften und den...
Mehr erfahren →Google Lighthouse ist ein Open-Source-Tool für Web-Audits, das in Chrome DevTools integriert ist. Der Accessibility-Score bewertet die automatisiert prüfbare Barrierefreiheit...
Mehr erfahren →PDF/UA (Universal Accessibility, ISO 14289) ist der internationale Standard für barrierefreie PDF-Dokumente. Er definiert technische Anforderungen an die PDF-Struktur, damit...
Mehr erfahren →