Gehirngerecht Digital

Checklisten für die digitale Barrierefreiheit

Hier findest du Checklisten, die dir dabei helfen, nichts zu vergessen! Für jede Checkliste gibt es eine detaillierte Erklärung der Anforderungen und einen Link zu einer abhakbaren Liste. WORK IN PROGRESS: Weitere Listen folgen!

CheckListen fürs Design

  • Ohne Farbe nutzbar

    Nutzt du Farben in deinem Design, um wichtige Infos zu vermitteln? Dann solltest du dir diese Checkliste zu Herzen nehmen!

    Ein schwarz-weißes Formular mit Fehler. Der Fehler ist zu erkennen, weil die Meldung in Text dabei steht und nicht nur Rot als Farbe genutzt wird, um den Fehler anzuzeigen.

  • Kontraste

    Diese Checkliste hilft dir dabei, die immer wiederkehrenden Fragen über Kontraste endgültig zu beantworten!

    Ein Vergleich von zwei Icons. Das Erste ist gelb und erfüllt nicht die Kontrast-Anforderungen von 3 zu 1 zum Hintergrund. Das zweite schwarze Icon erfüllt sie.

Mehr Checklisten?

Noch mehr hilfreiche Checklisten findest du in unserem E-Learning: Digitale Barrierefreiheit fürs Design.

Zum Design-E-Learning

CheckListen für Content

  • Linktexte

    So schreibst du Linktexte für deine Webseite, die den WCAG-Anforderungen gerecht werden!

    Zwei Links. Der eine heißt nur „hier klicken“. Der andere „Zur Produktübersicht“.

  • Bilder

    So nutzt und beschreibst du deine Bilder richtig, um sie barrierefrei und zugänglich für alle zu machen!

    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!

Mehr Checklisten?

Noch mehr hilfreiche Checklisten findest du in unserem E-Learning: Digitale Barrierefreiheit für die Redaktion.

Zum Redaktion-E-Learning