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 →