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 detailierte 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 Icon schon.

Mehr Checklisten?

Noch mehr hilfreiche Checklisten findest du in unserem Onlinekurs: Digitiale Barrierefreiheit für Designer*innen.

Zum Design-Kurs

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 Onlinekurs: Digitiale Barrierefreiheit für Content & Redaktion.

Zum Content-Kurs