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
    Elemente, die per Fokus oder Hover eingeblendet werden (wie Untermenüs), sollten per ESC-Taste zu schließen sein. Außerdem dürfen sie sich…
  • Illustration einer Tastatur.

    13. September 2023
    Eine Website muss komplett mit der Tastatur bedienbar sein. Dabei muss man alle Inhalte erreichen können, und alle wichtigen Funktionen…
  • Ein Modal, dessen Schließ-Button nicht mit der Tastartur zu erreichen ist.

    13. September 2023
    Wenn ein Element den Fokus über die Tastatur erhalten kann, muss es auch möglich sein, den Fokus per Tastatur wieder…
  • 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 Website einzelne Zeichen (Buchstaben, Ziffern, Sonderzeichen) mit Funktionen belegt, sollten diese Tastenkürzel anpassbar oder abschaltbar sein.
  • Illustration eines Modals, das den Nutzer warnt, dass er in 20 Sekunden ausgeloggt wird.

    13. September 2023
    Zeitliche Begrenzungen auf einer Seite müssen abschaltbar oder verlängerbar sein. Man darf User also nicht einfach ausloggen, ohne sie zu…
  • Eine Illustration von einem Slider auf einer Webseite. Der Slider hat ein Pause-Knopf, um ihn anzuhalten.

    13. September 2023
    Animationen, die auf deiner Website automatisch starten und länger als 5 Sekunden dauern, müssen pausiert, gestoppt oder ausgeblendet werden können.
  • Ein Beispiel von einem Sprunglink, der in einem Header angezeigt wird und mir ermöglicht direkt zum Hauptinhalt zu springen.

    13. September 2023
    Auf einer Website muss es möglich sein, wiederholende Bereiche (wie Header und Footer) zu überspringen. Nutze dafür am besten versteckte…
  • Beispiel eines Dokumenttitels mit Namen der Seite auf der man sich befindet plus Namen der ganzen Webseite.

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

    13. September 2023
    Mit der Tastatur (Tab-Taste) muss man die Inhalte deiner Website in einer sinnvollen Reihenfolge ansteuern können. Normalerweise folgt die Tab-Reihenfolge…
  • 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
    Das Drücken und Halten eines Buttons oder Links (mit Maus oder Finger) darf nicht direkt eine Aktion auslösen. Erst das…