EAA-Barrierefreiheitsanforderungen — eine praktische Checkliste
Eine praktische Checkliste dessen, was der Europäische Rechtsakt zur Barrierefreiheit verlangt — 33 Punkte, jeder verknüpft mit dem Teil der Richtlinie, aus dem er stammt. Die Codes der Punkte sind unsere; der Rechtstext steht auf EUR-Lex, die technische Norm bei ETSI.
Lies die offiziellen Quellen
Dies sind die kanonischen regulatorischen Texte. Wir verlinken direkt anstatt nachzudrucken — das Original ist immer maßgeblicher.
Die Oberfläche: wahrnehmbar, bedienbar, verständlich, robust
Anhang I legt diese Ergebnisse in Abschnitt I für Produkte fest, und Abschnitt III Buchstabe c verlangt dasselbe von Websites und Apps: wahrnehmbar, bedienbar, verständlich und robust. Die EN 301 549 prüft sie über WCAG 2.1 Stufe AA.
I.1 · 4 Punkte
Informationen zur Verwendung des Produkts oder Dienstes
Barrierefreiheits-Informationen über das Produkt oder den Dienst in mehr als einem sensorischen Kanal bereitstellen — im Produkt selbst oder über eine Website.
So setzen Sie es um
- Stellen Sie eine klare Dokumentation aller Barrierefreiheitsmerkmale bereit
- Beschreiben Sie die Kompatibilität mit gängigen assistiven Technologien (Screenreadern, Schaltern, Sprachsteuerung)
- Stellen Sie diese Informationen in barrierefreien Formaten bereit (HTML, barrierefreies PDF)
- Nehmen Sie Informationen zur Barrierefreiheit in Benutzerhandbücher und Hilfebereiche auf
Gestaltung der Benutzeroberfläche und Funktionalität
Die Benutzeroberfläche — Interaktion, Navigation, Verständnis — muss über mehr als einen sensorischen Kanal bedienbar sein.
So setzen Sie es um
- Stellen Sie sicher, dass UI-Elemente programmatisch bestimmbar sind (korrektes semantisches HTML)
- Stellen Sie Textalternativen für alle Nicht-Text-Elemente der Benutzeroberfläche bereit
- Unterstützen Sie mehrere Eingabemodalitäten (Maus, Tastatur, Touch, Sprache)
- Verwenden Sie ARIA-Rollen und -Eigenschaften, wenn native Semantik nicht ausreicht
Informationen, Identifikation und Bedienfunktionen
Informationen zur Bedienung des Produkts, zur Identifikation von Elementen und zur Ausführung von Funktionen müssen unabhängig von sensorischen Fähigkeiten wahrnehmbar und bedienbar sein.
So setzen Sie es um
- Stellen Sie sicher, dass alle interaktiven Elemente zugängliche Namen haben
- Sorgen Sie für eine visuelle und programmatische Identifikation aller Bedienelemente
- Verwenden Sie eine konsistente Identifikation über Seiten und Zustände hinweg
- Stellen Sie sicher, dass Statusmeldungen an assistive Technologien übermittelt werden
Wahrnehmbare Informationsdarstellung
Informationen müssen wahrnehmbar dargestellt werden — Textalternativen für Nicht-Text-Inhalte und Inhalte, die ohne Bedeutungsverlust unterschiedlich präsentierbar sind.
So setzen Sie es um
- Stellen Sie Textalternativen für Bilder, Symbole und Medien bereit
- Stellen Sie einen ausreichenden Farbkontrast sicher (4.5:1 für Text, 3:1 für großen Text)
- Verlassen Sie sich nicht ausschließlich auf Farbe, um Informationen zu vermitteln
- Stellen Sie sicher, dass Inhalte auch bei linearisierter oder umformatierter Darstellung verständlich bleiben
I.2 · 14 Punkte
Barrierefreiheit von Kommunikationsdiensten
Wenn der Dienst Kommunikationsfunktionen bietet, Echtzeittext, Sprache und Video in barrierefreien Formaten unterstützen.
So setzen Sie es um
- Unterstützen Sie Echtzeittext (RTT) neben der Sprachkommunikation
- Stellen Sie Untertitel für Videoanrufe bereit, wo dies technisch machbar ist
- Stellen Sie sicher, dass Kommunikationsfunktionen mit assistiven Technologien funktionieren
- Bieten Sie alternative Kommunikationskanäle an (Text, Sprache, Video)
Informationen zu Barrierefreiheitsmerkmalen
Informationen über die Barrierefreiheitsmerkmale des Dienstes und die Kompatibilität mit assistiven Technologien in barrierefreien Formaten veröffentlichen.
So setzen Sie es um
- Veröffentlichen Sie eine Barrierefreiheitserklärung, die die Merkmale und bekannten Einschränkungen beschreibt
- Dokumentieren Sie unterstützte assistive Technologien und Browser
- Stellen Sie Kontaktinformationen für Anfragen zur Barrierefreiheit bereit
- Halten Sie die Barrierefreiheitsdokumentation bei jeder Veröffentlichung aktuell
Lesbarkeit und Kontrast von Textinhalten
Text muss alternative Darstellung erlauben: anpassbare Schriftgröße, ausreichender Kontrast, konfigurierbare Abstände.
So setzen Sie es um
- Halten Sie ein Mindestkontrastverhältnis von 4.5:1 für normalen Text und 3:1 für großen Text ein
- Ermöglichen Sie eine Textvergrößerung bis 200%, ohne dass Inhalt oder Funktionalität verloren gehen
- Unterstützen Sie benutzerdefinierte Textabstände (Zeilenhöhe, Buchstabenabstand, Wortabstand)
- Verwenden Sie relative Einheiten (em, rem, %) anstelle fester Pixelgrößen für Text
Inhaltsgrößenänderung und Reflow
Inhalte müssen sich an das Viewport anpassen, ohne horizontales Scrollen bei Standard-Zoom; Benutzer müssen die Größe ändern können, ohne Informationen zu verlieren.
So setzen Sie es um
- Stellen Sie sicher, dass sich Inhalte bei einer Viewport-Breite von 320px neu anordnen (entspricht 400% Zoom bei 1280px)
- Vermeiden Sie horizontales Scrollen bei Inhalten mit vertikalem Scrollverhalten
- Verwenden Sie responsive Designtechniken (CSS Grid, Flexbox)
- Testen Sie mit Browser-Zoom bei 200% und 400%
Textalternativen für Nicht-Text-Inhalte
Nicht-Text-Inhalte (Bilder, Diagramme, Audio, Video) müssen Textalternativen mit gleichwertigem Zweck haben.
So setzen Sie es um
- Stellen Sie Alt-Text für alle informativen Bilder bereit
- Verwenden Sie bei dekorativen Bildern ein leeres alt=""
- Stellen Sie Transkripte für Audioinhalte bereit
- Stellen Sie Untertitel für Videoinhalte und, wo nötig, Audiodeskriptionen bereit
Audio- und Videoalternativen
Audio und Video müssen synchronisierte Alternativen haben: Untertitel für Audio, Audiodeskriptionen für Video, Transkripte für aufgezeichnete Medien.
So setzen Sie es um
- Stellen Sie synchronisierte Untertitel für alle vorab aufgezeichneten Videos mit Ton bereit
- Stellen Sie Audiodeskriptionen für vorab aufgezeichnete Videos bereit, wenn visuelle Informationen wesentlich sind
- Stellen Sie Transkripte für vorab aufgezeichnete reine Audioinhalte bereit
- Stellen Sie sicher, dass Untertitel korrekt und synchronisiert sind und die Sprecherkennung enthalten
Tastaturbedienbarkeit
Alle Funktionen müssen per Tastatur ohne spezifische Tastendruck-Zeiten bedienbar sein; keine Tastaturfallen.
So setzen Sie es um
- Stellen Sie sicher, dass alle interaktiven Elemente per Tastatur erreichbar und bedienbar sind (Tab, Enter, Leertaste, Pfeiltasten)
- Stellen Sie sichtbare Fokusindikatoren für alle fokussierbaren Elemente bereit
- Stellen Sie sicher, dass keine Tastaturfallen bestehen, sodass Benutzer den Bereich stets verlassen können
- Unterstützen Sie Standard-Tastaturmuster für benutzerdefinierte Widgets (ARIA Authoring Practices)
Anpassbare Zeitvorgaben
Wo Zeitbegrenzungen bestehen, müssen Benutzer sie ausschalten, anpassen oder verlängern können — außer die Zeitbegrenzung ist wesentlich.
So setzen Sie es um
- Ermöglichen Sie Benutzern, Zeitbegrenzungen auszuschalten, anzupassen oder zu verlängern
- Warnen Sie Benutzer, bevor die Zeit abläuft, und ermöglichen Sie eine Verlängerung
- Vermeiden Sie automatische Inhaltsaktualisierungen, die nicht pausiert oder gesteuert werden können
- Ausnahmen: Echtzeitereignisse, wesentliche Zeitbegrenzungen (Auktionen, Prüfungen)
Beschränkungen für blinkende Inhalte
Inhalte dürfen nicht mehr als dreimal pro Sekunde blinken, es sei denn, sie liegen unter den allgemeinen Flash- und Red-Flash-Schwellen.
So setzen Sie es um
- Vermeiden Sie Inhalte, die mehr als dreimal pro Sekunde blinken
- Wenn Blinken notwendig ist, stellen Sie sicher, dass es unter dem allgemeinen Flash-Schwellenwert bleibt
- Stellen Sie Warnhinweise vor Inhalten bereit, die Anfälle auslösen könnten
- Ermöglichen Sie Benutzern, Animationen und Bewegungseffekte zu deaktivieren
Navigationsmechanismen
Navigation muss konsistent und vorhersehbar sein. Mehrere Wege zum Finden von Inhalten. Linkzweck muss bestimmbar sein.
So setzen Sie es um
- Stellen Sie Sprunglinks bereit, um wiederkehrende Inhalte zu überspringen
- Verwenden Sie aussagekräftige Seitentitel, die Thema oder Zweck erkennen lassen
- Stellen Sie sicher, dass die Fokusreihenfolge einer logischen, sinnvollen Abfolge folgt
- Stellen Sie mehrere Navigationsmechanismen bereit (Menü, Suche, Sitemap)
- Verwenden Sie aussagekräftige Linktexte, die auch ohne Kontext verständlich sind
Sprachkennzeichnung
Die Standardsprache der Seite und alle Sprachwechsel im Inhalt müssen programmatisch bestimmbar sein.
So setzen Sie es um
- Legen Sie das lang-Attribut im <html>-Element fest
- Kennzeichnen Sie Sprachwechsel innerhalb des Inhalts mit dem lang-Attribut
- Verwenden Sie gültige IETF-BCP-47-Sprachkennzeichnungen (z. B. "en", "de", "fr")
- Stellen Sie sicher, dass assistive Technologien die Sprache erkennen und die Aussprache entsprechend wechseln können
Vorhersehbares Verhalten
Komponenten müssen sich vorhersehbar verhalten. Fokus darf keine unerwarteten Kontextänderungen auslösen. Ähnliche Komponenten müssen konsistent identifiziert sein.
So setzen Sie es um
- Lösen Sie beim Fokussieren keine Kontextänderung aus (keine unerwartete Navigation oder Pop-ups)
- Lösen Sie bei Eingaben keine Kontextänderung aus, es sei denn, der Benutzer wurde vorher informiert
- Verwenden Sie eine konsistente Navigation und Beschriftung über alle Seiten hinweg
- Identifizieren Sie ähnliche Komponenten im gesamten Dienst konsistent
Eingabehilfe und Fehlerbehandlung
Eingabefehler müssen erkannt und beschrieben werden. Labels und Anweisungen müssen vorhanden sein. Fehlervorschläge und Prävention für rechtliche oder finanzielle Daten.
So setzen Sie es um
- Stellen Sie sichtbare Labels für alle Formularfelder bereit
- Erkennen Sie Eingabefehler eindeutig und stellen Sie Textbeschreibungen dazu bereit
- Schlagen Sie Korrekturen vor, wenn Eingabefehler erkannt werden
- Ermöglichen Sie Benutzern, Übermittlungen mit rechtlichen oder finanziellen Folgen zu überprüfen, zu korrigieren und zu bestätigen
- Verwenden Sie Autocomplete-Attribute für gängige Eingabefelder (Name, E-Mail, Adresse)
Kompatibilität mit assistiven Technologien
Inhalte müssen mit aktuellen und zukünftigen assistiven Technologien kompatibel sein. Name, Rolle und Wert von UI-Komponenten müssen programmatisch bestimmbar sein.
So setzen Sie es um
- Verwenden Sie gültiges, wohlgeformtes HTML-Markup
- Stellen Sie sicher, dass alle UI-Komponenten zugängliche Namen und Rollen besitzen
- Geben Sie Status- und Eigenschaftsänderungen an die Accessibility-API weiter
- Testen Sie mit Screenreadern (NVDA, JAWS, VoiceOver) und anderen assistiven Technologien
Websites und Apps — Anhang I, Abschnitt III
Abschnitt III gilt für jede vom Rechtsakt erfasste Dienstleistung. Buchstabe c ist die Kernanforderung für Websites und Apps; die EN 301 549 v3.2.1 übersetzt sie in WCAG 2.1 Stufe AA.
WCAG-2.1-Level-AA-Web-Konformität
Websites und Webanwendungen erfüllen WCAG 2.1 Stufe AA — das Web-Kapitel der EN 301 549 v3.2.1 und der übliche Nachweis, dass Abschnitt III Buchstabe c erfüllt ist.
So setzen Sie es um
- Führen Sie ein vollständiges WCAG-2.1-AA-Audit mit branchenüblichen automatisierten Tools und manuellen Tests durch
- Erfüllen Sie alle Erfolgskriterien von Level A und Level AA
- Testen Sie mit mehreren Browsern, Screenreadern und Eingabegeräten
- Erstellen Sie einen Maßnahmenplan zur Behebung etwaiger Nichtkonformitäten
Barrierefreiheit von Webinhalten
Webinhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein — über alle Inhaltstypen hinweg.
So setzen Sie es um
- Stellen Sie sicher, dass alle Seiteninhalte für assistive Technologien zugänglich sind
- Stellen Sie Alternativen für komplexe Inhalte bereit (Diagramme, Infografiken, Datentabellen)
- Machen Sie dynamische Inhaltsaktualisierungen (AJAX, SPA-Navigation) barrierefrei
- Testen Sie die Navigation von Single-Page-Anwendungen mit Screenreadern
Mobile-Web-Barrierefreiheit
Auf Mobilgeräten ausgelieferte Webinhalte müssen die gleichen Barrierefreiheitsanforderungen erfüllen. Touch-Ziele, Gesten und responsives Verhalten müssen barrierefrei sein.
So setzen Sie es um
- Stellen Sie sicher, dass Touch-Ziele mindestens 44x44 CSS-Pixel groß sind
- Unterstützen Sie sowohl Hoch- als auch Querformat
- Stellen Sie Alternativen zu komplexen Gesten bereit (Zoomen, Wischen, Mehrfingergesten)
- Testen Sie mit mobilen Screenreadern (VoiceOver unter iOS, TalkBack unter Android)
Abschnitt IV — Sektorspezifische Anforderungen
Anforderungen für bestimmte Dienstleistungssektoren — elektronische Kommunikation, audiovisuelle Medien, Verkehr, Banken, E-Books, E-Commerce.
E-Commerce-Barrierefreiheit
E-Commerce-Dienste müssen die gesamte Kaufstrecke barrierefrei machen — Browsen, Auswahl, Checkout, Zahlung, Bestätigung.
So setzen Sie es um
- Stellen Sie sicher, dass Produktlisten, Filter und Sortierfunktionen per Tastatur zugänglich sind
- Stellen Sie barrierefreie Produktbeschreibungen und Bildalternativen bereit
- Machen Sie den gesamten Checkout-Ablauf mit assistiven Technologien bedienbar
- Stellen Sie sicher, dass Zahlungsformulare über korrekte Beschriftungen und Fehlerbehandlung verfügen
Barrierefreiheit von Bank- und Finanzdienstleistungen
Bank- und Finanzdienste müssen Kontoverwaltung, Transaktionen und Finanzinformationen barrierefrei machen — ohne dass Sicherheitsmechanismen Barrieren schaffen.
So setzen Sie es um
- Stellen Sie sicher, dass Authentifizierungsmechanismen barrierefrei sind (CAPTCHA-Alternativen, biometrische Optionen)
- Machen Sie Transaktionsabläufe vollständig per Tastatur und Screenreader bedienbar
- Stellen Sie barrierefreie Kontoauszüge und Finanzdokumente bereit
- Stellen Sie sicher, dass Sicherheitsmechanismen (2FA, Sitzungs-Timeouts) Benutzer mit Behinderungen berücksichtigen
Barrierefreiheit von Verkehrsdiensten
Ticketing- und Reiseauskunftsdienste müssen barrierefrei sein — Buchung, Echtzeitinformationen, Selbstbedienungsterminals.
So setzen Sie es um
- Stellen Sie sicher, dass Buchungs- und Ticketkaufabläufe vollständig barrierefrei sind
- Stellen Sie Echtzeit-Reiseinformationen in barrierefreien Formaten bereit
- Machen Sie Selbstbedienungsterminals barrierefrei (oder stellen Sie barrierefreie Alternativen bereit)
- Stellen Sie sicher, dass mobile Apps für Verkehrsdienste die Barrierefreiheitsanforderungen erfüllen
Barrierefreiheit elektronischer Kommunikationsdienste
Elektronische Kommunikationsdienste müssen Echtzeittext, Total Conversation wo möglich und barrierefreie Kundenschnittstellen — einschließlich Relay-Diensten — unterstützen.
So setzen Sie es um
- Unterstützen Sie Echtzeittext (RTT) in der Sprachkommunikation
- Stellen Sie Total Conversation (Sprache, Text und Video) bereit, wo dies machbar ist
- Stellen Sie sicher, dass Kunden-Selbstbedienungsportale barrierefrei sind
- Machen Sie Dienstkonfiguration und Kontoverwaltung barrierefrei
Barrierefreiheit audiovisueller Mediendienste
Audiovisuelle Mediendienste müssen Zugang über Untertitel, Audiodeskriptionen und barrierefreie elektronische Programmführer bieten.
So setzen Sie es um
- Stellen Sie Untertitel für alle audiovisuellen Inhalte bereit
- Stellen Sie Audiodeskriptionen für rein visuelle Inhalte bereit
- Stellen Sie sicher, dass Media-Player per Tastatur zugänglich sind
- Machen Sie elektronische Programmführer (EPGs) barrierefrei
E-Book- und Digital-Publishing-Barrierefreiheit
E-Books und digitale Publikationen müssen Text-to-Speech, anpassbare Darstellung, barrierefreie Navigation und DRM ohne Barrierefreiheits-Blockaden unterstützen.
So setzen Sie es um
- Stellen Sie sicher, dass E-Books Text-to-Speech und die Navigation per Screenreader unterstützen
- Ermöglichen Sie Anpassungen von Schriftgröße, Abständen und Farben
- Stellen Sie alternative Beschreibungen für Bilder und Diagramme bereit
- Stellen Sie sicher, dass DRM den Zugriff assistiver Technologien nicht blockiert
Elektronische Identifikationsdienste (eIDAS-bezogen)
Hinweis: eID unterliegt den Verordnungen (EU) 910/2014 und 2024/1183 (eIDAS), nicht EAA Anhang I. Sie ist hier relevant, weil Authentifizierung oft EAA-abgedeckte Dienste vorgelagert ist.
So setzen Sie es um
- Stellen Sie sicher, dass Anmelde- und Authentifizierungsabläufe barrierefrei sind
- Stellen Sie Alternativen zu visuellen CAPTCHAs bereit
- Machen Sie die Multi-Faktor-Authentifizierung barrierefrei (nicht auf einen einzigen sensorischen Kanal beschränkt)
- Stellen Sie sicher, dass Prozesse für digitale Signaturen mit assistiven Technologien bedienbar sind
Artikel 13 und Anhang V — Informationen, wie der Dienst die Anforderungen erfüllt
Dienstleister nehmen diese Informationen in ihre Allgemeinen Geschäftsbedingungen oder ein gleichwertiges Dokument auf, schriftlich und mündlich, barrierefrei zugänglich, solange der Dienst betrieben wird.
Allgemeine Beschreibung des Dienstes
Beschreiben Sie den Dienst allgemein, in barrierefreien Formaten (Anhang V Nummer 1 Buchstabe a).
So setzen Sie es um
- Sagen Sie in einfacher Sprache, was der Dienst ist und für wen
- Veröffentlichen Sie sie in den Geschäftsbedingungen oder einem gleichwertigen Dokument als barrierefreie Webseite
- Bieten Sie sie schriftlich und mündlich an, etwa telefonisch oder als Audio auf Anfrage
- Halten Sie sie verfügbar, solange der Dienst betrieben wird
Wie der Dienst funktioniert
Geben Sie die Beschreibungen und Erläuterungen, die zum Verständnis der Funktionsweise des Dienstes nötig sind (Anhang V Nummer 1 Buchstabe b).
So setzen Sie es um
- Erklären Sie die wichtigsten Schritte: finden, auswählen, bezahlen, Hilfe erhalten
- Beschreiben Sie die Barrierefreiheitsfunktionen des Dienstes und ihre Nutzung
- Nennen Sie die Supportkanäle und wie sie barrierefrei erreichbar sind
- Aktualisieren Sie den Text, sobald sich der Dienst ändert
Wie der Dienst die Anforderungen erfüllt
Beschreiben Sie, wie der Dienst die einschlägigen Barrierefreiheitsanforderungen aus Anhang I erfüllt; Sie können auf harmonisierte Normen wie die EN 301 549 verweisen (Anhang V Nummern 1 Buchstabe c und 2).
So setzen Sie es um
- Listen Sie die für Ihren Dienst geltenden Anforderungen auf und wie jede erfüllt wird
- Nennen Sie die Prüfnorm, etwa EN 301 549 v3.2.1 (WCAG 2.1 Stufe AA)
- Nennen Sie bekannte Einschränkungen, eine etwaige Beurteilung unverhältnismäßiger Belastung und angebotene Alternativen
- Geben Sie das Datum der letzten Beurteilung und einen Weg an, Barrieren zu melden
Artikel 14 — Ausnahmen (unverhältnismäßige Belastung + Kleinstunternehmen)
Kriterien zur Begrenzung der Barrierefreiheitsanforderungen nach Artikel 14 EAA sowie die Kleinstunternehmen-Ausnahme aus Artikel 4(5).
Bewertung der unverhältnismäßigen Belastung (Artikel 14)
Barrierefreiheitsanforderungen können eingeschränkt werden, wenn die Einhaltung eine unverhältnismäßige Belastung darstellt — bewertet anhand Nettokosten, Organisationsgröße und Nutzen für Menschen mit Behinderungen.
So setzen Sie es um
- Dokumentieren Sie die konkreten Anforderungen, die als unverhältnismäßig geltend gemacht werden
- Stellen Sie für jede geltend gemachte Ausnahme eine Kosten-Nutzen-Analyse bereit
- Überprüfen Sie die Einschätzung der unverhältnismäßigen Belastung erneut, wenn Produkte oder Dienste aktualisiert werden
- Bewahren Sie die Beurteilung fünf Jahre auf, erneuern Sie sie bei einem Dienst mindestens alle fünf Jahre und informieren Sie die zuständige Behörde
Kleinstunternehmen-Ausnahme (Artikel 4(5))
Kleinstunternehmen im Dienstleistungssektor (weniger als 10 Mitarbeiter UND Umsatz oder Bilanzsumme ≤ €2 Mio.) sind von den Barrierefreiheitsanforderungen für Dienste befreit.
So setzen Sie es um
- Die Ausnahme gilt nur für Dienste, nicht für Produkte
- Beide Kriterien müssen erfüllt sein: weniger als 10 Mitarbeiter UND Umsatz oder Bilanzsumme unter €2 Mio.
- Kleinstunternehmen werden dennoch ermutigt, die Anforderungen freiwillig zu erfüllen
- Wächst das Unternehmen über die Schwellenwerte hinaus, entfällt die Ausnahme
Was kein automatisiertes Tool prüfen kann
Automatisierte Tests finden nur einen Teil der Barrieren, die die WCAG beschreibt. Diese Prüfungen erfordern eine Person; führen Sie sie durch, bevor Sie eine Barrierefreiheitserklärung veröffentlichen.
-
Nur Tastatur
Legen Sie die Maus beiseite und erreichen Sie jeden Link, jede Schaltfläche, jedes Menü und jedes Formularfeld mit Tab, Umschalt+Tab, Eingabetaste, Leertaste und den Pfeiltasten. Der Fokus darf niemals hängen bleiben, muss einer logischen Reihenfolge folgen und muss stets sichtbar sein.
-
Screenreader
Hören Sie sich die Seite mit NVDA oder JAWS (Windows), VoiceOver (macOS, iOS) oder TalkBack (Android) an. Überschriften, Landmarken, Schaltflächen und Formularfelder sollten mit sinnvollen Namen angesagt werden.
-
Qualität der Textalternativen
Automatisierte Prüfungen erkennen, ob ein Alternativtext vorhanden ist, nicht ob er richtig ist. Prüfen Sie, ob jede Beschreibung wiedergibt, was das Bild zeigt oder bewirkt, und dass dekorative Bilder stumm bleiben.
-
Untertitel, Transkripte und Audiodeskription
Sehen Sie sich jedes Video mit ausgeschaltetem Ton an: Die Untertitel müssen korrekt und synchron sein. Audioinhalte benötigen ein Transkript, und wichtige visuelle Informationen benötigen eine Audiodeskription oder eine Textalternative.
-
Lese- und Fokusreihenfolge
Die Reihenfolge, in der ein Screenreader die Seite vorliest und die Tastatur sie durchläuft, muss der visuellen Reihenfolge und der Bedeutung der Inhalte entsprechen.
-
Zoom, Reflow und Textabstand
Vergrößern Sie die Ansicht im Browser auf 200 % und 400 % (ein 320 px breites Fenster). Dabei darf kein Text und keine Funktion verloren gehen, nichts darf horizontales Scrollen erfordern, und ein größerer Textabstand darf keine Inhalte abschneiden.
-
Links, Beschriftungen und Fehlermeldungen
Jeder Link, jede Schaltfläche und jede Formularbeschriftung beschreibt in ihrem Kontext, was sie bewirkt. Fehlermeldungen nennen das betroffene Feld, erklären, was falsch gelaufen ist, und sagen, wie es behoben werden kann.
-
Farbe und sensorische Hinweise
Informationen werden niemals allein durch Farbe, Form, Größe oder Position vermittelt. Prüfen Sie den Kontrast bei Bildern von Text, Verläufen sowie Hover- und Fokuszuständen, die automatisierte Tools nicht zuverlässig messen können.
-
Bewegung, Zeitlimits und Blitzeffekte
Karussells, Animationen und sich automatisch aktualisierende Inhalte lassen sich pausieren oder stoppen, Zeitlimits lassen sich deaktivieren oder verlängern, und nichts blinkt öfter als dreimal pro Sekunde.
-
Vorhersehbares Verhalten
Das Fokussieren oder Ausfüllen eines Feldes darf die Seite nie unerwartet verändern oder ein neues Fenster öffnen. Navigation und wiederkehrende Komponenten erscheinen auf jeder Seite an derselben Stelle und funktionieren auf dieselbe Weise.
-
Barrierefreiheitserklärung und Feedback
Veröffentlichen Sie eine Barrierefreiheitserklärung, die bekannte Einschränkungen auflistet und Nutzern eine funktionierende Möglichkeit bietet, Barrieren zu melden und eine Antwort zu erhalten.
Über diese Checkliste
Dies ist die Checkliste von RankProof, nicht die Nummerierung der Richtlinie selbst: Codes wie I.2.c sind unsere Kennungen. Die Punkte sind nach dem Teil der Richtlinie (EU) 2019/882 gruppiert, aus dem sie stammen — die Oberflächenanforderungen aus Anhang I (Abschnitt I für Produkte, Abschnitt III für Dienstleistungen), die zusätzlichen Anforderungen an bestimmte Dienstleistungen (Anhang I, Abschnitt IV), die Informationen nach Artikel 13 und Anhang V sowie die Ausnahmen nach Artikel 14 und 4 Absatz 5. Die Zuordnung zu WCAG 2.1 Stufe AA folgt der EN 301 549 v3.2.1. Prüfen Sie immer den amtlichen Text auf EUR-Lex.
Wie schneidet Ihre Website ab?
Starten Sie den kostenlosen Barrierefreiheits-Audit: Er prüft Ihre Seite mit den WCAG-2.1-AA-Prüfungen hinter diesen Punkten und listet auf, was zu beheben ist.