Was ist Website-Barrierefreiheit? (4 Tipps zur ADA-Compliance)

Das Internet sollte für alle zugänglich sein, unabhängig von Behinderungen oder Beeinträchtigungen. Die Entwicklung einer benutzerfreundlichen Website für alle Menschen kann jedoch eine Herausforderung sein.

Glücklicherweise können Ihnen einige Tools, Techniken und Richtlinien dabei helfen, eine zugänglichere Website zu erstellen. Diese Zugänglichkeit kann es Ihnen ermöglichen, mit einem breiteren Publikum in Kontakt zu treten, Ihren Ruf zu schützen und Sie aus legalem heißem Wasser herauszuhalten.

In diesem Beitrag diskutieren wir zunächst, was Barrierefreiheit für Websites ist und warum sie so wichtig ist. Wir werden dann vier Möglichkeiten vorstellen, um allen Benutzern eine gute Erfahrung zu bieten. Lass uns anfangen!

Eine Einführung in die Barrierefreiheit von Websites

Bei der Zugänglichkeit geht es darum, Ihre Website für so viele Menschen wie möglich nutzbar zu machen. Es beinhaltet sicherzustellen, dass jeder auf Ihrer WordPress-Website navigieren, sie verstehen, mit ihr interagieren und zu ihr beitragen kann.

Wenn wir über Barrierefreiheit sprechen, konzentrieren wir uns oft auf Benutzer mit Behinderungen, und das aus gutem Grund. Nach Angaben der Weltgesundheitsorganisation (WHO) haben etwa 15 Prozent der Bevölkerung irgendeine Form von Behinderung.

Eine vollständig barrierefreie Website ist für Menschen mit Hör-, kognitiven, neurologischen, körperlichen, Sprach- oder Sehbehinderungen nutzbar. Einige Besucher entscheiden sich möglicherweise dafür, mithilfe von Hilfsmitteln wie Screenreadern auf Ihre Website zuzugreifen. Um diese Benutzer zu unterstützen, müssen Sie sicherstellen, dass Ihre Website für diese Tools optimiert ist.

Sie können auch allgemeine Verbesserungen der Benutzerfreundlichkeit Ihrer Website vornehmen. Ein Beispiel wäre die Erhöhung der Schriftgröße, was sehbehinderten Benutzern zugute kommen kann.

Barrierefreiheit bedeutet auch, alternative Möglichkeiten für den Zugriff auf die Medien Ihrer Website bereitzustellen. Beispielsweise ist es eine gute Idee, Untertitel für Ihre Videoinhalte bereitzustellen:

Menschen mit Behinderungen sind nicht die einzigen Besucher, die von einer benutzerfreundlicheren Website profitieren können. Manche Menschen haben möglicherweise eine vorübergehende Verletzung, die ihre Mobilität beeinträchtigt, wie z. B. ein verstauchtes Handgelenk. Andere können altersbedingte Probleme haben.

Selbst vorübergehende Situationen können es Besuchern erschweren, einen Mehrwert aus Ihrer Website zu ziehen. Haben Sie schon einmal in einem lauten Café oder Bahnhof im Internet gesurft? Sie wissen wahrscheinlich, wie schwierig es in diesen Szenarien sein kann, Videos oder andere Audioinhalte einer Website anzuhören.

In all diesen Situationen können Ihre Benutzer von einigen Verbesserungen der Barrierefreiheit profitieren, z. B. Transkripte. Indem Sie der Benutzerfreundlichkeit Priorität einräumen, können Sie Besuchern die Tools bereitstellen, die sie benötigen, um einen Mehrwert aus Ihren Inhalten zu ziehen, unabhängig von ihrer persönlichen Situation oder ihren vorübergehenden Umständen.

Warum Barrierefreiheit für Websites wichtig ist

Wenn Sie Barrierefreiheit nicht zu einer Priorität machen, schließen Sie möglicherweise Personen aus, die ansonsten von Ihren Inhalten profitiert hätten. Das ist erstens unfair. Es wirkt sich auch negativ auf Ihre Marke aus und kann sogar zu schlechten Bewertungen oder Beschwerden führen.

Eine barrierefreie Website hat auch ein größeres potenzielles Publikum. Laut WHO haben über eine Milliarde Menschen irgendeine Form von Behinderung. Wenn Ihre Website für diese Personen nicht zugänglich ist, entgehen Ihnen möglicherweise Besucher und potenzielle Conversions.

Wie wir bereits erwähnt haben, wirken sich Verbesserungen der Benutzerfreundlichkeit oft positiv auf Ihr breiteres Publikum aus. Schauen wir uns ein Beispiel an.

Das Erhöhen der Größe der interaktiven Elemente Ihrer Website kann Menschen mit manuellen Geschicklichkeitsproblemen zugute kommen. Diese Änderungen könnten jedoch auch das Leben für alle erleichtern, die über einen kleineren Bildschirm auf Ihre Website zugreifen, einschließlich Smartphone- und Tablet-Benutzern.

Ein wesentlicher Teil der Zugänglichkeit besteht darin, den Besuchern mehr Optionen zu bieten. Beispielsweise kann jemand an einem Ort auf Ihre Website zugreifen, an dem er Ihre Audiodaten nicht anhören kann, z. B. in einer Bibliothek oder einem Hörsaal. In diesem Szenario können sie die Verwendung von Untertiteln zu schätzen wissen.

Barrierefreiheit gibt Besuchern die Flexibilität, den Inhalt Ihrer Website so zu nutzen, wie es für sie am besten funktioniert. Daher kann es die Benutzererfahrung für alle Besucher Ihrer Website verbessern.

Gesetzliche Anforderungen für die Barrierefreiheit im Internet verstehen

Der Americans with Disabilities Act (ADA) besagt, dass alle elektronischen und Informationstechnologien für Menschen mit Behinderungen zugänglich sein müssen. Die ADA-Konformität ist eine gesetzliche Anforderung für fast alle Websites.

Darüber hinaus legt die ADA ausdrücklich fest, dass Sie sich an ihre Richtlinien halten müssen, wenn Sie ein privater Arbeitgeber mit 15 oder mehr Mitarbeitern sind. Dies gilt auch, wenn Ihr Unternehmen zugunsten der Allgemeinheit tätig ist.

Wenn Ihre Website die ADA-Standards nicht erfüllt, geraten Sie möglicherweise in rechtliche Schwierigkeiten. Auch wenn Sie nicht vorsätzlich gegen diese Regeln verstoßen haben, könnte es dennoch Gründe für eine Klage geben.

Es gibt sogar Hinweise darauf, dass diese Rechtsfälle zunehmen. Die Gesamtzahl der Klagen zur digitalen Barrierefreiheit stieg im Jahr 2021 um 15 Prozent und erreichte eine Rate von über zehn pro Tag. Das sind mehr als 4.000 Zugänglichkeitsfälle, bei denen der Gegenstand des Anspruchs entweder eine Website, eine mobile Anwendung oder Videoinhalte waren.

Wenn Sie des Verstoßes gegen das ADA für schuldig befunden werden, können Gerichte Schadensersatz und Nachzahlungen anordnen, um die Diskriminierung zu beseitigen. Das Justizministerium könnte auch zivilrechtliche Strafen von bis zu 55.000 US-Dollar für den ersten Verstoß und 110.000 US-Dollar für jeden weiteren Verstoß erheben.

Es ist erwähnenswert, dass das Justizministerium noch keine offiziellen ADA-Richtlinien zur Zugänglichkeit von Websites veröffentlicht hat. Es ist jedoch allgemein anerkannt, dass die Richtlinien für barrierefreie Webinhalte (WCAG) 2.0 Level AA der De-facto-Standard in den USA sind.

So machen Sie Ihre WordPress-Website barrierefrei (4 Möglichkeiten)

Wir haben gerade behandelt, warum Sie der Benutzerfreundlichkeit Priorität einräumen sollten. Sehen wir uns nun an, wie Sie sicherstellen können, dass Ihre Website vollständig mit dem ADA konform ist. Hier sind vier Möglichkeiten, WordPress zugänglicher zu machen!

1. Suchen Sie nach Usability-Problemen

Barrierefreiheit ist ein riesiges Thema, bei dem viel auf dem Spiel steht. Wenn Sie nur ein Usability-Problem übersehen, könnten Sie potenzielle Verkäufe verlieren und sogar einen Rechtsstreit auslösen. Aus diesem Grund ist es ratsam, Ihre Website mit einer speziellen Barrierefreiheitssoftware zu scannen.

Kein automatisiertes Tool ist narrensicher oder ein Ersatz für manuelles Testen. Bei der Usability dreht sich alles um echte menschliche Anwendungsfälle. Das bedeutet, dass nur Menschen beurteilen können, ob Ihre Website wirklich barrierefrei ist.

Ein automatisierter Scan kann jedoch eine erste Liste von Problemen erstellen, die angegangen werden müssen. Nachdem Sie diese Probleme behoben haben, können Sie mit manuellen Tests fortfahren.

Es sind verschiedene Tools verfügbar, aber Website Accessibility Evaluation (WAVE) ist eine Software-Suite, die eine Reihe von Usability-Problemen identifizieren kann:

Nachdem Sie Ihre Website-URL eingegeben und den Test ausgeführt haben, klicken Sie auf das i- Symbol, um weitere Informationen zu jedem erkannten Fehler anzuzeigen. WAVE schlägt sogar Ressourcen vor, die Ihnen helfen können, bestimmte Barrierefreiheitsprobleme zu verstehen:

Der Nachteil dieser Software ist, dass WAVE jeweils nur eine Seite scannen kann. Um die Testzeit zu verkürzen, können Sie die WAVE for Firefox- oder WAVE for Chrome-Erweiterung installieren. Mit diesem Tool können Sie WAVE auf einer Webseite mit einem Klick auf eine Schaltfläche ausführen:

Alternativ können Sie Ihre Website mit einem Plugin wie WP ADA Compliance Check scannen. Dieses kostenlose Tool bietet 50 Fehlerprüfungen:

Sie können jederzeit manuell einen vollständigen Scan durchführen. Für zusätzlichen Komfort kann WP ADA Compliance Check Ihre Website jedes Mal, wenn Sie neue Inhalte veröffentlichen, automatisch auf Barrierefreiheitsprobleme testen.

2. Fügen Sie Alt-Text zu Ihren Bildern hinzu

Gemäß den WCAG-Richtlinien muss jeder, der Ihre Website besucht, auf alle Informationen zugreifen können. Daher sollten Sie allen Ihren Bildern Alt-Text hinzufügen. Menschen mit Sehbehinderungen können diese Inhalte dann über Screenreader abrufen.

Rein dekorative Bilder wie Hintergrundgrafiken benötigen jedoch keinen Alt-Text. Sie müssen auch keine Beschreibungen für visuelle Elemente bereitstellen, die Informationen wiederholen, die bereits an anderer Stelle kommuniziert wurden, z. B. im schriftlichen Inhalt der Seite.

Sie können Alt-Text zu jedem Bild in der WordPress-Medienbibliothek hinzufügen:

Alternativ können Sie Alt-Text erstellen, nachdem Sie ein Bild in Ihre Seite eingefügt haben. Wählen Sie einfach die betreffende Grafik aus und öffnen Sie die Registerkarte Block . Klicken Sie als Nächstes, um den Abschnitt Bildeinstellungen zu erweitern, und schreiben Sie Ihren Alt-Text:

Screenreader können nicht auf Text zugreifen, der in ein Bild eingebettet ist, z. B. Anmerkungen. Wenn eine Grafik Text enthält, sollten Sie ihn in Ihre Alt-Beschreibung aufnehmen. Alternativ können Sie das Bild so bearbeiten, dass dieser geschriebene Inhalt als reiner Text daneben angezeigt wird.

Wenn Sie alternativen Text schreiben, könnten Sie versucht sein, so viele Informationen wie möglich bereitzustellen. Das Hören von Inhalten kann jedoch viel langsamer sein als das Lesen. Wenn du zu viel erklärst oder unnötige Details hinzufügst, frustrierst du deine Zuhörer möglicherweise, anstatt ihnen zu helfen.

3. Bieten Sie eine Alternative zum Audio Ihrer Website an

Einige Ihrer Besucher haben möglicherweise Hörprobleme, entweder aufgrund des Alters oder aufgrund von Behinderungen. Andere Personen können den Ton Ihrer Site aufgrund ihrer Umgebung möglicherweise nicht hören.

Diese Personen benötigen eine alternative Möglichkeit, Ihre Audioinhalte zu konsumieren. Bei Videos kann dies bedeuten, Untertitel bereitzustellen:

Sie können jedem WordPress- Videoblock eine Datei im Web Video Text Tracks Format (WebVTT) hinzufügen. WebVTT ist einfach ein Textdokument, das Ihre Untertitel mithilfe der Spezifikation des World Wide Web Consortium (W3C) formatiert.

Sie können diese Datei mit einem Dienst wie Subtitle Edit Online erstellen. Dieses Tool ist jedoch kostenlos und noch in der Betaphase, daher ist es ratsam, die generierten Untertitel manuell zu überprüfen:

Alternativ können Sie mit einem Untertitelungsdienst zusammenarbeiten, der den Ton aus Ihren verschiedenen Mediendateien transkribiert. Rev.com ist ein beliebter Dienst für Untertitel.

Bei längeren Inhalten, wie z. B. einem Podcast, können Sie erwägen, ein Transkript bereitzustellen. Besucher können diese Datei dann in Ruhe lesen.

Wenn Sie Ihre Videos auf YouTube hosten, verfügt die Plattform über einen speziellen Bereich für Untertitel , um Transkripte zu erstellen. Sie können diesen Text dann kopieren und in Ihre Website einfügen:

Es ist auch erwähnenswert, dass Suchmaschinen nicht auf Audiodateien zugreifen können. Sie können diesen Suchmaschinen helfen, den Audioinhalt Ihrer Seite zu verstehen, indem Sie ein Transkript veröffentlichen. Dieses Dokument kann Ihr Ranking sowie Ihre Zugänglichkeit verbessern.

4. Identifizieren Sie alle Barrierefreiheitsprobleme mit Ihrem WordPress-Theme

Sie können Zeit und Energie investieren, um sicherzustellen, dass alle Ihre Inhalte zugänglich sind. Es besteht jedoch die Möglichkeit, dass Ihr WordPress-Theme Ihre Bemühungen untergräbt.

Mit einem Plugin wie WP Accessibility kannst du Probleme mit der Barrierefreiheit deines Themes identifizieren. Diese Software scannt Ihr ausgewähltes Design auf häufige Zugänglichkeitsprobleme, einschließlich fehlender Sprach- oder Textrichtungsattribute. Es kann auch Beschriftungen zu standardmäßigen WordPress-Formularfeldern wie Suche und Kommentare hinzufügen:

Navigieren Sie nach der Aktivierung dieses Plugins in Ihrem WordPress-Dashboard zu Einstellungen > WP-Zugänglichkeit . Dort finden Sie verschiedene auf Barrierefreiheit ausgerichtete Einstellungen, die Sie aktivieren und deaktivieren können, um erkannte Probleme zu beheben:

Alternativ können Sie auch ein Design auswählen, das auf Benutzerfreundlichkeit ausgelegt ist. Das WordPress.com-Team hat eine Liste barrierefreier Themen erstellt, die eine benutzerfreundlichere Erfahrung bieten können.

Abschluss

Das Erstellen einer Website, die für alle zugänglich ist, ist nicht immer einfach. Es ist jedoch das Richtige – moralisch, beruflich und sogar rechtlich.

Lassen Sie uns vor diesem Hintergrund kurz vier Möglichkeiten zum Erstellen einer zugänglicheren Website zusammenfassen:

1. Suchen Sie nach Usability-Problemen. Hier kann es hilfreich sein, das Plugin WP ADA Compliance zu verwenden.
2. Fügen Sie Alt-Text zu Ihren Bildern hinzu.
3. Bieten Sie mit Untertiteln und Transkripten eine Alternative zum Audio Ihrer Website.
4. Identifizieren Sie alle Zugänglichkeitsprobleme mit Ihrem WordPress-Theme mit einem Plugin wie WP Accessibility.

Wir bei WP Engine verstehen, dass Barrierefreiheit für viele Website-Besitzer oberste Priorität hat. Deshalb erledigen wir alles andere für Sie!
Wenn Sie mit WP Engine zusammenarbeiten, erhalten Sie Zugriff auf WordPress-Hosting, das für Geschwindigkeit, Sicherheit, Stabilität und Skalierbarkeit optimiert ist. So können Sie sich auf das konzentrieren, was wirklich wichtig ist: eine barrierefreie Website zu erstellen, die jeder nutzen (und genießen) kann!