Zum Inhalt

Barrierefreie Anker

„Anker" sind Sprungziele, mit denen Tastatur- und Screenreader-Nutzende schnell zum richtigen Inhalt kommen — ohne sich durch Kopf, Toolbar oder das ganze Formular zu arbeiten. KCForms bringt drei aufeinander aufbauende Mechanismen mit; die ersten beiden wirken automatisch, der dritte ist eine Ein-Klick-Option.

Grundlage sind die Barrierefreiheits-Kriterien WCAG 2.4.1 „Bypass Blocks" und 2.4.5 „Multiple Ways". Wichtig bei allen Ankern: Beim Anspringen wandert nicht nur die Ansicht, sondern auch der Tastatur-Fokus zum Ziel.

Das erste Element, das ein Tastatur-Nutzer mit der Tab-Taste erreicht, ist ein Sprung-Anker zum Formularinhalt. Er ist normalerweise unsichtbar und wird erst bei Tastatur-Fokus sichtbar; ein Druck auf Enter setzt den Fokus direkt in den Formularbereich und überspringt Kopfzeile und Toolbar.

Sichtbarer Skip-Link bei Tastatur-Fokus, oben links über der Toolbar

Das gilt für jedes Formular — hier ist nichts einzustellen.

Abschnitte als Sprungziele & Regionen (automatisch)

Jede Abschnitts-Überschrift (kc:section) wird zu einem benannten Landmark-Bereich und zu einem stabilen Ankerziel. Screenreader können damit per Regions- bzw. Überschriften-Navigation gezielt von Abschnitt zu Abschnitt springen. Auch Feldgruppen mit sichtbarem Rahmen (Feldgruppen) sind über ihre Legende benannte Gruppen. Ebenfalls automatisch — die saubere Überschriften-Struktur genügt.

Inhaltsverzeichnis (optional)

Für lange, einseitige Formulare lässt sich oben ein Inhaltsverzeichnis einblenden: eine Anker-Liste zu allen Abschnitts-Überschriften plus einen „Nach oben"-Anker. Ein Klick springt zum Abschnitt und setzt den Fokus dorthin.

Inhaltsverzeichnis „Auf dieser Seite" mit Anker zu jedem Abschnitt

Einschalten: im Formular-Editor unter Formular-Eigenschaften → Darstellungsoptionen die Option „Inhaltsverzeichnis (Sprung-Anker zu den Abschnitten)" aktivieren. Das Verzeichnis erscheint ab zwei benannten Abschnitten und ist unabhängig von der Seitennavigation und Seitenleiste mehrseitiger Formulare.

Wann sinnvoll?

Am nützlichsten bei einem langen Formular auf einer Seite mit mehreren Abschnitten. Bei mehrseitigen Formularen übernehmen Tabs bzw. die Sidebar-Navigation die Orientierung.

Referenz: Schema-Schlüssel

Schlüssel Bedeutung
kc:showToc blendet das Inhaltsverzeichnis ein (ab 2 Abschnitten).

Skip-Link und Abschnitts-Anker brauchen keine Schema-Angabe — sie sind immer aktiv.