"Wer ‚A‘ sagt, muss auch immer ‚A‘ sagen!"
Kurzbeschreibung:
Die Beschriftungen deiner Navigations- beziehungsweise Interaktionselemente (Buttons, Icons, Formularfelder und so weiter) sollten immer gleich sein.
WCAG-Kriterien für: Content-Ersteller
Filter nach Rollen:
"Ein Untertitel fürs Video macht dich und deine Umgebung froh!"
Kurzbeschreibung:
Aufgezeichnete Videos benötigen Untertitel. Achte dabei auf eine Eins-zu-Eins-Untertitelung.
"Machst du deinen Live-Vortrag, sind Untertitel, was ich mag!"
Kurzbeschreibung:
Live-Vorträge benötigen einen Untertitel. Achte dabei auf eine Eins-zu-Eins-Untertitelung.
"Stecken in Audios und Videos wichtige Information, lohnt sich eine Alternative schon!"
Kurzbeschreibung:
Für Audiodateien oder Videos ohne Audio müssen Texte als Alternative bereitgestellt werden.
"Hast du Audiodeskription oder Volltext als Alternative, unterstelle ich dir edle Motive!"
Kurzbeschreibung:
Deine Videos benötigen eine Audiodeskription, wenn wichtiger Inhalt darin vorkommt, der nicht wörtlich beschrieben ist. Es reicht auch eine Volltext-Alternative, die ist allerdings nur WCAG-Level A und nicht AA.
"Beschreibst du Inhalte jeglicher Sorte, nutze nicht nur „grün, eckig“ oder andere sensorische Worte."
Kurzbeschreibung:
Um mir zu sagen, wo ich klicken soll, nutze Titel, Linktexte, Beschriftungen und so weiter. Also beschreibe Dinge, die ich mit assistiver Technologie verstehen kann. Mein Screenreader kann „unten links“ nicht sehen.
"Nutzt du nur Linktexte, wie „Mehr Lesen“ oder „Hier klicken“, werde ich dich gehörig anzicken!"
Kurzbeschreibung:
Linktexte müssen verständlich sein. Ein Link, mit dem Titel „mehr Lesen“, sagt mir nicht, wohin der Link führt. Auch Bilder, die als Links eingesetzt werden, benötigen einen verständlichen Text, wohin sie führen.
"Ich komme mir vor, als stehe ich im Wald, beschreiben deine Überschriften nicht den Inhalt."
Kurzbeschreibung:
Deine Überschriften beschreiben den Inhalt oder den Zweck. Auch die Beschriftungen von Formularen und Formularfeldern müssen Sinn ergeben.
"Halte deine Beschriftungen gleich, im sichtbaren und im versteckten Bereich."
Kurzbeschreibung:
Nutzt du versteckte Texte, um Links genauer zu beschreiben? Dann müssen diese genau so starten, wie der sichtbare Text. Beispiel: „Mehr erfahren“ und ARIA-Label: „Mehr erfahren über Barrierefreiheit.“
"Nutzt du andere Sprache in deinen Sätzen, musst du ein Lang-Attribut setzen."
Kurzbeschreibung:
Wenn du in deinem Text Phrasen aus einer anderen Sprache verwendest, muss das „lang“-Attribut im HTML gesetzt werden, damit assistive Technologien diese Sprache korrekt wiedergeben.
"Zeigen Bilder in Videos wichtige Information, brauchst du Audiodeskription!"
Kurzbeschreibung:
Videos benötigen eine Audiodeskription, wenn sie wichtige Inhalte vermitteln, die nicht über das gesprochene Wort benannt werden.
"Ich kann das Bild nicht sehen, drum schreib mir Text, ums zu verstehen!"
Kurzbeschreibung:
Jedes Bild, das Infos vermittelt oder dazu beiträgt, die Inhalte deiner Seite besser zu verstehen, benötigt einen Alternativtext bzw. eine Textalternative (zum Beispiel neben dem Bild) für Screenreader.
"Ist das Bild nur dekorativ, spar dir den Alt-Text definitiv!"
Kurzbeschreibung:
Ein Bild sollte ein leeres Alt-Attribut haben, wenn es nur einen dekorativen Effekt hat oder keine nützlichen Informationen vermittelt. Im Zweifel ist es besser, einen Alt-Text zu schreiben, als ihn wegzulassen.
Die WCAG-Kriterien als Poster!
WCAG Poster (Digital)
Unser Plakat der WCAG 2.2. Richtlinien als digitale Version. Die Auflösung ist 360dpi und sollte hoffentlich problemlos zoom-bar sein!Alle Erlöse deiner Bestellung gehen an: Lupus Erythematodes Selbsthilfegemeinschaft e. V.Zur Verkaufsseite des WCAG-Posters