Barrierefreiheit
Erklärung zur Barrierefreiheit
Als Verein, der digitale Teilhabe ermöglichen will, ist es uns ein besonderes Anliegen, unsere Website so barrierefrei wie möglich zu gestalten. Wir wollen allen Menschen - unabhängig von körperlichen, sensorischen oder kognitiven Einschränkungen - den Zugang zu unseren Informationen und Angeboten ermöglichen.
Was sind die WCAG Richtlinien?
Die Web Content Accessibility Guidelines (WCAG) sind international anerkannte Richtlinien zur Verbesserung der Zugänglichkeit von Websites. Sie wurden vom World Wide Web Consortium (W3C) entwickelt und helfen dabei, Webinhalte für alle Menschen - auch mit Behinderungen - zugänglich zu machen.
Die WCAG beruhen auf vier Grundprinzipien:
- Wahrnehmbar - Inhalte müssen so präsentiert werden, dass sie von allen Nutzer*innen wahrgenommen werden können.
- Bedienbar - Die Website muss vollständig mit Tastatur und assistiven Technologien bedienbar sein.
- Verständlich - Inhalte und Navigation sollen klar und einfach gestaltet sein.
- Robust - Inhalte müssen mit unterschiedlichen Geräten und Assistenztechnologien (z. B. Screenreadern) funktionieren.
Es gibt drei Konformitätsstufen:
- Stufe A: Grundlegende Anforderungen
- Stufe AA: Empfohlener Standard - für öffentliche Stellen in vielen Ländern verbindlich
- Stufe AAA: Höchste Stufe - meist nur teilweise umsetzbar
WCAG 2.1 - Stufe AA
Unsere Website orientiert sich an den Richtlinien der WCAG 2.1 - Stufe AA, da sie den international anerkannten Standard für digitale Barrierefreiheit darstellen. Diese Stufe gewährleistet, dass unsere Inhalte für möglichst viele Menschen - auch mit Seh-, Hör-, motorischen oder kognitiven Einschränkungen - zugänglich und nutzbar sind.
Als Verein, der sich der digitalen Teilhabe verschrieben hat, ist es uns ein zentrales Anliegen, auch online niemanden auszuschließen. Die Stufe AA bietet dabei eine ausgewogene Kombination aus technischer Umsetzbarkeit und breitem Nutzen.
WCAG 2.1 - Stufe AA Checkliste
Diese Checkliste enthält die wichtigsten Anforderungen der WCAG 2.1 auf Stufe AA, die helfen, Websites für alle Menschen zugänglich zu gestalten.
1. Wahrnehmbar
- Alle Bilder und Grafiken haben sinnvolle
alt-Attribute für Screenreader. Dekorative Bilder haben ein leeresalt="". - Für Videos und Audioinhalte gibt es Alternativen wie Untertitel oder Transkripte.
- Die Seitenstruktur ist logisch und durch korrekte Überschriften (
<h1>,<h2>, etc.) nachvollziehbar. - Farbe wird nicht als einziges Mittel zur Informationsvermittlung genutzt.
- Der Farbkontrast zwischen Text und Hintergrund beträgt mindestens 4.5:1 (für normalen Text) bzw. 3:1 (für großen Text).
- Der Text kann ohne Hilfstechnologie auf 200% vergrößert werden, ohne dass Inhalt oder Funktionalität verloren geht.
2. Bedienbar
- Alle Funktionen sind per Tastatur bedienbar, ohne dass man in einer "Tastaturfalle" stecken bleibt.
- Es gibt keine reinen "Mouse-Over"-Effekte, die wichtige Informationen verbergen.
- Animationen oder blinkende Inhalte können gestoppt werden und blinken nicht öfter als dreimal pro Sekunde.
- Jede Seite hat einen aussagekräftigen
<title>. - Links sind klar als solche erkennbar und ihr Zweck ist verständlich (z.B. "Weitere Informationen zum Thema XY" statt nur "hier klicken").
3. Verständlich
- Die Hauptsprache der Seite ist im
<html>-Tag mit demlang-Attribut deklariert. - Formulare haben klar beschriftete Felder (
<label>) und Fehlermeldungen sind verständlich und helfen bei der Korrektur. - Die Navigation ist über die gesamte Website hinweg konsistent.
4. Robust
- Der HTML-Code ist valide, um die Kompatibilität mit aktuellen und zukünftigen assistiven Technologien zu gewährleisten.
- Statusmeldungen (z.B. nach dem Absenden eines Formulars) werden so implementiert, dass sie auch von Screenreadern erfasst werden.
Wenn Ihnen Barrieren auf unserer Website auffallen, kontaktieren Sie uns bitte. Wir werden uns bemühen, Ihre Anliegen so rasch wie möglich zu bearbeiten.
Martin Mühl
Full-Stack Developer
Überprüfung der Barrierefreiheit
Wir verwenden die folgenden Tools um die Barrierefreiheit unserer Website zu überprüfen:
Google Lighthouse
In Google Chrome integriert - prüft Barrierefreiheit (Accessibility) und gibt konkrete Hinweise (z. B. fehlende alt-Tags, Kontrastprobleme).
W3C Markup Validation Service
Überprüft den HTML-Code auf Konformität mit den W3C-Standards.
WAVE Web Accessibility Evaluation Tool
Online-Tool, das Barrierefreiheit analysiert und visuelle Hinweise auf Probleme gibt.
WAVE Web Accessibility Evaluation Tool
Accessibility Insights
Tool von Microsoft, das Barrierefreiheit analysiert und Verbesserungsvorschläge macht.