Anforderung 2.4: Navigierbar

Anforderung 2.4 der BITV 2.0 betrifft Skip-Links, Fokus, Seitentitel, Navigationshilfen und Breadcrumbs, damit Nutzer Inhalte schnell finden und ihre Position auf der Seite behalten. Ohne gute Navigierbarkeit können Menschen mit Screenreader, Tastatur oder Vergrößerung leicht den Überblick verlieren. WCAG 2.4 und EN 301 549 beschreiben deshalb, wie Blöcke übersprungen, Links verständlich benannt und der Fokus sichtbar gehalten werden muss. Das ist für öffentliche Stellen ebenso relevant wie für bestimmte Produkte und Dienstleistungen für Verbraucherinnen und Verbraucher im BFSG.

Was wird bei Anforderung 2.4 gefordert?

• 2.4.1 Blöcke überspringen: Wiederkehrende Bereiche wie Navigation sollen übersprungen werden können.
• 2.4.2 Seite mit Titel: Jede Seite braucht einen aussagekräftigen Seitentitel.
• 2.4.3 Fokus-Reihenfolge: Die Tab-Reihenfolge muss der logischen Reihenfolge folgen.
• 2.4.4 Linkzweck im Kontext: Linktexte sollen auch im Zusammenhang verständlich sein.
• 2.4.5 Verschiedene Methoden: Inhalte müssen auf mehr als eine Weise auffindbar sein.
• 2.4.6 Überschriften und Beschriftungen: Headings und Labels sollen Inhalt und Zweck klar benennen.
• 2.4.7 Fokus sichtbar: Der Tastaturfokus muss deutlich erkennbar sein.
• 2.4.8 Position (Priorität II): Nutzer sollen ihre Position auf der Seite nachvollziehen können; in EN 301 549 V3.2.1 nur informativ in Tabelle 9.1 gelistet.
• 2.4.9 Linkzweck nur Link (Priorität II): Linktexte sollen auch ohne Kontext sinnvoll sein; in EN 301 549 V3.2.1 nur informativ in Tabelle 9.1 gelistet.
• 2.4.10 Abschnittsüberschriften (Priorität II): Längere Inhalte sollen gute Section Headings haben; in EN 301 549 V3.2.1 nur informativ in Tabelle 9.1 gelistet.
• 2.4.11 Fokus nicht verdeckt Minimum: Der Fokus darf nicht von fixen UI-Elementen überdeckt werden.
• 2.4.12 Fokus nicht verdeckt Erweitert (Priorität II): Der Fokus soll möglichst immer sichtbar bleiben; in EN 301 549 V3.2.1 nur informativ in Tabelle 9.1 gelistet.
• 2.4.13 Fokus-Erscheinungsbild: Der Fokusindikator muss ausreichend deutlich und groß genug sein.

2.4.1 Blöcke überspringen

Wiederkehrende Bereiche wie Hauptnavigation, Seitensuche oder Footer-Links müssen übersprungen werden können. Das ist besonders wichtig für Screenreader- und Tastaturnutzer, die nicht bei jedem Seitenaufruf dieselben Links hören oder durchlaufen wollen. Skip-Links sparen Zeit und machen lange Seiten deutlich angenehmer nutzbar. Sie helfen auch bei Seiten mit vielen Menüpunkten oder großen Werbebereichen.

Umsetzung: Biete einen gut sichtbaren Skip-Link wie „Zum Inhalt springen“ an. Auf einer langen Wissensseite sollte der erste Tastaturfokus direkt zum Hauptinhalt führen können. Wiederkehrende Navigationselemente können so übersprungen werden, ohne die restliche Struktur zu verändern.

2.4.2 Seite mit Titel

Jede Seite braucht einen Titel, der ihren Inhalt klar beschreibt. Das hilft bei Tab-Wechseln, Browser-Tabs und der Orientierung in Suchergebnissen oder Lesezeichen. Ein allgemeiner Titel wie „Startseite“ reicht oft nicht aus, wenn die Seite einen konkreten fachlichen Inhalt hat. Der Seitentitel sollte die Seite eindeutig von anderen Seiten derselben Website unterscheiden.

Umsetzung: Verwende einen präzisen Title-Tag wie „Anforderung 2.4 BITV 2.0: Navigierbar“. Wenn es mehrere Unterseiten gibt, sollte jeder Titel die jeweilige Seite klar benennen. So wird auch im Browser-Tab sofort sichtbar, wo man sich befindet.

2.4.3 Fokus-Reihenfolge

Die Reihenfolge, in der Tastaturfokus durch die Seite wandert, muss der logischen Reihenfolge folgen. Wenn der Fokus plötzlich springt oder Elemente in einer unverständlichen Reihenfolge anspringt, kann das die Orientierung erschweren. Das ist besonders kritisch bei komplexen Layouts, Modals und dynamischen Komponenten. Die Fokus-Reihenfolge soll den Sinn der Seite erhalten, nicht nur die Optik.

Umsetzung: Prüfe mit Tab, ob die Reihenfolge Überschrift, Inhalt, Navigation und Formular logisch durchläuft. Ein Modal-Dialog sollte den Fokus sauber übernehmen und beim Schließen an die vorherige Stelle zurückgeben. Custom-Widgets wie Dropdowns oder Akkordeons brauchen eine nachvollziehbare Fokusführung.

2.4.4 Linkzweck im Kontext

Linktexte müssen im Kontext verständlich sein, damit Nutzer wissen, wohin ein Link führt. Formulierungen wie „hier klicken“ oder „mehr“ sind allein oft zu ungenau. Das ist wichtig für Screenreader-Nutzer, die Links häufig aus einer Linkliste heraus hören. Ein guter Linktext benennt das Ziel oder die Aktion so klar, dass der Zweck erkennbar bleibt.

Umsetzung: Schreibe statt „mehr“ lieber „Mehr zu Anforderung 2.4“. In einem Artikel über Barrierefreiheit sollte der Link zu einer Unterseite nicht nur „lesen“ heißen, sondern das Thema nennen. Wenn ein Link in einem Satz steht, muss der Kontext den Zweck wirklich tragen.

2.4.5 Verschiedene Methoden

Inhalte sollen auf mehr als eine Weise auffindbar sein. Das ist wichtig, weil nicht alle Nutzer über dieselbe Navigationsstrategie zur gewünschten Information kommen. Breadcrumb, Suche, Inhaltsverzeichnis oder thematische Navigation helfen dabei, unterschiedliche Wege anzubieten. Besonders bei großen Wissensdatenbanken ist das ein zentraler Orientierungspunkt.

Umsetzung: Biete neben der Hauptnavigation auch Suche, Breadcrumb und thematische Übersichten an. Eine Unterseite zu einem WCAG-Kriterium sollte also nicht nur über Menüebenen erreichbar sein. So finden Nutzer Inhalte auch dann, wenn sie nicht exakt den vorgesehenen Pfad gehen.

2.4.6 Überschriften und Beschriftungen

Überschriften und Beschriftungen sollen den Inhalt klar vorwegnehmen. Wenn eine H2 „Hinweis“ heißt, aber eigentlich eine technische Anweisung enthält, wird die Orientierung schwächer. Gute Überschriften helfen beim Scannen, beim Springen mit Screenreader und beim Verstehen langer Seiten. Labels sollten ebenfalls so formuliert sein, dass man den Zweck eines Feldes sofort erkennt.

Umsetzung: Nutze präzise H2s wie „2.4.3 Fokus-Reihenfolge“ statt sehr allgemeiner Formulierungen. Ein Formularfeld sollte „E-Mail-Adresse“ heißen, nicht nur „Kontakt“. Gute Überschriften und Beschriftungen sind kurz, aber eindeutig.

2.4.7 Fokus sichtbar

Wenn die Tastatur auf einem Element steht, muss das visuell erkennbar sein. Ohne sichtbaren Fokus wissen Tastaturnutzer nicht, wo sie sich gerade befinden. Das ist besonders wichtig bei Links, Buttons, Formularfeldern und Navigationsmenüs. Ein klarer Fokus hilft auch Menschen mit eingeschränktem Sehvermögen oder Zoom-Nutzung.

Umsetzung: Gestalte einen deutlichen Fokusrahmen oder eine andere sichtbare Hervorhebung. Ein Button darf den Fokus nicht komplett verlieren, nur weil das Design sehr minimalistisch ist. Teste die Seite mit Tab-Navigation, um den Fokus auf jedem Element sofort zu sehen.

2.4.8 Position

Diese Priorität-II-Anforderung ist in EN 301 549 V3.2.1 nur informativ in Tabelle 9.1 gelistet. Sie verlangt, dass Nutzer ihre Position auf der Seite nachvollziehen können, etwa über Breadcrumbs oder eine klare Einordnung im Seitennetz. Gerade bei langen Wissensseiten ist es wichtig zu wissen, wo man sich gerade befindet. Das unterstützt Orientierung und schnelleres Zurückfinden.

Umsetzung: Nutze Breadcrumbs und eindeutige Abschnittsüberschriften. Ein Nutzer sollte erkennen können, ob er auf der Startseite, in einer Normübersicht oder in einer Unteranforderung steht. Die Position darf nicht nur visuell, sondern sollte auch semantisch nachvollziehbar sein.

2.4.9 Linkzweck nur Link

Diese Priorität-II-Anforderung ist in EN 301 549 V3.2.1 nur informativ in Tabelle 9.1 gelistet. Linktexte sollen auch dann sinnvoll sein, wenn sie isoliert gelesen werden, etwa in einer Linkliste oder in Assistenztechnik. Das ist strenger als 2.4.4 und besonders hilfreich in Dokumenten mit vielen Verweisen. Gute Linktexte machen die Zielseite ohne zusätzlichen Satz verständlich.

Umsetzung: Vermeide Links wie „hier“ oder „weiter“. Stattdessen sollte der Link schon allein sagen, worum es geht, etwa „Anforderung 2.4 Navigierbar“. So bleibt die Orientierung auch in Linksammlungen und Exporten erhalten.

2.4.10 Abschnittsüberschriften

Diese Priorität-II-Anforderung ist in EN 301 549 V3.2.1 nur informativ in Tabelle 9.1 gelistet. Längere Inhalte sollten klare Abschnittsüberschriften haben, damit Nutzer Themen schnell finden und überspringen können. Das erleichtert das Scannen auf der Seite und in Screenreader-Übersichten. Besonders Wissensseiten und Fachartikel profitieren davon.

Umsetzung: Gib jedem Themenblock eine eindeutige Section Heading. Ein längerer Artikel über BITV-Kriterien sollte nicht in einem einzigen Textblock stehen. Gute Abschnittsüberschriften machen das Navigieren und Verlinken deutlich einfacher.

2.4.12 Fokus nicht verdeckt Erweitert

Diese Priorität-II-Anforderung ist in EN 301 549 V3.2.1 nur informativ in Tabelle 9.1 gelistet. Sie geht über das Mindestmaß hinaus und verlangt einen noch konsequenter sichtbaren Fokus. Das ist besonders wertvoll bei Seiten mit vielen schwebenden Elementen oder komplexem Layout. So bleibt die Tastaturnavigation auch unter schwierigen Bedingungen stabil.

Umsetzung: Sorge dafür, dass der Fokus selbst bei Überlagerungen und Zoom sichtbar bleibt. Ein Nutzer sollte auch bei 400 Prozent Vergrößerung noch erkennen, welches Element aktiv ist. In dichtem Layout ist ein großzügiger Fokusabstand oft die beste Lösung.

2.4.13 Fokus-Erscheinungsbild

Der Fokusindikator muss klar genug sein, damit Nutzer ihn sofort erkennen. Wenn der Rahmen zu dünn, zu schwach oder zu klein ist, kann das die Orientierung erschweren. Das betrifft Links, Buttons, Formfelder und eigene Steuerelemente gleichermaßen. Ein deutlich sichtbarer Fokus ist ein wichtiger Teil der Tastaturbedienbarkeit.

Umsetzung: Verwende einen ausreichend dicken, kontrastreichen Fokusrahmen oder eine klar erkennbare Hervorhebung. Ein subtiler Farbwechsel allein reicht oft nicht aus, wenn er kaum sichtbar ist. Teste den Fokus mit Tastatur und verschiedenen Farbschemata, damit er robust bleibt.

Häufige Fragen zu Anforderung 2.4

Einordnung in weitere Normen

Anforderung 2.4 basiert auf WCAG 2.2 Richtlinie 2.4. Im europäischen Standard EN 301 549 sind die normativen Anforderungen unter Abschnitt 9.2.4 verankert.