Viele Online-Shop-Betreiber:innen scheinen zu glauben, ihre Websites seien für Menschen mit Behinderungen uninteressant oder der Anteil dieser Besucherinnen und Besucher sei so gering, dass sich die Investition in Barrierefreiheit nicht lohne. Die Statistik zeichnet jedoch ein ganz anderes Bild.
Laut der Weltgesundheitsorganisation gibt es weltweit mindestens 285 Millionen Menschen mit Sehbeeinträchtigungen. Davon sind 39 Millionen blind und 246 Millionen sehbehindert. Berücksichtigt man zusätzlich die Menschen mit Refraktionsanomalien, liegt die Zahl zwischen 800 Millionen und 2,3 Milliarden.
Allein in den USA leben fast 60 Millionen Menschen mit Behinderungen. Dazu zählen alle Behinderungsarten, von denen einige für Web-Barrierefreiheit nicht relevant sind. Beschränken wir uns auf Seh- und Hörbehinderungen — die häufigsten Einschränkungen mit Bezug zur Web-Zugänglichkeit — so betreffen sie über 7 % der Bevölkerung ab 15 Jahren und 22 % der über 65-Jährigen. 82 % dieser letzten Gruppe haben zudem Schwierigkeiten, Gegenstände wie eine Computermaus zu bedienen.
All diese Zahlen belegen: Wer bisher als unbedeutende Minderheit abgetan wurde, bildet in Wirklichkeit einen großen und wichtigen Teil potenzieller Besucher:innen — mit finanziellen Mitteln und der Erfahrung, zu sehr wichtiger Kundschaft Ihres Online-Shops zu werden, ob sie Produkte für sich selbst oder für Angehörige und Freunde kaufen. Es können sogar genau jene Menschen sein, die kürzlich noch auf Ihrer Website eingekauft haben, aber durch eine gesundheitliche Verschlechterung oder einen Unfall Ihre Website nicht mehr bedienen können und gezwungen sind, zu einer barrierefreien Konkurrenzseite zu wechseln, um vergleichbare Produkte zu finden.
Sobald Sie erkennen, wie wichtig Barrierefreiheit für Ihren Online-Shop ist, besteht der nächste Schritt darin, Ihre Website aus Sicht einer Person mit Einschränkungen zu testen — einschließlich visueller, auditiver, motorischer, sprachlicher, kognitiver und neurologischer Behinderungen, wie vom World Wide Web Consortium in seiner Web Accessibility Initiative beschrieben.
Es gibt kostenlose Online-Tools, die Ihnen helfen, die Erfahrung einer Person mit Behinderung nachzuvollziehen. Eines der vollständigsten und nützlichsten ist WAVE (Web Accessibility Evaluation Tool), entwickelt und kostenlos als Community-Service von WebAIM bereitgestellt. WAVE prüft eine beliebige Webseite und erzeugt eine Zusammenfassung mit Fehlern, Warnhinweisen, Funktionen, strukturellen Elementen, HTML5 und ARIA usw.
WAVE zeigt Barrierefreiheits-Informationen in verschiedenen Ansichten an:
- Styles View zeigt Ihre Seite mit eingebetteten Barrierefreiheits-Icons und -Indikatoren. Das ist die Standardansicht mit den meisten aktivierten WAVE-Features. Wegen der Komplexität dieser Ansicht können Berichte für komplexe, CSS-basierte Layouts schwer lesbar werden. In dem Fall wechseln Sie zur No Styles View.
- No Styles View zeigt Ihre Seite mit deaktivierten Styles und linearisierten Tabellen, sodass das rohe HTML sowie die WAVE-Icons und -Indikatoren sichtbar werden. Diese Ansicht offenbart auch die zugrunde liegende Lese- und Navigationsreihenfolge — also die Reihenfolge, in der Tastatur-only- und Screenreader-Nutzende auf die Seite zugreifen.
- Contrast View zeigt ausschließlich Kontrastprobleme auf Ihrer Seite, basierend auf den WCAG-2.0-Richtlinien. Mit den Werkzeugen im Detailbereich können Sie den Farbkontrast prüfen und erhalten sogar angepasste Farben, die den Richtlinien entsprechen.
- Zusätzlich zu den obigen Ansichten können Sie unten auf der Seite auf den Reiter Code klicken, um das zugrunde liegende Markup Ihrer Seite zu sehen.
WAVE erklärt die gefundenen Probleme gut und liefert brauchbare Lösungsvorschläge. Wenn Sie nur ein einziges Werkzeug zur Prüfung Ihrer Website und Ihres Online-Shops einsetzen sollten, wäre WAVE wahrscheinlich die erste Wahl.
Es gibt zudem spezifische WordPress- und WooCommerce-Werkzeuge in Form von Plugins und Widgets. Einige der wichtigsten stellen wir nachfolgend vor.
Access Monitor
Der „Access Monitor“ hilft Ihnen auf zwei Wegen beim Prüfen Ihrer Site auf Barrierefreiheit.
Erstens automatisiert er Ihre Accessibility-Audits durch geplante wöchentliche oder monatliche Berichte und informiert Sie nach jedem Lauf. Sie können einen bestimmten Satz von Seiten testen und erhalten eine Liste verschiedener Barrierefreiheits-Probleme zurück.
Zweitens meldet er nur automatisch testbare Probleme. Sie übersehen dadurch zwar einige Themen, sparen aber letztlich Zeit, die Sie sonst mit False Positives verbringen würden.
Accessibility Widget
Das Plugin „Accessibility Widget“ fügt Ihrer WordPress- oder WooCommerce-Site ein Sidebar-Widget zur Textgrößen-Anpassung hinzu.
Im Widget können Sie folgende Optionen setzen:
- Inhalt in HTML- und CSS-Tags skalieren.
- Schriftgrößen festlegen.
- Text der Bedienelemente festlegen.
- Tooltip-Text beim Mouseover festlegen.
wA11y – The Web Accessibility Toolbox
Das Plugin „wA11y – The Web Accessibility Toolbox“ ist Open-Source-Software, die Sie bei der Bewertung und Verbesserung der Barrierefreiheit Ihrer Website oder Ihres Online-Shops unterstützt — mit Informationen, Schulungen, Ressourcen und Tools.
WP Accessibility
Das Plugin „WP Accessibility“ hilft Ihnen, eine Vielzahl gängiger Barrierefreiheits-Probleme in WordPress- und WooCommerce-Themes einfach zu beheben — durch eine Reihe hilfreicher Funktionen, die auch mit minimalen Technikkenntnissen anwendbar sind.
Alle auf Stylesheet-Änderungen basierenden Funktionen lassen sich mit eigenen Styles anpassen, indem Sie das passende Stylesheet in Ihrem Theme-Verzeichnis ablegen.
Das sind wertvolle Ressourcen, mit denen Sie ausreichend zu tun haben, um viele der Probleme zu identifizieren und zu beheben, die die Zugänglichkeit Ihres Online-Shops einschränken. Richtig umgesetzt verbessern Sie das Nutzererlebnis sowohl für Menschen ohne Einschränkungen als auch für jene, die durch ihre Behinderung beim Verstehen des Inhalts kämpfen. Eine barrierefreie Website schlägt sich bald in mehr Besucher:innen nieder — was sich wahrscheinlich positiv auf Ihre Konversionsrate auswirkt.
Alle oben aufgeführten Programme sind Open-Source, ihr Quellcode kann also von jeder Person eingesehen, verändert und verbessert werden. Sie können die Tools kostenlos einsetzen — und wenn Sie Unterstützung benötigen, zögern Sie nicht, uns zu kontaktieren. Wir helfen Ihnen gerne, Ihre WooCommerce-Website barrierefrei zu gestalten.
Update:
Als Mitglied des AccessibleWeb-Teams wurde ich gebeten, am 19. und 20. Mai während der „HACK-cessibility Days“ einen Vortrag zu diesem Thema zu halten — ein Awareness-Event für Entwickler:innen, Designer:innen, Hersteller und weitere Interessierte.
Familiäre Gründe haben die Teilnahme letztlich verhindert, aber Sie können die Originalpräsentation weiterhin ansehen und herunterladen unter:
https://www.slideshare.net/RafaelMinuesa/how-to-make-your-woocommerce-store-accessible
Zusätzlich werden wir in den nächsten Wochen einen Google Hangout mit anschließender Fragerunde veranstalten. Wenn Sie teilnehmen möchten, kontaktieren Sie uns bitte vor dem 1. Juni.
