Develop
Desktop
1 WAHRNEHMBAR
Informationen und Bestandteile der Benutzerschnittstelle müssen den Benutzern so präsentiert werden, dass diese sie wahrnehmen können.
2 BEDIENBAR
Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein.
3 VERSTÄNDLICH
Informationen und Bedienung der Benutzerschnittstelle müssen verständlich sein.
4 ROBUST
Inhalte müssen robust genug sein, damit sie zuverlässig von einer großen Auswahl an Benutzeragenten einschließlich assistierender Techniken interpretiert werden können.
1.1 TEXTALTERNATIVEN
Stellen Sie Textalternativen für alle Nicht-Text-Inhalte zur Verfügung, so dass diese in andere vom Benutzer benötigte Formen geändert werden können, wie zum Beispiel Großschrift, Braille, Symbole oder einfachere Sprache.
1.2 ZEITBASIERTE MEDIEN
Stellen Sie Alternativen für zeitbasierte Medien zur Verfügung.
1.3 ANPASSBAR
Erstellen Sie Inhalte, die auf verschiedene Arten dargestellt werden können (z.B. einfacheres Layout), ohne dass Informationen oder Struktur verloren gehen.
1.4 UNTERSCHEIDBAR
Machen Sie es Benutzern leichter, Inhalt zu sehen und zu hören einschließlich der Trennung von Vorder- und Hintergrund.
2.1 PER TASTATUR ZUGÄNGLICH
Sorgen Sie dafür, dass alle Funktionalitäten per Tastatur zugänglich sind.
2.2 AUSREICHEND ZEIT
Geben Sie den Benutzern ausreichend Zeit, Inhalte zu lesen und zu benutzen.
2.3 ANFÄLLE
Gestalten Sie Inhalte nicht auf Arten, von denen bekannt ist, dass sie zu Anfällen führen.
2.4 NAVIGIERBAR
Stellen Sie Mittel zur Verfügung, um Benutzer dabei zu unterstützen zu navigieren, Inhalte zu finden und zu bestimmen, wo sie sich befinden.
3.1 LESBAR
Machen Sie Inhalt lesbar und verständlich.
3.2 VORHERSEHBAR
Sorgen Sie dafür, dass Webseiten vorhersehbar aussehen und funktionieren.
3.3 HILFESTELLUNG BEI DER EINGABE
Helfen Sie den Benutzern dabei, Fehler zu vermeiden und zu korrigieren.
4.1 KOMPATIBEL
Maximieren Sie die Kompatibilität mit aktuellen und zukünftigen Benutzeragenten, einschließlich assistierender Techniken.
1.1.1 Nicht-Text-Inhalt

Alle Nicht-Text-Inhalte, die dem Benutzer präsentiert werden, haben eine Textalternative, die einem äquivalenten Zweck dient, mit Ausnahme der unten aufgelisteten Situationen.

  • Steuerelemente, Eingabe
    Wenn es sich bei dem Nicht-Text-Inhalt um ein Steuerelement handelt oder Eingaben durch den Benutzer akzeptiert, dann hat dieser einen Namen, der seinen Zweck beschreibt. (Beachten Sie Richtlinie 4.1.2 für zusätzliche Anforderungen an Steuerelemente und Inhalte, die Eingaben durch den Benutzer akzeptieren.)
  • Zeitbasierte Medien
    Wenn es sich bei den Nicht-Text-Inhalten um zeitbasierte Medien handelt, dann stellen Textalternativen zumindest eine deskriptive Identifizierung des Nicht-Text-Inhalts bereit. (Beachten Sie Richtlinie 1.2 für zusätzliche Anforderungen an Medien.)
  • Test
    Wenn es sich bei dem Nicht-Text-Inhalt um einen Test oder eine Übung handelt, die nichtig wäre, wenn sie als Text dargestellt würde, dann stellen Textalternativen zumindest eine deskriptive Identifizierung des Nicht-Text-Inhalts bereit.
  • Sensorisch
    Wenn Nicht-Text-Inhalt hauptsächlich dafür gedacht ist, eine bestimmte Sinneserfahrung zu schaffen, dann stellen Textalternativen zumindest eine deskriptive Identifizierung des Nicht-Text-Inhalts bereit.
  • CAPTCHA
    Wenn der Zweck des Nicht-Text-Inhalts der ist zu bestätigen, dass eine Person und nicht ein Computer auf den Inhalt zugreift, dann werden Textalternativen bereitgestellt, die den Zweck des Nicht-Text-Inhalts identifizieren. Außerdem werden alternative Formen von CAPTCHAs bereitgestellt, die Ausgabeformen für verschiedene Arten der sensorischen Wahrnehmung nutzen, um verschiedenen Behinderungen Rechnung zu tragen.
  • Dekoration, Formatierung, unsichtbar
    Wenn der Nicht-Text-Inhalt reine Dekoration ist, nur für visuelle Formatierung benutzt wird oder dem Benutzer gar nicht präsentiert wird, dann wird der Inhalt so implementiert, dass er von assistierender Technik ignoriert werden kann.
1.2.1 Reine Audio- und Videoinhalte (aufgezeichnet)

Für aufgezeichnete reine Audio- und aufgezeichnete reine Video- Medien gilt das Folgende, außer die Audio- oder Videomedien sind eine Medienalternative für Text und als solche klar gekennzeichnet:

  • Aufgezeichneter reiner Audioinhalt
    Es wird eine Alternative für zeitbasierte Medien bereitgestellt, die äquivalente Informationen für aufgezeichneten reinen Audioinhalt bietet.
  • Aufgezeichneter reiner Videoinhalt
    Es wird entweder eine Alternative für zeitbasierte Medien oder eine Audiospur zur Verfügung gestellt, die äquivalente Informationen für aufgezeichneten reinen Videoinhalt bietet.
1.2.2 Untertitel (aufgezeichnet)

Untertitel werden für alle aufgezeichneten Audioinhalte in synchronisierten Medien bereitgestellt, außer die Medien sind eine Medienalternative für Text und als solche deutlich gekennzeichnet.

1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet)

Eine Alternative für zeitbasierte Medien oder eine Audiodeskription des aufgezeichneten Videoinhalts wird für synchronisierte Medien bereitgestellt, außer die Medien sind eine Medienalternative für Text und als solche deutlich gekennzeichnet.

1.2.4 Untertitel (Live)

Untertitel werden für alle Live- Audioinhalte in synchronisierten Medien bereitgestellt.

1.2.5 Audiodeskription (aufgezeichnet)

Eine Audiodeskription wird für alle aufgezeichneten Videoinhalte in synchronisierten Medien zur Verfügung gestellt.

1.2.6 Gebärdensprache (aufgezeichnet)

Eine Übersetzung in die Gebärdensprache wird für alle aufgezeichneten Audioinhalte in synchronisierten Medien bereitgestellt.

1.2.7 Erweiterte Audiodeskription (aufgezeichnet)

Wenn die Pausen im Vordergrund-Audio nicht ausreichend sind, um Audiodeskriptionen zu ermöglichen, die den Sinn des Videos vermitteln, dann wird eine erweiterte Audiodeskription für alle aufgezeichneten Videoinhalte in synchronisierten Medien bereitgestellt.

1.2.8 Medienalternative (aufgezeichnet)

Eine Alternative für zeitbasierte Medien wird für alle aufgezeichneten synchronisierten Medien und für alle aufgezeichneten reinen Videomedien bereitgestellt.

1.2.9 Reiner Audioinhalt (Live)

Eine Alternative für zeitbasierte Medien, die äquivalente Informationen für live übertragene reine Audioinhalte bietet, wird bereitgestellt.

1.3.1 Info und Beziehungen

Informationen, Struktur und Beziehungen, die über die Darstellung vermittelt werden, können durch Software bestimmt werden oder stehen in Textform zur Verfügung.

1.3.2 Bedeutungstragende Reihenfolge

Wenn die Reihenfolge, in der Inhalte präsentiert werden, sich auf deren Bedeutung auswirkt, kann die korrekte Leseabfolge durch Software bestimmt werden.

1.3.3 Sensorische Eigenschaften

Anweisungen, die für das Verständnis und die Bedienung von Inhalt bereitgestellt werden, stützen sich nicht nur auf sensorische Eigenschaften von Komponenten wie Form, Größe, visuelle Position, Ausrichtung oder Ton. Anmerkung: Für Anforderungen in Bezug auf Farbe beachten Sie Richtlinie 1.4.

1.4.1 Benutzung von Farbe

Farbe wird nicht als einziges visuelles Mittel benutzt, um Informationen zu vermitteln, eine Handlung zu kennzeichnen, eine Reaktion zu veranlassen oder ein visuelles Element zu unterscheiden.

Anmerkung: Dieses Erfolgskriterium spricht ausdrücklich die Farbwahrnehmung an. Andere Formen der Wahrnehmung werden in Richtlinie 1.3 behandelt einschließlich programmtechnischer Zugriff auf Farbe und andere visuelle Darstellungskodierungen.

1.4.2 Audio-Steuerelement

Wenn Audioinhalt auf einer Webseite automatisch für mehr als 3 Sekunden abgespielt wird, dann gibt es entweder einen Mechanismus, um die Wiedergabe zu pausieren oder zu beenden, oder es gibt einen Mechanismus, um die Lautstärke unabhängig von der allgemeinen Systemlautstärke zu regeln. Anmerkung: Jeglicher Inhalt, der dieses Erfolgskriterium nicht erfüllt, kann die Möglichkeit eines Benutzers beeinträchtigen, die ganze Seite zu nutzen. Daher muss jeglicher Inhalt auf einer Webseite (egal ob er dazu benutzt wird, andere Erfolgskriterien zu erfüllen oder nicht) dieses Erfolgskriterium erfüllen. Siehe Konformitätsbedingung 5: Nicht störend.

1.4.3 Kontrast (Minimum)

Die visuelle Darstellung von Text und Bildern von Text hat ein Kontrastverhältnis von mindestens 4,5:1 mit folgenden Ausnahmen:

  • Großer Text
    Großer Text und Bilder von großem Text haben ein Kontrastverhältnis von mindestens 3:1;
  • Nebensächlich
    Für Text oder Bilder eines Textes, die Teil eines inaktiven Bestandteils der Benutzerschnittstelle, rein dekorativ, für niemanden sichtbar oder Teil eines Bildes sind, welches signifikanten anderen visuellen Inhalt enthält, gibt es keine Kontrastanforderung.
  • Wortbildmarken
    Text, der Teil eines Logos oder eines Markennamens ist, hat keine Kontrastanforderungen.
1.4.4 Textgröße ändern

Mit Ausnahme von Untertiteln und Bildern eines Textes, kann Text ohne assistierende Technik um bis zu 200 Prozent geändert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht.

1.4.5 Bilder eines Textes

Wenn die benutzten Techniken die visuelle Präsentation bewirken können, dann wird Text statt Bilder eines Textes dazu benutzt, Informationen zu vermitteln mit den folgenden Ausnahmen:

  • Anpassbar
    Das Bild eines Textes kann visuell an die Anforderungen des Benutzers angepasst werden;
  • Unentbehrlich
    Eine bestimmte Präsentation von Text ist für die vermittelten Informationen unentbehrlich.
1.4.6 Kontrast (erhöht)

Die visuelle Präsentation von Text und Bildern eines Textes hat ein Kontrastverhältnis von mindestens 7:1, mit folgenden Ausnahmen:

  • Großer Text
    Großer Text und Bilder von großem Text haben ein Kontrastverhältnis von mindestens 4,5:1;
  • Nebensächlich
    Für Text oder Bilder eines Textes, die Teil eines inaktiven Bestandteils der Benutzerschnittstelle, rein dekorativ, für niemanden sichtbar oder Teil eines Bildes sind, welches signifikanten anderen visuellen Inhalt enthält, gibt es keine Kontrastanforderung.
  • Wortbildmarken
    Text, der Teil eines Logos oder eines Markennamens ist, hat keine Mindest-Kontrastanforderungen.
1.4.7 Leiser oder kein Hintergrund-Audioinhalt

Für aufgezeichneten, reinen Audioinhalt, der (1) hauptsächlich Sprache im Vordergrund enthält, (2) kein Audio-CAPTCHA oder ein Audio-Logo ist und (3) bei dem es sich nicht um eine Vokalisierung handelt, die hauptsächlich als musikalischer Ausdruck bestimmt ist wie beispielsweise Singen oder Rappen, gilt mindestens eines der Folgenden:

  • Kein Hintergrund
    Der Audioinhalt enthält keine Hintergrundgeräusche.
  • Abschalten
    Die Hintergrundgeräusche können abgeschaltet werden.
  • 20 dB
    Die Hintergrundgeräusche sind mindestens 20 Dezibel leiser als der Sprachinhalt im Vordergrund mit der Ausnahme von gelegentlichen Geräuschen, die nur 1 oder 2 Sekunden andauern.
1.4.8 Visuelle Präsentation

Für die visuelle Präsentation von Textblöcken gibt es einen Mechanismus, um das Folgende zu erreichen:

  • Vorder- und Hintergrundfarben können vom Benutzer ausgewählt werden.
  • Die Breite beträgt nicht mehr als 80 Zeichen oder Glyphen (40 wenn es sich um CJK handelt).
  • Text ist nicht im Blocksatz ausgerichtet (sowohl links- als auch rechtsbündig ausgerichtet).
  • Der Zeilenabstand (Durchschuss) ist mindestens 1,5-fach innerhalb von Paragraphen und der Paragraphenabstand ist mindestens 1,5-fach so groß wie der Zeilenabstand.
  • Die Textgröße kann ohne assistierende Technik bis auf 200 Prozent skaliert werden und zwar so, dass der Leser nicht horizontal scrollen muss, um eine Textzeile in einem bildschirmfüllenden Fenster zu lesen.
1.4.9 Bilder eines Textes (keine Ausnahme)

Bilder eines Textes werden nur rein dekorativ benutzt oder dann, wenn eine bestimmte Präsentation von Text unentbehrlich für die zu vermittelnden Informationen ist. Anmerkung: Wortbildmarken (Text, der Teil eines Logos oder Markennamens ist) werden als unentbehrlich betrachtet.

2.1.1 Tastatur

Alle Funktionalitäten des Inhalts sind durch eine Tastaturschnittstelle bedienbar, ohne dass eine bestimmte Zeiteinteilung für einzelne Tastenanschläge erforderlich ist, außer wenn die zugrunde liegende Funktion Eingaben verlangt, die vom Pfad der Bewegung des Benutzers und nicht nur von den Endpunkten abhängig sind.

2.1.2 Keine Tastaturfalle

Wenn der Tastaturfokus durch eine Tastaturschnittstelle auf einen Bestandteil der Seite bewegt werden kann, dann kann der Fokus von diesem Bestandteil weg bewegt werden, indem man nur die Tastaturschnittstelle benutzt; wenn man dazu mehr als nicht modifizierte Pfeil- oder Tabulatortasten oder andere übliche Ausstiegsmethoden benutzen muss, dann wird der Benutzer über die Methode zum Bewegen des Fokus informiert.

2.1.3 Tastatur (keine Ausnahme)

Alle Funktionalitäten des Inhalts sind durch eine Tastaturschnittstelle bedienbar, ohne dass eine bestimmte Zeiteinteilung für einzelne Tastenanschläge erforderlich ist.

2.2.2 Pausieren, beenden, ausblenden

Für sich bewegende, blinkende, scrollende oder sich automatisch aktualisierende Informationen gelten alle folgenden Punkte:

  • Sich bewegend, blinkend, scrollend
    Für alle sich bewegenden, blinkenden oder scrollenden Informationen, die (1) automatisch beginnen, (2) länger als 5 Sekunden dauern und (3) parallel zu anderen Inhalten dargestellt werden, gibt es einen Mechanismus für den Benutzer, um diese zu pausieren, zu beenden oder auszublenden außer die Bewegung, das Blinken oder das Scrollen ist Teil einer Handlung, bei der es unentbehrlich ist und
  • Automatische Aktualisierung
    Für alle sich automatisch aktualisierenden Informationen, die (1) automatisch beginnen und (2) parallel mit anderen Inhalten dargestellt werden, gibt es einen Mechanismus, damit der Benutzer die Aktualisierung pausieren, beenden oder ausblenden oder die Häufigkeit der Aktualisierung kontrollieren kann, außer die automatische Aktualisierung ist Teil einer Handlung, bei der sie unentbehrlich ist.
2.2.3 Keine Zeiteinteilung

Die Zeiteinteilung ist kein unentbehrlicher Teil eines vom Inhalt dargestellten Ereignisses oder einer Handlung außer bei nicht-interaktiven synchronisierten Medien und Echtzeit-Ereignissen.

2.2.4 Unterbrechungen

Unterbrechungen können vom Benutzer aufgeschoben oder unterdrückt werden mit Ausnahme von Unterbrechungen, bei denen es sich um einen Notfall handelt.

2.2.5 Erneute Authentifizierung

Wenn eine authentifizierte Sitzung abläuft, kann der Benutzer die Handlung nach der erneuten Authentifizierung ohne Datenverlust fortführen.

2.3.1 Grenzwert von dreimaligem Blitzen oder weniger

Webseiten enthalten nichts, was öfter als dreimal in einem beliebigen, eine Sekunde dauernden Zeitraum blitzt, oder der Blitz ist unterhalb der allgemeinen Grenzwerte zu Blitzen und roten Blitzen.

2.3.2 Drei Blitze

Webseiten enthalten nichts, das öfter als dreimal in einem beliebigen, eine Sekunde dauernden Zeitraum blitzt.

2.4.1 Blöcke umgehen

Es gibt einen Mechanismus, um Inhaltsblöcke zu umgehen, die auf verschiedenen Webseiten wiederholt werden.

2.4.2 Seite mit Titel versehen

Webseiten haben einen Titel, der Thema oder Zweck beschreibt.

2.4.3 Fokus-Reihenfolge

Wenn eine Webseite der Reihe nach navigiert werden kann und die Reihenfolge der Navigation die Bedeutung oder Bedienung beeinflusst, erhalten fokussierbare Komponenten den Fokus in einer Reihenfolge, der Bedeutung und Bedienbarkeit aufrecht erhält.

2.4.4 Linkzweck (im Kontext)

Der Zweck jedes Links kann durch den Linktext allein oder durch den Linktext zusammen mit seinem durch Software bestimmten Link-Kontext bestimmt werden außer in Fällen, in denen der Zweck des Links mehrdeutig für Benutzer im Allgemeinen wäre.

2.4.5 Verschiedene Methoden

Es gibt mehr als eine Methode, um eine Webseite innerhalb eines Satzes von Webseiten zu finden, außer die Webseite ist das Ergebnis oder ein Schritt innerhalb eines Prozesses.

2.4.6 Überschriften und Beschriftungen (Labels)

Überschriften und Labels beschreiben ein Thema oder einen Zweck.

2.4.7 Fokus sichtbar

Jede durch Tastatur bedienbare Benutzerschnittstelle hat einen Bedienmodus, bei dem der Tastaturfokus sichtbar ist.

2.4.8 Position

Es gibt Informationen zu der Position des Benutzers innerhalb eines Satzes von Webseiten.

2.4.9 Linkzweck (reiner Link)

Es gibt einen Mechanismus, um den Zweck jedes Links durch den Linktext allein zu erkennen, außer der Linkzweck wäre mehrdeutig für Benutzer im Allgemeinen.

2.4.10 Abschnittsüberschriften

Abschnittsüberschriften werden genutzt, um den Inhalt zu gliedern.

3.1.1 Sprache der Seite

Die voreingestellte menschliche Sprache jeder Webseite kann durch Software bestimmt werden.

3.1.2 Sprache von Teilen

Die menschliche Sprache jedes Abschnitts oder jedes Satzes im Inhalt kann durch Software bestimmt werden außer bei Eigennamen, technischen Fachbegriffen, Wörtern einer unklaren Sprache und Wörtern oder Wendungen, die Teil des Jargons des direkt umliegenden Textes geworden sind.

3.1.3 Ungewöhnliche Wörter

Es gibt einen Mechanismus, um spezielle Definitionen von Wörtern oder Wendungen zu erkennen, die auf ungewöhnliche oder eingeschränkte Weise benutzt werden, Idiome und Jargon eingeschlossen.

3.1.4 Abkürzungen

Es gibt einen Mechanismus, um die ausgeschriebene Form oder Bedeutung von Abkürzungen zu erkennen.

3.1.5 Leseniveau

Wenn der Text nach der Entfernung von Eigennamen und Titeln Lesefähigkeiten voraussetzt, die über das Niveau der niedrigen, sekundären Schulbildung hinausgehen, dann gibt es ergänzenden Inhalt oder eine Version, die keine über die niedrige, sekundäre Schulbildung hinausgehenden Lesefähigkeiten verlangt.

3.1.6 Aussprache

Es gibt einen Mechanismus, um die bestimmte Aussprache von Wörtern zu erkennen, wenn die Bedeutung der Wörter - im Zusammenhang - mehrdeutig ist, wenn man die Aussprache nicht kennt.

3.2.1 Bei Fokus

Wenn irgendein Bestandteil den Fokus erhält, dann löst dies nicht eine Änderung des Kontextes aus.

3.2.2 Bei Eingabe

Die Änderung der Einstellung irgendeines Bestandteils der Benutzerschnittstelle führt nicht automatisch zur Änderung des Kontextes, außer der Benutzer wurde vor Benutzung des Bestandteils auf das Verhalten hingewiesen.

3.2.3 Konsistente Navigation

Navigationsmechanismen, die auf mehreren Webseiten innerhalb eines Satzes von Webseiten wiederholt werden, treten jedes Mal, wenn sie wiederholt werden, in der gleichen relativen Reihenfolge auf, außer eine Änderung wird durch den Benutzer ausgelöst.

3.2.4 Konsistente Erkennung

Bestandteile mit der gleichen Funktionalität innerhalb eines Satzes von Webseiten werden konsistent erkannt.

3.2.5 Änderung auf Anfrage

Änderungen des Kontextes werden nur durch Benutzeranfrage ausgelöst oder es gibt einen Mechanismus, um solche Änderungen abzuschalten.

3.3.1 Fehlererkennung

Wenn ein Eingabefehler automatisch erkannt wird, dann wird das fehlerhafte Element identifiziert und der Fehler wird dem Benutzer in Textform beschrieben.

3.3.2 Beschriftungen (Labels) oder Anweisungen

Wenn der Inhalt eine Eingabe durch den Benutzer verlangt werden Beschriftungen (Labels) oder Anweisungen bereitgestellt.

3.3.3 Fehlerempfehlung

Wenn ein Eingabefehler automatisch erkannt wird und Korrekturempfehlungen bekannt sind, dann werden diese Empfehlungen dem Benutzer bereitgestellt, außer dies würde die Sicherheit oder den Zweck des Inhalts gefährden.

3.3.4 Fehlervermeidung (rechtliche, finanzielle, Daten)

Für Webseiten, die eine für den Benutzer auftretende rechtliche Verpflichtung oder finanzielle Transaktion zur Folge haben, die Benutzer-gesteuerte Daten in Datenspeicherungssystemen ändern oder löschen oder die Testantworten des Benutzers abschicken, gilt mindestens eines der Folgenden:

  • Reversibel
    Versendete Daten sind reversibel.
  • Geprüft
    Vom Benutzer eingegebene Daten werden auf Eingabefehler überprüft und der Benutzer erhält die Gelegenheit, diese zu korrigieren.
  • Bestätigt
    Es gibt einen Mechanismus, um Informationen zu überprüfen, zu bestätigen und zu korrigieren, bevor sie endgültig abgesendet werden.
3.3.5 Hilfe

Es gibt eine kontextsensitive Hilfe.

3.3.6 Fehlervermeidung (alle)

Für Webseiten, die verlangen, dass der Benutzer Informationen absendet, gilt mindestens eines der Folgenden:

  • Reversibel
    Versendete Daten sind reversibel.
  • Geprüft
    Vom Benutzer eingegebene Daten werden auf Eingabefehler überprüft und der Benutzer erhält die Gelegenheit, diese zu korrigieren.
  • Bestätigt
    Es gibt einen Mechanismus, um Informationen zu überprüfen, zu bestätigen und zu korrigieren, bevor sie endgültig abgesendet werden.
4.1.1 Syntaxanalyse

Bei Inhalt, der durch die Benutzung von Auszeichnungssprache implementiert wurde, haben Elemente komplette Start- und End-Tags, werden Elemente entsprechend ihrer Spezifikationen verschachtelt, enthalten Elemente keine doppelten Attribute und alle IDs sind einzigartig, außer wenn die Spezifikationen diese Eigenschaften erlauben. Anmerkung: Start- und End-Tags, bei denen entscheidende Zeichen in ihrer Formation fehlen, wie eine schließende spitze Klammer oder nicht zueinander passende Anführungszeichen von Attribut-Werten, sind nicht vollständig.

4.1.2 Name, Rolle, Wert
Für alle Bestandteile der Benutzerschnittstelle (einschließlich, aber nicht beschränkt auf: Formularelemente, Links und durch Skripte generierte Komponenten) können Name und Rolle durch Software bestimmt werden; Zustände, Eigenschaften und Werte, die vom Benutzer festgelegt werden können, können durch Software festgelegt sein; und die Benachrichtigung über Änderungen an diesen Elementen steht den Benutzeragenten zur Verfügung, einschließlich assistierender Techniken. Anmerkung: Dieses Erfolgskriterium ist hauptsächlich für Webautoren gedacht, die ihre eigenen Bestandteile der Benutzerschnittstelle entwickeln oder skripten. Standard-HTML-Steuerelemente erfüllen zum Beispiel bereits dieses Erfolgskriterium, wenn sie entsprechend der Spezifikation benutzt werden.
Understanding

Stellen wir uns vor, ein Balkendiagramm vergleicht, wie viele Widgets im Juni, Juli und August verkauft wurden. Die kurze Bezeichnung lautet: "Abbildung eins - Verkäufe im Juni, Juli und August". Die längere Beschreibung gibt die Art des Diagramms an, liefert eine übersichtliche Zusammenfassung der Daten, Trends und Implikationen, die mit denen des Diagramms vergleichbar sind. Wo es möglich und sinnvoll ist, werden die tatsächlichen Daten in einer Tabelle angegeben.

Example-4.1-DE.svg
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.1.1 Nicht-Text-Inhalt finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.1.1 Nicht-Text-Inhalt finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Dekorative Bilder identifizieren und beschriften
  • Wenn ein aussagekräftiges Bild leicht beschrieben werden kann, geben Sie die Textalternative an
  • Wenn ein Bild ein Steuerelement ist, stellen Sie sicher, dass die Alternative den Zweck beschreibt, nicht das Bild
  • Liefern Sie knappe Beschreibungen komplexer visueller Darstellungen, dann bieten Sie ausführlichere Informationen an

AA

  • Geben Sie einen Kurznamen für Symbole ohne Textbeschriftung an.
  • Geben Sie den Videos einen Titel oder eine kurze Beschreibung

AAA

  • Verwenden Sie Abbildungsunterschriften, um den alternativen Text zu verbessern

A

  • Geben Sie dekorativen Bildern ein ALT-Attribut mit einer leeren Zeichenfolge (alt="")
  • Verwenden Sie HTML, ARIA oder technologiespezifische Techniken, um kurze Textalternativen hinzuzufügen.
  • Wenn relevanter Text in der Benutzeroberfläche vorhanden ist, verwenden Sie arai-labelledby und aria-describedby, um darauf zu verweisen
  • Stellen Sie eine zugängliche Methode zur Anzeige von langen Textalternativen bereit
  • Unit test: Entwickler sollten Verifikationswerkzeuge verwenden

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe

Screen reader

  • ALTs, Beschriftungen und fremdsprachige Ausdrücke überprüfen
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.2.1 Reine Audio- und Videoinhalte (aufgezeichnet) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.2.1 Audio-only and Video-only (Prerecorded) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AAA

  • Erwägen Sie die Aufnahme einer Beschreibung aussagekräftiger visueller Inhalte in die Audiospur oder das Transkript
  • Erwägen Sie die Bereitstellung einer Abschrift aller gesprochenen Inhalte

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

    Manual

  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.2.2 Untertitel (aufgezeichnet) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.2.2 Keyboard finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Bereitstellung von Untertiteln für gesprochene Inhalte in Videos

AA

  • Sicherstellen, dass die Beschriftungen korrekt, konsumierbar und vollständig sind

A

  • Multimedia-Inhalte einbetten, die Untertitel unterstützen

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.2.3 Audio Description or Media Alternative (Prerecorded) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Erwägen Sie die Aufnahme einer Beschreibung aussagekräftiger visueller Inhalte in die Audiospur oder das Transkript

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.2.4 Untertitel (Live) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.2.4 Captions (Live) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Bereitstellung von Untertiteln für gesprochene Inhalte in Videos

AA

  • Sicherstellen, dass die Beschriftungen korrekt, konsumierbar und vollständig sind

A

  • Multimedia-Inhalte einbetten, die Untertitel unterstützen

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.2.5 Audiodeskription (aufgezeichnet) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.2.5 Audio Description (Prerecorded) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AAA

  • Beschreiben Sie aussagekräftige visuelle Inhalte in Videos

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.2.6 Gebärdensprache (aufgezeichnet) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.2.6 Sign Language (Prerecorded) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.2.7 Erweiterte Audiodeskription (aufgezeichnet)1 finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.2.7 Extended Audio Description (Prerecorded) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.2.8 Medienalternative (aufgezeichnet) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.2.8 Media Alternative (Prerecorded) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.1.1 Reiner Audioinhalt (Live) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.1.1 Audio-only (Live) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.3.1 Info und Beziehungen finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.3.1 Info and Relationships finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Bereitstellung von Untertiteln für gesprochene Inhalte in Videos

AA

  • Sicherstellen, dass die Beschriftungen korrekt, konsumierbar und vollständig sind

A

  • Multimedia-Inhalte einbetten, die Untertitel unterstützen

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.3.2 Bedeutungstragende Reihenfolge finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.3.2 Meaningful Sequence finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AAA

  • Markieren Sie jeden Inhalt, der eine sinnvolle Reihenfolge hat

AAA

  • Angemessene Anordnung des Inhalts im Document Object Model
  • Verwenden Sie CSS nur, um die Textposition zu ändern, ohne die Bedeutung zu verändern.

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Screen reader

  • Sinnvolle Abfolge prüfen
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.3.3 Sensorische Eigenschaften finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.3.3 Sensory Characteristics finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AA

  • Verlassen Sie sich in den Anweisungen nicht auf Ihre Sinne

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.4.1 Benutzung von Farbe finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.4.1 Benutzung von Farbe finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AA

  • Stellen Sie sicher, dass sich Legenden nicht nur auf die nicht kontrastierenden Farben verlassen, um Datenpunkte dem Legendentext zuzuordnen.
  • Bestätigen Sie, dass die Farbe allein keinen Status oder Fehler anzeigt

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.4.2 Audio-Steuerelement finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.4.2 Audio Control finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AA

  • Stoppen Sie die automatische Wiedergabe von Inhalten, wenn sie den Fokus erhalten, oder bieten Sie einen einfachen Pausenmechanismus an.
  • Vermeiden Sie die automatische Wiedergabe von Inhalten, die länger als fünf Sekunden dauern.
  • Möglichkeit, die automatische Wiedergabe von Inhalten anzuhalten, zu stoppen oder auszublenden

AA

  • Befolgen Sie die wichtigsten Überlegungen zur Verringerung des Aufwands, indem Sie verstehen, was Sie vom Design haben

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente

Screen reader

  • Bestätigen Sie, dass die Interaktion mit dem Inhalt mit dem Bildschirmlesegerät funktioniert.
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.4.3 Kontrast (Minimum) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.4.3 Contrast (Minimum) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Wählen Sie einen Text, der einen ausreichenden Kontrast zu seinem Hintergrund aufweist.
  • Erreichen Sie einen Mindestkontrast für alle Texte, die über Bilder oder Hintergründe mit Farbverlauf gelegt werden.

AA

  • Seien Sie vorsichtig bei der Verwendung von Platzhaltern

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.4.4 Textgröße ändern finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.4.4 Resize text finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Unit test: Prüfen Sie, ob der Inhalt gezoomt werden kann

Automated

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstestmodul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manual

  • Überprüfung auf Audio, Video, Aufleuchten und automatische Wiedergabe
  • Überprüfung der Tastaturinteraktion der Komponente
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.1.1 Bilder eines Textes finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.1.1 Images of Text finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AA

  • Verwenden Sie keine Bilder von Text, wenn Text verwendet werden kann.
  • Bereitstellung von Textalternativen für Logos und andere wichtige Textbilder

Manual

  • Überprüfen Sie die Verwendung von Farben, Kontrasten und Bildern im Text

Screen reader

  • ALTs, Beschriftungen und fremdsprachige Ausdrücke überprüfen
Understanding
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.4.7 Leiser oder kein Hintergrund-Audioinhalt finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.4.7 Low or No Background Audio finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.4.8 Visuelle Präsentation finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.4.8 Visual Presentation finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 1.4.9 Bilder eines Textes (keine Ausnahme) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 1.4.9 Images of Text (No Exception) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
How to Meet

A

  • Notieren Sie die geplante Tastaturnavigation in den Wireframes
  • Legen Sie die Tabulatorreihenfolge fest
  • Überprüfen Sie, ob alle mit der Maus bedienbaren Komponenten mit der Tastatur erreichbar sind.
  • Reduzieren Sie die Tabulation durch effektive Gruppierung von Elementen
  • Setzen Sie Erwartungen und notieren Sie die beabsichtigte Tastaturbedienung in den Wireframes
  • Wählen Sie, wenn möglich, Standard-HTML-Elemente
  • Überprüfen Sie, ob die Framework-Bibliotheken den Tastaturkonventionen entsprechen
  • Stellen Sie sicher, dass benutzerdefinierte Komponenten den ARIA-Authoring-Praktiken entsprechen
  • Stellen Sie Anweisungen in der Benutzeroberfläche bereit, wo die Tastaturbedienung von der Norm abweicht
  • Stellen Sie ein Tastaturäquivalent für Drag & Drop bereit
  • Wenn eine Komponente mehrere Bedienungsmöglichkeiten mit der Maus hat, notieren Sie die Tastaturentsprechung
  • Ermöglichen Sie das Entfernen von Hinweisen, Modals und Overlays mit der Esc-Taste

AA

  • Stellen Sie sicher, dass die Funktionen von Media-Playern über die Tastatur bedienbar sind
  • Dokumentieren Sie Überlegungen zu Tastatur und anderen Aspekten der Barrierefreiheit

A

  • Erreichen Sie die gewünschte Tabulatorreihenfolge nach Möglichkeit durch Anpassung des DOM, anstatt den Tabindex zu überschreiben
  • Verwenden Sie nach Möglichkeit Standard-HTML-Elemente und verwenden Sie CSS, um das Erscheinungsbild und nicht das Verhalten zu ändern.
  • Machen Sie sich mit den gängigen Tastaturkonventionen vertraut
  • Implementieren Sie eine Tastaturbedienung für benutzerdefinierte Elemente
  • Befolgen Sie wesentliche Überlegungen zur Verringerung des Aufwands
  • Unit-Test - Bestätigen Sie die Tastaturinteraktion einer Komponente

AA

  • Machen Sie benutzerdefinierte Medienplayer- und Animations-Steuerelemente über die Tastatur zugänglich

Ergänzende Techniken

  • Hinweis für iOS-Plattformen: Für Tastaturen, die mit iOS-Geräten verbunden sind, hat Apple ein eigenes Verzeichnis für das Verhalten der Tabulatortasten und Pfeiltasten, wie in Wireless Keyboard with VoiceOver beschrieben.

Automatisiert

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstest-Modul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manuell

  • Prüfen Sie die Tabulator- oder Navigationsreihenfolge
  • Überprüfen Sie die Tastaturinteraktion einer Komponente
  • Überprüfen Sie ob Inhaltsblöcke umgangen werden können, und ob es eine einheitliche Navigation und verschiedene Methoden gibt
  • Dynamische Aktualisierungsauslöser und -effekte

Screenreader

  • Vergleichen Sie Tastaturbedienung und -ausgabe
  • Bestätigen Sie, dass die Interaktion mit dem Inhalt mit einem Screenreader funktioniert.
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.1.2 Keine Tastaturfalle finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.1.2 No Keyboard Trap finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Überprüfen Sie, ob die Framework-Bibliotheken den Tastaturkonventionen entsprechen
  • Stellen Sie sicher, dass benutzerdefinierte Komponenten den ARIA-Authoring-Praktiken Keyboard Guidance entsprechen
  • Wenn eine Komponente mehrere Bedienungsmöglichkeiten mit der Maus hat, notieren Sie die Tastaturentsprechung
  • Ermöglichen Sie das Entfernen von Hinweisen, Modals und Overlays mit der Esc-Taste

AA

  • Stellen Sie sicher, dass die Funktionen von Media-Playern über die Tastatur bedienbar sind

A

  • Implementieren Sie eine Tastaturbedienung für benutzerdefinierte Elemente
  • Befolgen Sie wesentliche Überlegungen zur Verringerung des Aufwands
  • Unit-Test - Bestätigen Sie die Tastaturinteraktion einer Komponente

AA

  • Machen Sie benutzerdefinierte Medienplayer- und Animations-Steuerelemente über die Tastatur zugänglich

Entwicklungstechniken

  • iOS-Hybrid: Apple empfiehlt die Verwendung der HTML5-Audio- und Videoelemente für Mobile Safari. Diese Elemente unterstützen die Wiedergabe nativ im Browser mit den integrierten Steuerelementen des Browsers.
    Entwickler können auch benutzerdefinierte Mediensteuerelemente für umfassende Interaktivität mit CSS und JavaScript erstellen.
    Beachten Sie Apples Informationen zu HTML5 Audio and Video und iOS-spezifische Hinweise zur richtigen Implementierung.

Automatisiert

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstest-Modul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manuell

  • Prüfen Sie die Tabulator- oder Navigationsreihenfolge
  • Überprüfen Sie die Tastaturinteraktion einer Komponente
  • Überprüfen Sie ob Inhaltsblöcke umgangen werden können, und ob es eine einheitliche Navigation und verschiedene Methoden gibt
Understanding
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.2.2 Pausieren, beenden, ausblenden finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.2.2 Pause, Stop, Hide finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AA

  • Stoppen Sie die automatische Wiedergabe von Inhalten, wenn sie den Fokus erhalten, oder bieten Sie einen einfachen Mechanismus zum Anhalten
  • Vermeiden Sie den automatischen Start von Animationen oder Videos
  • Vermeiden Sie die automatische Wiedergabe von Inhalten, die länger als fünf Sekunden dauern
  • Bieten Sie die Möglichkeit, die automatische Wiedergabe von Inhalten anzuhalten, zu stoppen oder auszublenden

A

  • Befolgen Sie wesentliche Überlegungen zur Verringerung des Aufwands
  • Unit-Test - Bestätigen Sie die Tastaturinteraktion einer Komponente

Automatisiert

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstest-Modul, um die für diese Anforderung erkannten Probleme zu identifizieren.

Manuell

  • Prüfen Sie auf Audio, Video, blinkende Informationen und automatische Wiedergabe
  • Überprüfen Sie die Tastaturinteraktion einer Komponente
Understanding
How to Meet
Understanding
How to Meet
Understanding
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.3.1 Grenzwert von dreimaligem Blitzen oder weniger finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.3.1 Three Flashes or Below Threshold finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Vermeiden Sie blitzende Inhalte
  • Verringern Sie die Häufigkeit der Blitze auf weniger als drei Blitze pro Sekunde.
  • Reduzieren Sie blitzende Inhalte so, dass sie unterhalb der allgemeinen Grenzwerte zu Blitzen und roten Blitzen liegen

A

  • Befolgen Sie die wichtigsten Überlegungen zur Verringerung des Aufwands, indem Sie verstehen, was Sie vom Design haben

Manuell

  • Prüfen Sie auf Audio, Video, blinkende Informationen und automatische Wiedergabe
Understanding
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.4.1 Blöcke umgehen finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.4.1 Bypass Blocks finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AAA

  • Erwägen Sie Links und andere Mechanismen zur Umgehung von Inhaltsblöcken
  • Benennen Sie geeignete Regionen, insbesondere Kopf-, Haupt- und Fußzeile

A

  • Befolgen Sie die wichtigsten Überlegungen zur Verringerung des Aufwands, indem Sie verstehen, was Sie vom Design haben

AA

  • Erwägen Sie das Hinzufügen von Regionen und anderen ARIA-Rollen zur Unterscheidung von Textgruppierungen

Automatisiert

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstest-Modul, um die für diese Anforderung erkannten Probleme zu identifizieren

Manuell

  • Überprüfen Sie ob Inhaltsblöcke umgangen werden können, und ob es eine einheitliche Navigation und verschiedene Methoden gibt

Screenreader

  • Vergleichen Sie Tastaturbedienung und -ausgabe
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.4.2 Seite mit Titel versehen finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.4.2 Page Titled finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AA

  • Geben Sie in einem Set von Seiten jeder einen eindeutigen Titel
  • Geben Sie in einem zusammengefügten Titel die eindeutige Textzeile zuerst an

A

  • Kodieren Sie das Element <title> auf jeder Seite entsprechend dem Design

Automatisiert

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstest-Modul, um die für diese Anforderung erkannten Probleme zu identifizieren

Manuell

  • Überprüfen Sie Beschriftungen, Linknamen und Seitentitel

Screenreader

  • Überprüfen Sie Seitenstruktur, Tabellen und Überschriften
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.4.3 Fokus-Reihenfolge finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.4.3 Focus Order finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Legen Sie die Tabulatorreihenfolge fest
  • Überprüfen Sie, ob alle mit der Maus bedienbaren Komponenten mit der Tastatur erreichbar sind
  • Reduzieren Sie die Tabulation durch effektive Gruppierung von Elementen
  • Wählen Sie, wenn möglich, Standard-HTML-Elemente
  • Wenn eine Komponente mehrere Bedienungsmöglichkeiten mit der Maus hat, notieren Sie die Tastaturentsprechung

A

  • Stellen Sie sicher, dass interaktive Elemente mit der Tastatur erreichbar sind
  • Wenn möglich, erreichen Sie die gewünschte Tabulatorreihenfolge, indem Sie das DOM anpassen, anstatt den Tabindex zu überschreiben

Manuell

  • Prüfen Sie die Tabulator- oder Navigationsreihenfolge
  • Behalten Sie den Fokus des Benutzers bei
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.4.4 Linkzweck (im Kontext) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.4.4 Link Purpose (In Context) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AA

  • Verfassen Sie nach Möglichkeit einen eigenständigen Linktext
  • Kontextualisieren Sie generische Links wie "Mehr lesen"

A

  • Befolgen Sie die wichtigsten Überlegungen zur Verringerung des Aufwands, indem Sie verstehen, was Sie vom Design haben

AA

  • Verwenden Sie ARIA-Auszeichnungen und beschreibende Attribute, um generische Linknamen mit zusätzlichem Kontext zu versehen

Automatisiert

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstest-Modul, um die für diese Anforderung erkannten Probleme zu identifizieren

Manuell

  • Überprüfen Sie Beschriftungen, Linknamen und Seitentitel

Screenreader

  • Verifizieren Sie Alternativtexte, Beschriftungen und fremdsprachige Ausdrücke
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.4.5 Verschiedene Methoden finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.4.5 Multiple Ways finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

AAA

  • Verwenden Sie bei Bedarf Inhaltsverzeichnisse und Sitemaps
  • Bieten Sie eine Suchfunktion oder andere Funktionen an, um die Navigation und Auffindbarkeit zu verbessern

A

  • Befolgen Sie die wichtigsten Überlegungen zur Verringerung des Aufwands, indem Sie verstehen, was Sie vom Design haben

Manuell

  • Überprüfen Sie ob Inhaltsblöcke umgangen werden können, und ob es eine einheitliche Navigation und verschiedene Methoden gibt
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.4.6 Überschriften und Beschriftungen (Labels) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.4.6 Headings and Labels finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Verfassen Sie klare, konsistente und prägnante Bezeichnungen
  • Beschreiben Sie den Inhalt genau mit prägnanten Überschriften

Automatisiert

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstest-Modul, um die für diese Anforderung erkannten Probleme zu identifizieren

Manuell

  • Überprüfen Sie Beschriftungen, Linknamen und Seitentitel
  • Text auf Verständlichkeit prüfen; auf Fremdwörter und beschreibende Wörter achten

Screenreader

  • Verifizieren Sie Alternativtexte, Beschriftungen und fremdsprachige Ausdrücke
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 2.4.7 Fokus sichtbar finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 2.4.7 Focus Visible finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet

A

  • Kontrast zwischen fokussierten und nicht-fokussierten Zuständen mindestens 3:1

AA

  • Stellen Sie sicher, dass die Funktionen von Media-Playern über die Tastatur bedienbar sind

A

  • Wird der Standard-Fokusindikator außer Kraft gesetzt, dann stellen Sie sicher, dass der Fokus gut sichtbar ist
  • Befolgen Sie die wichtigsten Überlegungen zur Verringerung des Aufwands, indem Sie verstehen, was Sie vom Design haben
  • Unit-Test - Bestätigen Sie die Tastaturinteraktion einer Komponente
  • Unit-Test - Tabulatorreihenfolge prüfen

Automatisiert

  • Testen Sie mit der IBM Equal Access Accessibility Checker-Browsererweiterung oder dem Integrationstest-Modul, um die für diese Anforderung erkannten Probleme zu identifizieren

Manuell

  • Prüfen Sie den Fokusindikator
  • Prüfen Sie die Tabulator- oder Navigationsreihenfolge
  • Überprüfen Sie die Tastaturinteraktion einer Komponente
  • Überprüfen Sie den Hover-Effekts des Mauszeigers
  • Überprüfen Sie Aktionen des Mauszeigers

Screenreader

  • Vergleichen Sie Tastaturbedienung und -ausgabe
Understanding
How to Meet
Understanding
How to Meet
Understanding
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 3.1.1 Sprache der Seite finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 3.1.1 Sprache der Seite finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 3.1.2 Sprache von Teilen finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 3.1.2 Sprache von Teilen finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
How to Meet
Understanding
How to Meet
Understanding
How to Meet
Understanding
How to Meet
Understanding
How to Meet
Understanding
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 3.2.3 Konsistente Navigation finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 3.2.3 Konsistente Navigation finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding

Eine E-Commerce-Anwendung verwendet ein Druckersymbol, mit dem der Benutzer Belege und Rechnungen drucken kann. In einem Teil der Anwendung ist das Druckersymbol mit " Beleg drucken" beschriftet und wird zum Drucken von Belegen verwendet, während es in einem anderen Teil mit "Rechnung drucken" beschriftet ist und zum Drucken von Rechnungen verwendet wird. Die Beschriftung ist einheitlich ("x drucken"), aber die Bezeichnungen sind unterschiedlich, um die verschiedenen Funktionen der Symbole widerzuspiegeln. Daher verfehlt dieses Beispiel das Erfolgskriterium nicht.

Example-1.1-DE.svg
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 3.2.4 Konsistente Erkennung finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 3.2.4 Konsistente Erkennung finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
How to Meet
Understanding

Auf der Website einer Fluggesellschaft wird eine Sonderaktion für vergünstigte Flüge angeboten. Der Benutzer wird gebeten, ein einfaches Formular auszufüllen, in dem persönliche Daten wie Name, Adresse, Telefonnummer, Sitzplatzpräferenz und E-Mail-Adresse abgefragt werden. Wenn eines der Felder des Formulars nicht oder falsch ausgefüllt wird, wird eine Warnmeldung angezeigt, die den Benutzer darüber informiert, welches Feld oder welche Felder fehlen oder falsch sind.

Example-2.1-DE.svg
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 3.3.1 Fehlererkennung finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 3.3.1 Fehlererkennung finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 3.3.2 Beschriftungen (Labels) oder Anweisungen finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 3.3.2 Beschriftungen (Labels) oder Anweisungen finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 3.3.3 Fehlerempfehlung finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 3.3.3 Fehlerempfehlung finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 3.3.4 Fehlervermeidung (rechtliche, finanzielle, Daten) finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 3.3.4 Fehlervermeidung (rechtliche, finanzielle, Daten) finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
How to Meet
Understanding
How to Meet
Understanding
  • Richtlinien für barrierefreie Webinhalte 2.0
    Unter 4.1.1 Syntaxanalyse finden Sie weitere Informationen zu Ausnahmen, Zweck, Nutzen und Techniken.
  • IBM Accessibility Requirements
    Unter 4.1.1 Syntaxanalyse finden Sie weitere Informationen zu Anforderungen an Barrierefreiheit, die für die neuesten Versionen verschiedener Standards und Regulierungen erfüllt werden müssen.
How to Meet
Understanding
How to Meet