Gehirngerecht Digital

Archive: WCAG-Kriterien

  • Illustration von einer Navigation. Ein Menü-Punkt hat ein Untermenü, welches ausgeklappt ist. Ein Mauszeiger hovert über den obersten Menü-Punkt.

    13. September 2023
    Eingeblendete Elementen (etwa Menüs oder Modale) sollten: a) Mit der Maus überfahrbar sein, ohne zu verschwinden. b) Sich nicht nach…
  • Illustration einer Tastatur.

    13. September 2023
    Deine Webseite muss vollständig mit der Tastatur bedient werden können. Ich muss mit der Tastatur alle Seiten erreichen können und…
  • Ein Modal, dessen Schließ-Button nicht mit der Tastartur zu erreichen ist.

    13. September 2023
    Wenn ich etwas mit Tastatur ansteuern kann, musst du sicherstellen, dass ich: a) nicht steckenbleibe und immer weg-navigieren kann und…
  • Illustration von den Tasten, S, Z und M. Daneben steht, wofür sie Kurzbefehle sind und ein Switch-Knopf, um sie an- und auszuschalten.

    13. September 2023
    Wenn deine Webseite einzelne Zeichen (Buchstaben, Ziffern, Sonderzeichen) mit Funktionen belegt, müssen diese anpassbar oder abschaltbar sein.
  • Illustration eines Modals, das den Nutzer warnt, dass er in 20 Sekunden ausgeloggt wird.

    13. September 2023
    Haben Inhalte oder Funktionen auf deiner Seite zeitliche Begrenzungen, müssen diese abschaltbar, anpassbar oder mehrfach verlängerbar sein – außer sie…
  • Eine Illustration von einem Slider auf einer Webseite. Der Slider hat ein Pause-Knopf, um ihn anzuhalten.

    13. September 2023
    Animationen, die auf deiner Webseite automatisch starten, müssen pausiert, gestoppt oder versteckt werden können, wenn sie länger als fünf Sekunden…
  • Ein Beispiel von einem Sprunglink in einem Header.

    13. September 2023
    Auf deiner Seite muss es eine Möglichkeit geben, Bereiche, die sich wiederholen, wie Header und Footer, zu überspringen. Nutze dafür…
  • Beispiel eines Dokumenttitels mit Namen der Seite auf der man sich befindet plus Namen der ganzen Webseite.

    13. September 2023
    Jede Seite benötigt einen sinnvollen HTML-Titel, damit ich sie im Browser leichter finden kann. Der Titel sollte den »Namen der…
  • Eine Seite mit Zahlen-Markierungen für die Reihenfolge, in der die Elemente angesteuert werden sollen.

    13. September 2023
    Mit der Tastatur (Tab-Taste) oder einem Screenreader sollten die Inhalte deiner Webseite in einer sinnvollen Reihenfolge angesteuert werden können. Im…
  • Illustration von zwei Buttons. Ein mal von einem Finger gedrückt und ein mal nicht gedrückt. Darüber steht, dass nicht direkt eine Aktion ausgeführt werden darf, wenn man den Finger auf einem Bedienelement hat.

    13. September 2023
    Aktionen, die über eine einfache Eingabe ausgeführt werden, dürfen nicht bereits beim Tippen oder Klicken und Halten ausgeführt werden, sondern…