Grundsätze für Barrierefreiheit und Konformitätsstufen

  • 5 Minuten

WCAG-Branchenstandardrichtlinien für die Barrierefreiheit von Webinhalten sind in vier Prinzipien unterteilt: Erkennbar, Bedienbar, Verständlich und Robust. Um sich diese Prinzipien zu merken, verwenden viele Menschen das Akronym EBVR. Diese universellen EBVR-Prinzipien bieten die Grundlage für die Webbarrierefreiheit und stellen sicher, dass Webinhalte für Personen mit unterschiedlichen Bedürfnissen und Vorlieben zugänglich sind.

Laut World Wide Web Consortium (W3)muss jeder, der das Web verwenden möchte, Inhalte haben, die alle vier EBVR-Prinzipien enthalten. Sehen wir uns an, was sie bedeuten:

  • Wahrnehmbarkeit: Informationen und Komponenten der Benutzeroberfläche müssen Benutzern in einer Weise dargestellt werden, die sie wahrnehmen können. Dies bedeutet, dass alle Benutzer alle Elemente eines Designs sehen, hören oder verstehen können. Während viele Benutzer möglicherweise visuell verstehen können, können andere Benutzer durch Hören oder Fühlen wahrnehmen. In diesen Fällen können Tools wie Alternativtext für Bilder und Links, Farbe mit hohem Kontrast, Beschriftungen und Transkriptionen hilfreich sein.

  • Bedienbar: Dieses Prinzip erfordert, dass alle Benutzeroberflächenkomponenten und -navigationen funktionsfähig sein müssen, damit Benutzer Steuerelemente, Schaltflächen, Navigationen und andere interaktive Elemente erfolgreich verwenden können. Nicht jeder kann eine Maus bedienen. Für viele bedeutet die Verwendung einer Website oder Webanwendung die Verwendung von Hilfstechnologien wie Spracherkennung, Tastaturen oder Bildschirmsprachausgaben.

  • Verständlich: Benutzer müssen in der Lage sein, die Informationen auf einer Website zu verstehen sowie auf die Website zuzugreifen und sie zu navigieren. Dieses Prinzip fordert, dass Websites und Webanwendungen in Entwurfs- und Verwendungsmustern vorhersehbar sind. Sie sollten einfach zu navigieren und zu lesen sein. Dies bedeutet, eine visuelle Hierarchie zu erstellen, die Überschriften und Inhaltsstruktur mit klaren Anweisungen und konsistenter Navigation betont. Die Verständlichkeit kann kontextspezifisch sein. Beispielsweise kann eine Website, auf der erläutert wird, wie eine komplexe Codierungsaufgabe erledigt wird, Informationen enthalten, die für einen Entwickler verständlich wären, aber möglicherweise nicht für jemanden ohne Codierungshintergrund.

  • Stabil: Dieses Prinzip erfordert, dass Inhalte von einer Vielzahl von Benutzer-Agents zuverlässig aufgerufen und interpretiert werden können, einschließlich Hilfstechnologien wie Sprachausgaben, Spracherkennung und Textvergrößerung. Während Agent-Technologien sich weiterentwickeln, sollte der Zugriff auf Inhalte auf verschiedenen Arten von Geräten und Browsern möglich sein.

Wie bewerten Sie die Barrierefreiheit einer Website oder Webanwendung?

Jedes der vier WCAG-Prinzipien enthält Richtlinien mit spezifischen Empfehlungen für Webdesign und Entwicklung. Diese Richtlinien werden weiter in messbare und testbare Erfolgskriterien oder Aussagen unterteilt, welche die Mindestanforderungen für die Webbarrierefreiheit definieren.

Drei Konformitätsstufen: A, AA und AAA

Dieses Bewertungssystem gibt den Grad der Einhaltung und Konformität mit den Richtlinien für die Barrierefreiheit an, wobei A die minimale und die AAA die maximale Compliancestufe ist. Der empfohlene Grad der Barrierefreiheit für die meisten Webinhalte ist der mittlere Grad der Barrierefreiheit AA.

Ebenen sind kumulativ, was bedeutet, dass AA-Webinhalte des mittleren Grades auch alle A-Erfolgskriterien erfüllen müssen, während AAA-Inhalte auch Erfolgskriterien für Grade A und AA erfüllen müssen.

Vergleich der Compliancestufen mit dem Prinzip der Webbarrierefreiheit

Vergleichen wir die drei Compliancestufen, indem wir einige Beispiel-Erfolgskriterien für die einzelnen POUR-Prinzipien für die Barrierefreiheit einer Website überprüfen.

Erkennbar

  • A: Stellen Sie Textalternativen für Nicht-Textinhalte (z. B. Bilder, Audio und Video) bereit.
  • AA: Stellen Sie Untertiteln für Live-Audioinhalte (z. B. Webinare, Podcasts und Übertragungen) bereit.
  • AAA: Stellen Sie Gebärdendolmetschen für vorab aufgezeichnete Audioinhalte (z. B. Videos, Animationen und Präsentationen) bereit.

Bedienbar

  • A: Stellen Sie alle Funktionen über eine Tastatur erreichbar zur Verfügung (z. B. Links, Schaltflächen und Formulare).
  • AA: Stellen Sie genügend Zeit zum Lesen und Verwenden von Inhalten bereit (z. B. das Anpassen oder Verlängern von Zeitlimits).
  • AAA: Stellen Sie die Möglichkeit bereit, sich erneut zu authentifizieren, ohne Daten zu verlieren (z. B. den Fortschritt speichern oder später fortsetzen).

Verständlich

  • A: Sorgen Sie dafür, dass Websites vorhersehbar erscheinen und funktionieren (z. B. mit konsistenten Navigations- und Feedbackmechanismen).
  • AA: Machen Sie Text lesbar und verständlich (z. B. klare, einfache Sprache verwenden, unbekannte Wörter definieren).
  • AAA: Bieten Sie eine Möglichkeit zum Erweitern von Abkürzungen (z. B. mithilfe eines <Abbr>-Elements oder durch Bereitstellen eines Glossars).

Robust

  • A: Maximieren Sie die Kompatibilität mit zukünftigen Benutzer-Agents (z. B. gültiges, wohlgeformtes Markup; Befolgen der Standards).
  • AA: Geben Sie Namen, Rolle und Wert für alle Benutzeroberflächenkomponenten an, indem Sie geeignete HTML-Elemente und -Attribute oder WAI-ARIA*-Rollen und -Eigenschaften verwenden.
  • AAA: Bereitstellen des Zwecks und der Bedeutung der Komponenten der Benutzeroberfläche (z. B. mithilfe von WAI-ARIA-Landmarks und Bezeichnungen.)

*(WAI-ARIA): Web Accessibility Initiative – Accessible Rich Internet Applications Standard.