WCAG-Checkliste A-Konformität

2. Bedienbarkeit

Wenn eine Webseite oder Anwendung Tastenkombinationen verwendet, die nur aus Zeichen bestehen (z.B. Buchstaben oder Zahlen), muss eine der folgenden Möglichkeiten vorhanden sein:

Abschaltbar:
Erklärung: Es muss eine Option geben, den Befehl komplett abzuschalten, wenn der Benutzer dies möchte.

Neu belegbar:
Erklärung: Der Benutzer muss in der Lage sein, das Tastenkürzel neu zu belegen, sodass es eine oder mehrere nicht druckbare Tasten (wie Strg, Alt oder Shift) enthält.
Beispiel: Anstatt nur „X“ zu verwenden, könnte der Benutzer das Kürzel auf „Strg + X“ ändern.

Nur bei Fokus aktiv:
Erklärung: Das Tastaturkürzel darf nur dann aktiv sein, wenn das Element, für das es gilt, den Tastaturfokus hat.
Beispiel: Wenn ein Shortcut für eine spezielle Funktion aktiv ist, sollte er nur dann reagieren, wenn das entsprechende Eingabefeld oder Element gerade ausgewählt ist (fokussiert).

Für jede zeitliche Begrenzung, die vom Inhalt festgelegt wird, gilt mindestens eines der Folgenden:

Abschalten
Der Benutzer kann die zeitliche Begrenzung abschalten, bevor er darauf trifft oder

Anpassen
Der Benutzer darf die zeitliche Begrenzung anpassen, bevor er darauf trifft und zwar so weitreichend, dass es sich um die mindestens zehnfache Zeit der Standardeinstellung handelt oder

Ausweiten
Der Benutzer wird gewarnt, bevor die Zeit abläuft und bekommt mindestens 20 Sekunden Zeit, um die zeitliche Begrenzung mit einer einfachen Handlung auszuweiten (z.B. „Drücken Sie die Leertaste“) und der Benutzer darf die zeitliche Begrenzung mindestens zehn mal ausweiten oder

Echtzeit-Ausnahme
Die zeitliche Begrenzung ist ein erforderlicher Bestandteil eines Echtzeit-Ereignisses (z.B. einer Auktion) und es gibt keine Alternative zur zeitlichen Begrenzung oder

Unentbehrliche Ausnahme
Die zeitliche Begrenzung ist unentbehrlich und eine Ausweitung dieser würde die Handlung ungültig machen oder

20 Stunden-Ausnahme
Die zeitliche Begrenzung beträgt mehr als 20 Stunden.

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

bewegend, blinkend, scrollend
Für alle sich bewegenden, blinkenden oder scrollenden Informationen, die

(1) automatisch beginnen
(2) länger als 5 Sekunden dauern
(3) parallel zu anderen Inhalten dargestellt werden

gibt es einen Mechanismus für den Benutzer, um diese zu pausieren, zu beenden oder auszublenden.

Automatische Aktualisierung
Für alle sich automatisch aktualisierenden Informationen, die

(1) automatisch beginnen
(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.

Für eine Funktionalität, die mit einem einzelnen Zeiger bedient werden kann, ist mindestens eine der folgenden Bedingungen erfüllt:

Kein Down-Event: Die Funktion wird erst beim Loslassen (Up-Event) abgeschlossen, nicht beim Drücken.

Abbrechen oder rückgängig machen: Während des Drückens kann die Aktion abgebrochen oder rückgängig gemacht werden, bevor sie abgeschlossen ist.

Rückgängig bei Up-Event: Das Loslassen macht die Auswirkungen des vorherigen Drückens rückgängig.

Unentbehrlich: Das Drücken ist unbedingt nötig, um die Funktion abzuschließen.

Bei Bestandteilen der Benutzerschnittstelle mit Beschriftungen

(wie Checkboxen, Dropdown-Menüs, Text-Input-Felder, Buttons etc.)

die Text oder Bilder eines Textes enthalten, enthält der Name (im (aria)-label) den Text, der visuell angezeigt wird.

Funktionalitäten, die durch Bewegung von Geräten oder durch Bewegung von Benutzern bedient werden können,

(wie ein Gyroskop Sensor eines Smartphone oder durch Benutzer Bewegungen wie das Neigen des Geräts)

können auch durch Bestandteile der Benutzerschnittstelle bedient werden und die Reaktion auf die Bewegung kann deaktiviert werden, um ein versehentliches Auslösen zu verhindern.

Dabei gelten folgende Ausnahmen:

Unterstützte Schnittstelle: Die Bewegung wird verwendet, um Funktionen über eine Barrierefreiheit unterstützende Schnittstelle zu bedienen.

Die Bewegung ist unentbehrlich für die Funktion und die Aktivität würde dadurch ungültig werden.

WCAG-Checkliste A-Konformität

3. Bedienbarkeit

Die Änderung der Einstellung irgendeines Bestandteils der Benutzerschnittstelle

(z.B. Dropdown-Menüs, Check-Boxen oder eines Schalters)

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

(Ausführliche Labels bei Bestandteilen der Benutzerschnittstelle können User auf das Verhalten von Elementen hinweisen. Alternativ können zusätzliche Buttons zum expliziten Bestätigen der Aktion eingebunden werden).

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

Beispiel: Nachdem der Benutzer auf „Absenden“ klickt, erscheint eine Meldung in der Nähe des Telefonnummer-Feldes: „Bitte geben Sie Ihre Telefonnummer im Format (123) 456-7890 ein.”

WCAG-Checkliste A-Konformität

4. Robustheit

Bei Inhalt, der durch die Benutzung von Auszeichnungssprache (wie HTML) implementiert wurde, haben Elemente:

komplette Start- und End-Tags
(Zum Beispiel sollte ein <p>-Tag mit </p> enden.)

werden Elemente entsprechend ihrer Spezifikationen verschachtelt
(Zum Beispiel sollte ein <ul>-Tag nur <li>-Tags enthalten)

enthalten Elemente keine doppelten Attribute
(Zum Beispiel sollte ein Tag wie <input type=“text“ type=“email“></code> nicht zweimal das Attribut type haben).

Alle IDs sind einzigartig, außer wenn die Spezifikationen diese Eigenschaften erlauben
(Zum Beispiel sollten keine zwei Elemente die gleiche id=“header“ haben).

Für alle Bestandteile der Benutzerschnittstelle (einschließlich 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 (z. B. Benutzer aktiviert eine Checkbox oder bewegt einen Schieberegler), können durch Software festgelegt werden.

Änderungen an diesen Bestandteilen müssen an Benutzeragenten, einschließlich assistiver Technologien, gemeldet werden.

WCAG-Checkliste A-Konformität

1. Wahrnehmbarkeit

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

(Informationsinhalte sollen in Form von Texten und nicht (ausschließlich) in Form von Bildern dargestellt werden, da Texte für assistierende Technologien leichter verständlich sind).

Inhalte können ohne Informations- oder Funktionsverlust dargestellt werden, ohne dass dafür ein Scrollen in zwei Dimensionen erforderlich ist.

Vertikal scrollende Inhalte müssen für Geräte mit einer Breite, die 320 CSS-Pixeln entspricht, kompatibel sein.

Horizontal scrollende Inhalte müssen für Geräte mit einer Höhe, die 256 CSS-Pixeln entspricht, kompatibel sein.

Eine Ausnahme bilden Teile des Inhalts, deren Verwendung oder Bedeutung ein zweidimensionales Layout erfordern.

Ein Kontrastverhältnis von mindestens 3:1 zu benachbarten Farben gilt für die visuelle Präsentation von:

Bestandteilen der Benutzerschnittstelle: Visuelle Informationen, die zur Identifizierung von Bestandteilen der Benutzerschnittstelle und Zuständen benötigt werden, außer bei inaktiven Bestandteilen oder wenn das Aussehen des Bestandteils durch den Benutzeragenten bestimmt und nicht vom Autor geändert wird.

Grafische Objekte: Teile von Grafiken, die zum Verständnis des Inhalts erforderlich sind, es sei denn, eine bestimmte Präsentation von Grafiken ist unentbehrlich für die zu vermittelnde Information.

Bei Inhalten, die mit Auszeichnungssprachen implementiert werden, die die folgenden Stileigenschaften für Text unterstützen:

Zeilenhöhe (Zeilenabstand) auf mindestens das 1,5-Fache der Schriftgröße;
Abstand nach Absätzen auf mindestens das 2-Fache der Schriftgröße;
Buchstabenabstand (Laufweite) auf mindestens das 0,12-Fache der Schriftgröße;
Wortabstand auf mindestens das 0,16-Fache der Schriftgröße.

Ausnahme: Menschliche Sprachen und Schriften, die eine oder mehrere dieser Textstileigenschaften im geschriebenen Text nicht verwenden können dieses Erfolgskriterium erfüllen indem sie nur die Eigenschaften verwenden, die für diese Kombination von Sprache und Schrift existieren.

Wenn durch das Überfahren mit dem Zeiger oder durch Tastaturfokus zusätzlicher Inhalt sichtbar wird, der anschließend bei Entfernen des Zeigers oder des Tastaturfokus wieder ausgeblendet wird, muss folgendes zutreffen:

Verwerfbar: Es gibt einen Mechanismus, um den zusätzlichen Inhalt zu verwerfen, ohne den Zeiger oder den Tastaturfokus zu bewegen, es sei denn, der zusätzliche Inhalt kommuniziert einen Eingabefehler oder verdeckt oder ersetzt andere Inhalte nicht
(Der Benutzer sollte in der Lage sein, den zusätzlichen Inhalt manuell zu schließen, z.B. durch das Drücken der Escape-Taste oder durch eine klare Schaltfläche wie ein „Schließen“-Symbol).

Überfahrbar: Wenn zusätzlicher Inhalt durch Überfahren mit dem Zeiger ausgelöst werden kann, dann kann der Zeiger über den zusätzlichen Inhalt bewegt werden, ohne dass der zusätzliche Inhalt verschwindet.

Beständig: Der zusätzliche Inhalt bleibt sichtbar, bis der Auslöser des „Hover“ oder „Focus“ entfernt wird, der Benutzer ihn verwirft oder die dazugehörige Information nicht mehr gültig ist.

Ausnahme: Die visuelle Darstellung des zusätzlichen Inhalts wird durch den Benutzeragenten gesteuert und

WCAG-Checkliste A-Konformität

2. Bedienbarkeit

WCAG-Checkliste A-Konformität

3. Verständlichkeit

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.

Für Webseiten, die eine für den Benutzer auftretende rechtliche Verpflichtung oder finanzielle Transaktion zur Folge haben, die benutzergesteuerte 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.

WCAG-Checkliste A-Konformität

4. Robustheit