Eine Webseite ist kein gedrucktes Plakat – sie lebt von der Interaktion. Nutzer klicken auf Links, füllen Formulare aus oder navigieren mit der Tastatur. In diesem Teil meiner Kursreihe zeige ich Ihnen, wie Sie mit CSS dafür sorgen, dass diese Interaktionen für alle Menschen barrierefrei sind.
Der Fokus-Zustand: Wegweiser für Tastaturnutzer
Stellen Sie sich vor, Sie bedienen Ihren Computer ohne Maus, nur mit der Tabulator-Taste. Sie springen von Link zu Link. Wenn Sie nicht sehen, wo Sie sich gerade befinden, sind Sie verloren.
Menschen mit motorischen Einschränkungen oder blinde Menschen, die eine Tastatur nutzen, sind auf den sogenannten Fokus-Ring angewiesen. Viele Webdesigner löschen diesen Rahmen leider mit outline: none;, weil sie ihn „hässlich“ finden. Das ist eine der größten Barrieren im Web!
„CSS lernen leicht gemacht: Interaktion und Barrierefreiheit“ weiterlesen
