Gehirngerecht Digital

Archive: WCAG-Kriterien

  • Eine Illustration von einem Video mit einer Lautsprecher Icon, das hören symbolisiert.

    Audiodeskription für Videos

    13. September 2023
    Videos benötigen eine Audiodeskription, wenn sie wichtige Inhalte vermitteln, die nicht über das gesprochene Wort benannt werden.
  • Drei Zustände eines Buttons, die flackern symbolisieren sollen.

    Verzicht auf Flackern

    12. September 2023
    Verzichte auf Elemente, die schnell hintereinander aufblitzen. Darunter fallen etwa wild blinkende Buttons oder auch hektische GIFs.
  • Illustration von einem Formularfeld. Darauf steht Personen-Daten-Formular. Es sind zwei Eingabefelder zu sehen, Name und Kreditkartennummer. Darunter ist jeweils ein autocomplete-tag mit der richtigen Bezeichnung für das Feld.

    Eingabefelder vermitteln den Zweck

    12. September 2023
    Wenn User persönliche Daten eingeben müssen, sollten die Eingabefelder mit dem richtigen Autocomplete-Attribut versehen sein.
  • Illustration von einem Bild, dass an den Stil von Picasso erinnert. Daneben eine Illustration von einem Roboter-Kopf, der einen Screenreader darstellt. Der Screenreader beschreibt das Bild und sagt: Ein echter Picasso!

    Alternativtexte Grafiken

    9. September 2023
    Jedes Bild, das Infos vermittelt oder dazu beiträgt, die Inhalte deiner Seite besser zu verstehen, benötigt einen Alternativtext bzw. eine…
  • Drei Illustrationen von dekorative Grafiken. Daneben eine Illustration von einem Roboter-Kopf, der einen Screenreader darstellt. Er liest nichts vor, weil die Bilder keinen Alt-Text haben.

    Leere Alt Attribute

    9. September 2023
    Ein Bild sollte ein leeres Alt-Attribut haben, wenn es nur einen dekorativen Effekt hat oder keine nützlichen Informationen vermittelt. Im…