WCAG-Audit: Was es ist und wie man ihn durchführt

Sie haben über die Bedeutung digitaler Barrierefreiheit gelesen und sind bereit, die Best Practices für inklusives Webdesign umzusetzen. Um zu wissen, wo Sie anfangen sollten, müssen Sie ein WCAG-Audit durchführen, das Ihre Inhalte testet anhand der Anforderungen der Web Content Accessibility Guidelines(opens in a new tab) (WCAG) prüft. 

Im Folgenden erklären wir genau, was ein WCAG-Audit (auch genannt digitaler Barrierefreiheits-Audit) ist und was er abdeckt. Außerdem besprechen wir die Bedeutung regelmäßiger Barrierefreiheits-Audits und Best Practices für das Testen Ihrer Inhalte.

Was ist ein WCAG-Audit?

Ein WCAG-Audit testet Ihre Website anhand der Web Content Accessibility Guidelines (WCAG), um sicherzustellen, dass die Inhalte eine gute Erfahrung für Nutzer mit Behinderungen bieten. WCAG gilt als internationaler Standard für digitale Barrierefreiheit und ist eine Sammlung von Standards, die bestimmen, wie zugänglich Webinhalte sind. Sie sollten Ihre Inhalte regelmäßig mit der neuesten WCAG-Version (WCAG 2.2 ab August 2023) überprüfen. 

Ein WCAG-Audit zielt darauf ab, Probleme zu finden, die das Nutzererlebnis für Menschen mit Behinderungen beeinträchtigen könnten, wie z. B. schlechter Farbkontrast, fehlender Alternativtext und fehlende Audiountertitel. Eine genaue Barrierefreiheitsprüfung vergleicht jede Ihrer Webseiten mit den WCAG-Anforderungen und hebt Barrierefreiheitsprobleme hervor, die behoben werden müssen. Die Behebung dieser Probleme verbessert das Nutzererlebnis und hilft Ihnen, die Barrierefreiheitsgesetze einzuhalten.

Arten von WCAG-Audits

Das World Wide Web Consortium(opens in a new tab) (W3C), das die WCAG veröffentlicht, unterscheidet zwei Hauptarten von WCAG-Audits(opens in a new tab): automatisiert und manuell.

Manuelle WCAG-Audits

Manuelle WCAG-Audits werden von Menschen durchgeführt – idealerweise von Personen mit umfassender Erfahrung in der Anwendung der WCAG-Standards und im Umgang mit unterstützenden Technologien. Experten können Barrierefreiheitsprobleme erkennen, die Nutzer mit Behinderungen betreffen – einschließlich komplexerer, kontextbezogener Fehler wie Tastaturfallen oder ungenauer Alternativtexte.

Ein manueller Audit umfasst typischerweise:

• Verwendung eines Screenreaders, um die Kompatibilität der Inhalte mit unterstützenden Technologien zu testen.

• Zugriff auf eine Webseite nur mit der Tastatur (ohne Maus), um die Tastaturbedienbarkeit zu prüfen.

• Vergrößerung einer Webseite (Hineinzoomen) auf 200 %, um sicherzustellen, dass alles weiterhin funktioniert und keine Inhalte verborgen sind.

• Bilder ausschalten, um zu sehen, ob die Website weiterhin verständlich bleibt. 

Manuelles Testen ist in der Regel gründlicher als automatisiertes Testen. Professionelle Barrierefreiheitsberater prüfen möglicherweise ARIA-Markup oder greifen mit einem Screenreader auf die Seite zu, um die Kompatibilität zu bestimmen. All dies dient dazu, Nutzern mit Behinderungen das bestmögliche barrierefreie Erlebnis zu bieten.

Zum Beispiel werden AudioEyes Expert Audits von zertifizierten Barrierefreiheits-Experten und Menschen mit Behinderungen durchgeführt, die jahrelange Erfahrung mit einer Vielzahl von unterstützenden Technologien haben. Unsere Tester tauchen tief in Ihre Inhalte ein, um komplexere Barrierefreiheitsprobleme zu finden und zu beheben, damit Sie ein zugänglicheres, inklusiveres Erlebnis schaffen können.

Da manuelles Testen menschliches Urteilsvermögen erfordert, ist es zeitaufwändiger als automatisiertes Testen. Dennoch ist ein gewisser Anteil manueller Tests unerlässlich, um die WCAG-Konformitätsstandards zu erfüllen.

Automatisierte Barrierefreiheits-Audits

Wie der Name schon sagt, verwendet ein automatisierter Audit Software, um Webinhalte auf Barrierefreiheitsfehler zu scannen. Die meisten automatisierten Tools können häufige Probleme erkennen, die Nutzer mit Behinderungen betreffen, darunter:

• Fehlender Bild-Alternativtext

• Falsche Verwendung von semantischem HTML

• Text mit geringem Kontrast

• Doppelte, defekte oder leere Hyperlinks

Automatisierte Tests können jedoch nur einige Barrierefreiheitsprobleme erkennen. Zum Beispiel kann automatisierte Software feststellen, ob die Bilder oder nicht-textlichen Inhalte einer Website Alternativtexte enthalten, aber nicht, wie genau oder beschreibend diese sind. 

Die meisten Barrierefreiheits-Experten empfehlen einen hybriden Ansatz für WCAG-Tests, der automatisierte und manuelle Tests kombiniert. Automatisierte Tests können Ihnen helfen zu verstehen, wie barrierefrei Ihre bestehenden Inhalte sind, und sogar häufige Barrierefreiheitsprobleme beheben. Manuelle Tests verbessern die Barrierefreiheit zusätzlich, indem sie tiefer in Ihre Inhalte eintauchen und weitere Barrieren identifizieren. Mit einem hybriden Ansatz finden Sie die meisten Barrierefreiheitsprobleme und schaffen zugängliche, nutzbare digitale Inhalte.

Wie führt man ein effektives WCAG-Audit durch?

Ein erfolgreiches WCAG-Audit umfasst mehrere wichtige Schritte, um sicherzustellen, dass der Audit gründlich und genau ist. Wenn Sie ein WCAG-Audit durchführen, sollten Sie folgende Schritte beachten:

• WCAG-Richtlinien verstehen: Machen Sie sich mit den neuesten WCAG-Richtlinien vertraut, damit Sie wissen, woran Sie Ihre Inhalte testen.

• Barrierefreiheits-Testtools auswählen: Wählen Sie Barrierefreiheits-Tools aus, mit denen Sie erste automatisierte Bewertungen durchführen und manuelle Testmethoden zur Überprüfung Ihrer Ergebnisse anwenden können.

• Definition des Umfangs: Definieren Sie als Nächstes den Umfang Ihres Audits. Bestimmen Sie, welche digitalen Inhalte Sie auf Barrierefreiheit testen. Berücksichtigen Sie verschiedene Inhaltstypen wie Text, Bilder, Multimedia, PDFs und Formulare, um besser zu verstehen, wie barrierefrei Ihre Inhalte sind. 

• Sowohl manuelle als auch automatisierte Tests durchführen: Testen Sie Ihre Inhalte auf Barrierefreiheit mit automatisierten und manuellen Tools.

• Ergebnisse dokumentieren: Dokumentieren Sie nach dem Audit alle festgestellten Barrierefreiheitsprobleme. Fügen Sie Details hinzu, wie z. B. wo das Problem auftritt, gegen welche WCAG-Richtlinie es verstößt und Empfehlungen zur Verbesserung.

• Probleme priorisieren: Priorisieren Sie die festgestellten Probleme für die Behebung nach ihrer Schwere und ihrem Einfluss auf die Barrierefreiheit. Einige Probleme, die schnell behoben werden müssen, können beispielsweise einen kritischen Einfluss auf Nutzer haben (z. B. wenn Screenreader keinen Zugriff auf Inhalte erhalten). Andere (z. B. kleinere Farbkontrastfehler) sind weniger schwerwiegend und können behoben werden, sobald die dringenderen Probleme gelöst wurden. 

• Überwachen und pflegen: Denken Sie daran: Barrierefreiheit ist ein fortlaufender Prozess. Sie müssen Ihre Inhalte regelmäßig auf Barrierefreiheit prüfen und neue Probleme beheben. Kontinuierliche Überwachung hilft Ihnen außerdem, die Konformität zu wahren, wenn sich die Barrierefreiheitsstandards weiterentwickeln.

Wonach sucht ein WCAG-Audit?

Sowohl manuelle als auch automatisierte Barrierefreiheits-Tests bewerten, ob eine Website die Erfolgskriterien der WCAG erfüllt. Jede Anforderung ist als einfache Ja-oder-Nein-Aussage formuliert. Einige der oben genannten WCAG-Empfehlungen werden bei Audits geprüft, aber hier sind noch weitere Beispiele:

• Keine Tastaturfalle(opens in a new tab): Viele Menschen surfen nur mit der Tastatur im Internet. Manche Webelemente können dazu führen, dass diese Nutzer in einem Formularfeld oder einem anderen Website-Bereich „gefangen“ werden.

• Nicht-textliche Inhalte(opens in a new tab): Bilder, Grafiken und andere nicht-textliche Inhalte müssen Alternativtexte (Alt-Texte) enthalten, die eine schriftliche Beschreibung des Bildes liefern. Durch die Verwendung von Alt-Text können Menschen mit Sehbehinderungen und diejenigen, die Bilder deaktivieren, weiterhin mit nicht-textlichen Elementen interagieren.

• Mindestkontrast für Text(opens in a new tab): WCAG empfiehlt ein Mindestfarbkontrastverhältnis von 4,5:1 für normalen Text, damit Menschen mit Farbsehschwächen Text und andere Webelemente unterscheiden können.

• Zeitbegrenzung anpassbar(opens in a new tab): Einige Nutzer mit Behinderungen benötigen mehr Zeit, um sich auf Websites anzumelden, Formulare auszufüllen und andere Interaktionen durchzuführen. WCAG verlangt, dass Websites eine Möglichkeit bieten, Zeitlimits auszuschalten, anzupassen oder zu verlängern, damit Nutzer genügend Zeit für Aufgaben haben.

• Untertitel(opens in a new tab): Untertitel ermöglichen es Menschen mit Hörbehinderungen oder -einschränkungen, Videoinhalte zu verstehen. WCAG verlangt, dass Websites für alle vorab aufgezeichneten Audioinhalte Untertitel bereitstellen, damit diese Nutzer mit Videos interagieren können.

  Bitte beachten Sie, dass dies keine vollständige Liste der WCAG-Erfolgskriterien ist. Insgesamt enthält WCAG 2.2 weitere Erfolgskriterien, die sich an den vier Prinzipien der Web-Barrierefreiheit orientieren.

Die meisten automatisierten Barrierefreiheits-Audits testen einen Teil der WCAG-Erfolgskriterien, während manuelle Tester den Rest abdecken. Außerdem wird bei WCAG-Audits in der Regel das Konformitätsniveau jedes Barrierefreiheitsproblems angegeben. WCAG ist in drei Konformitätsstufen:

• WCAG Stufe A: Das Mindestmaß an Konformität. Stufe A enthält grundlegende Erfolgskriterien zur Beseitigung schwerwiegender Barrieren, die viele Nutzer betreffen.

• WCAG Stufe AA: Stufe AA beseitigt zusätzliche Barrieren und stellt ein Maß an Barrierefreiheit her, das für die meisten Nutzer mit Behinderungen und unterstützenden Technologien wie Screenreadern funktioniert.

• WCAG Stufe AAA: Das strengste Konformitätsniveau. Stufe AAA enthält zusätzliche Erfolgskriterien für das höchstmögliche Maß an Barrierefreiheit.

  
  Für die meisten Websites ist die Konformität mit WCAG Stufe AA ein realistisches (und erreichbares) Ziel. Die meisten Barrierefreiheitsgesetze wie der Americans with Disabilities Act(opens in a new tab) (ADA), der European Accessibility Act(opens in a new tab) (EAA) und das Accessibility for Ontarians with Disabilities Act(opens in a new tab) (AODA) nennen Stufe AA als akzeptables Konformitätsniveau.

Eine Liste wichtiger Überlegungen bei der Auswahl eines WCAG-Audit-Tools, darunter Umfang, Zeitrahmen und Behebungsfähigkeiten

Wie wählt man ein Web-Barrierefreiheits-Audit-Tool aus?

Es gibt Dutzende Ressourcen zum Testen der WCAG-Konformität, die sich jedoch in Funktionen und Möglichkeiten unterscheiden. Wenn Sie verschiedene Audit-Tools bewerten, sollten Sie Folgendes beachten:

• Umfang: Alle Ihre digitalen Inhalte – einschließlich Webseiten, mobiler Apps und Online-Dokumente – müssen mit WCAG konform sein. Ihr Barrierefreiheits-Audit sollte eine breite Auswahl Ihrer verschiedenen Inhaltstypen umfassen, damit Sie eine zugänglichere Website schaffen können.

• Zeitrahmen: Um die Konformität aufrechtzuerhalten, müssen Sie Ihre Website jedes Mal testen, wenn sich Inhalte ändern. Manche Inhalte ändern sich häufig, sodass einmalige manuelle Audits diese möglicherweise nicht genau analysieren können.

• Behebungsfähigkeiten: Die meisten Audit-Tools erkennen zwar WCAG-Konformitätsprobleme, beheben sie jedoch nicht. Für viele Websites können Lösungen, die automatisierte Behebungen bieten, Zeit sparen, die sonst für die manuelle Behebung von Problemen aufgewendet werden müsste.

Was ist das Ziel eines WCAG-Audits?

Die grundlegenden Bestandteile eines WCAG-Auditberichts umfassen:

• Einen Überblick über die geprüften digitalen Inhalte mit Angabe der Anzahl und Schwere der Barrierefreiheitsprobleme.

• Eine Liste der auf jeder einzelnen Webseite gefundenen Barrierefreiheitsprobleme.

• Eine klare Erklärung jedes Problems und wie es sich auf Nutzer mit Behinderungen auswirken könnte.

• Anleitung zur Behebung (Lösung) jedes Problems.

Mit einem genauen Auditbericht können Sie die Einhaltung verschiedener Barrierefreiheitsgesetze verbessern – einschließlich ADA, EAA, und AODA. Sie erfahren außerdem, wie Sie künftig bessere Inhalte erstellen, erreichen ein breiteres Publikum und bieten Nutzern ein konsistenteres Erlebnis.

Eine stilisierte Webseite, die eine Liste von Barrierefreiheitsfehlern zeigt

Wann sollte man ein WCAG-Audit durchführen?

Sie müssen nicht warten, bis Sie Ihre digitalen Assets veröffentlicht haben, um an WCAG zu denken. Die meisten Barrierefreiheitsprobleme lassen sich viel leichter beheben, wenn sie bereits bei der Entwicklung von Inhalten erkannt werden – bevor sie echte Nutzer betreffen. Die Integration von Barrierefreiheitslösungen in Ihren Entwicklungsprozess kann dabei helfen. 

Zum Beispiel bieten die AudioEye Developer Tools Webentwicklern eine Vorproduktionsumgebung, in der sie Code und andere digitale Komponenten auf Barrierefreiheitsprobleme testen können. Da unsere Tools speziell dafür entwickelt wurden, ist das Barrierefreiheits-Testing einfacher und effektiver, sodass Entwickler Probleme beheben können, bevor sie Ihre Kunden beeinträchtigen.

Es gibt jedoch keinen falschen Zeitpunkt, um mit Barrierefreiheit zu beginnen – insbesondere, wenn Sie dadurch Abmahnungen oder Klagen wegen Nicht-Konformität vermeiden können. Ein WCAG-Audit kann Ihnen jetzt helfen, bestehende Barrierefreiheitsprobleme zu identifizieren und einen Plan zu deren Behebung zu erstellen.

Warum sind WCAG-Audits wichtig?

Kurz gesagt, jede Organisation ist verpflichtet, barrierefreie Inhalte für die geschätzten 1,3 Milliarden Menschen weltweit mit einer Behinderung(opens in a new tab) bereitzustellen. 

Es ist nicht nur aus geschäftlicher Sicht sinnvoll, Ihre Website für alle Nutzer zugänglich zu machen. Nicht-barrierefreie Inhalte können auch rechtliche Risiken bergen. In den USA verbietet der ADA Diskriminierung von Menschen mit Behinderungen in öffentlichen Räumen, einschließlich Online-Bereichen. Andere Antidiskriminierungsgesetze wie der EAA und AODA gelten ebenfalls für Websites, mobile Apps und andere Online-Inhalte.

Die Einhaltung der Barrierefreiheit ist viel einfacher, wenn Ihre Inhalte anhand klarer technischer Richtlinien bewertet werden. Deshalb ist WCAG so wichtig – als objektiver Rahmen schafft es klare Regeln zur Bewertung Ihrer Inhalte.

WCAG 2.0, 2.1 und 2.2 Konformität und digitale Barrierefreiheitsgesetze

Wenn digitale Inhalte die WCAG-Anforderungen (sogenannte Erfolgskriterien) erfüllen, profitieren alle Nutzer davon. Zum Beispiel funktionieren WCAG-konforme Inhalte besser mit unterstützenden Technologien wie Screenreadern (Software, die Text als Audio oder Braille ausgibt). Das ermöglicht Menschen mit sensorischen Einschränkungen einen einfachen Zugang zu Ihren Inhalten und Ihre Website funktioniert in verschiedenen Situationen besser (z. B. macht der richtige Farbkontrast Ihre Website bei hellem Licht besser lesbar). 

Wenn Sie Ihre digitalen Inhalte auf Barrierefreiheit testen, stellen Sie sicher, dass sie möglichst viele WCAG-Erfolgskriterien erfüllen. Sie sollten auch erwägen, Ihre Inhalte mit früheren WCAG-Versionen (z. B. 2.0 und 2.1) zu testen. So können Sie zusätzliche Barrieren identifizieren, die Nutzer am Zugriff auf Ihre Inhalte hindern könnten. 

Je barrierefreier Ihre Website ist, desto wahrscheinlicher ist es außerdem, dass Sie Strafen wegen Nicht-Konformität vermeiden, die zu hohen Geldbußen, Klagen, Imageschäden und mehr führen können.

WCAG-Konformität mit AudioEye aufrechterhalten

Egal, ob Sie eine neue Website starten oder eine bestehende verbessern: AudioEye macht Barrierefreiheit einfach. Unsere Plattform kombiniert intelligente Automatisierung mit Expertenunterstützung, um Ihnen effizient zur WCAG-Konformität zu verhelfen.

Mit dem AudioEye WCAG-Audit werden Ihre Inhalte anhand der WCAG 2.2 Stufe AA-Standards getestet und häufige Probleme automatisch durch unsere leistungsstarke Automatisierung behoben. Aktives Monitoring hält die Barrierefreiheit in Echtzeit aufrecht, während Expert Audits die komplexen Probleme identifizieren, die menschliches Eingreifen erfordern.

Nehmen Sie das Rätselraten aus der Barrierefreiheit – lassen Sie sich von AudioEye helfen, Ihre Website für alle zugänglich zu machen. Starten Sie jetzt mit einem kostenlosen WCAG-Audit.