WCAG sicher umsetzen

(A)

• Bedienelemente und Eingabe: Nicht-Text-Inhalte als Steuerelemente oder für Benutzereingaben müssen beschreibende Namen haben (z.B. Kalendersymbol mit Alt-Attribut „Datum auswählen“).
• Zeitbasierte Medien: Für Medien wie Videos und Audios sind beschreibende Textalternativen erforderlich. (z.B. Transkription und Audiodeskription)
• Prüfungen: Bei Tests oder Übungen, die nicht textbasiert sind, sind beschreibende Identifikationen als Textalternative notwendig. (z.B. Online Bildertest muss Beschreibungen enthalten)
• Sensorische Inhalte: Nicht-Text-Inhalte, die auf Sinneserlebnisse abzielen, benötigen mindestens eine beschreibende Identifikation. (z.B. sinnliche Beschreibungen auf der Website einer Kunstgalerie)
• CAPTCHA: Für CAPTCHAs sind Textalternativen und alternative Formate erforderlich, die verschiedene Sinneswahrnehmungen und Behinderungen berücksichtigen. (z.B. neben visueller auch auditive Herausforderung)
• Dekoration und Formatierung: Rein dekorative oder formatierende Nicht-Text-Inhalte sollten von assistiven Technologien ignoriert werden können.

(A)

• 1.2.1 Nur Audio/Video (aufgezeichnet): Für aufgezeichnetes reines Audio und Video sind Alternativen oder eine Audiospur mit gleichwertigen Informationen erforderlich.
• 1.2.2 Untertitel (aufgezeichnet): Vorab aufgezeichnete Audioinhalte in synchronisierten Medien benötigen Untertitel.
• 1.2.3 Audiobeschreibung/Medienalternative (aufgezeichnet): Audiobeschreibung oder Medienalternative für vorab aufgezeichneten Videoinhalt in synchronisierten Medien. (z.B. auch für Effekte etc.)
• 1.2.4 Untertitel (Live): Live-Audioinhalte in synchronisierten Medien müssen Untertitel haben.

(AA)

• 1.2.5 Audiobeschreibung (aufgezeichnet): Audiodeskription für vorab aufgezeichnete Videoinhalte in synchronisierten Medien. (z.B. auch für Effekte etc.)
• 1.2.6 Gebärdensprache (aufgezeichnet): Gebärdensprachdolmetschung für aufgezeichnete Audioinhalte in synchronisierten Medien.

(AAA)

• 1.2.7 Erweiterte Audiobeschreibung (aufgezeichnet): Erweiterte Audiobeschreibung für vorab aufgezeichnete Videoinhalte in synchronisierten Medien, wenn nötig.
• 1.2.8 Medienalternative (aufgezeichnet): Medienalternativen für alle vorab aufgezeichneten synchronisierten und Nur-Video-Medien.
• 1.2.9 Nur Audio (Live): Alternative für zeitbasierte Medien für reine Live-Audioinhalte.

(A)

• 1.3.1 Informationen und Beziehungen: Informationen und Zusammenhänge, die durch Präsentation vermittelt werden, müssen programmierbar festlegbar sein oder in Textform vorliegen. (z.B. h1, h2 oder u1,u2 korrekt)
• 1.3.2 Sinnvolle Reihenfolge: Wenn die Reihenfolge der Inhaltspräsentation wichtig ist, muss eine korrekte Lesereihenfolge programmgesteuert bestimmbar sein. (z.B. auch wenn CSS deaktiviert ist, muss korrekte Lesereihenfolge eines Screenreaders gewährleistet sein)
• 1.3.3 Sensorische Eigenschaften: Anweisungen für das Verstehen und Bedienen von Inhalten dürfen sich nicht ausschließlich auf sensorische Merkmale wie Form, Farbe, Größe, visuelle Position oder Ton stützen. (z.B. statt: „drücken Sie auf den roten Knopf“, „drücken sie auf den roten Knopf in der rechten oberen Ecke“)

(AA)

• 1.3.4 Orientierung: Inhalte sollten nicht auf eine einzige Anzeigeausrichtung beschränkt sein, außer es ist wesentlich (z. B. Klavieranwendung oder VR-Inhalten).

(AAA)

• 1.3.5 Identifizieren Sie den Eingabezweck: Der Zweck jedes Eingabefelds, das Benutzerinformationen sammelt, muss programmgesteuert bestimmbar sein. (z.B. zur automatischen Erkennung und Ausfüllung des Feldes)
• 1.3.6 Identifizieren Sie den Zweck: In mit Auszeichnungssprachen implementierten Inhalten sollte der Zweck von Benutzeroberflächenkomponenten, Symbolen und Regionen programmgesteuert bestimmbar sein. (z.B. Elemente auf einer Learning-Platform mit ARIA-Rollen und Labels versehen)

(A)

• 1.4.1 Verwendung von Farbe: Farbe darf nicht das einzige Mittel zur Informationsvermittlung sein. (z.B. Hervorhebung auch durch Symbole usw.)
• 1.4.2 Audiosteuerung: Automatisch abgespielte Audios über 3 Sekunden müssen steuerbar sein (Anhalten, Lautstärkeregelung).

(AA)

• 1.4.3 Kontrast (Minimum): Text und Textbilder benötigen ein Kontrastverhältnis von mindestens 4,5:1, außer bei großem Text, dekorativen Elementen oder Logos. (z.B. Text zu Texthintergrund)
• 1.4.4 Textgröße ändern: Textgröße muss bis 200% änderbar sein, ohne Verlust von Inhalt oder Funktionalität.
• 1.4.5 Bilder von Text: Text sollte statt Textbildern verwendet werden, es sei denn für dekorative Zwecke oder wenn spezifische Präsentation wesentlich ist. (Für Screenreader)
• 1.4.10 Reflow: Inhalte müssen ohne zweidimensionales Scrollen darstellbar sein, außer bei spezifisch zweidimensionalen Inhalten.
• 1.4.11 Nicht-Text-Kontrast: Kontrastverhältnis von mindestens 3:1 für Benutzeroberflächenkomponenten und grafische Objekte.
• 1.4.12 Textabstand: Bestimmte Textabstände müssen ohne Inhalt- oder Funktionsverlust einstellbar sein.
• 1.4.13 Inhalte auf Hover oder Focus: Zusätzliche Inhalte, die durch Mauszeiger oder Tastaturfokus erscheinen, müssen bestimmte Bedingungen erfüllen (absetzbar, schwebefähig, hartnäckig). (z.B. Benutzer bewegt Maus über ein Symbol und es öffnet sich eine Leiste; diese muss solange offen bleiben bis die Maus bewegt wird oder die Leiste manuell geschlossen wird)

(AAA)

• 1.4.6 Kontrast (verbessert): Text und Textbilder benötigen ein Kontrastverhältnis von mindestens 7:1, mit ähnlichen Ausnahmen wie bei Minimalkontrast.
• 1.4.7 Schwacher oder kein Hintergrundton: Vorab aufgezeichnete Nur-Audio-Inhalte dürfen minimale oder keine Hintergrundgeräusche enthalten.
• 1.4.8 Visuelle Präsentation: Mechanismen zur Anpassung der visuellen Präsentation von Textblöcken (Farben, Breite, Ausrichtung, Zeilen- und Absatzabstand).
• 1.4.9 Bilder von Texten (keine Ausnahme): Textbilder nur für Dekoration oder wenn wesentlich. (Für Screenreader)