Praxisleitfaden Wiederholte Inhalte überspringen
Den direkten Weg zum Inhalt prüfen
Erkennen Sie fehlende Sprungmöglichkeiten und prüfen Sie den tatsächlichen Nutzerweg.
bypassWCAG 2.4.1
Sehen Sie, was sich durch die Korrektur ändert.
Zuletzt geprüft: Permalink: https://spanier.one/wcag-bypass.html
Prüfhinweis verstehen
Große Schrift ersetzt keine Überschrift
Scanner-Signal
bypass meldet für html einen offenen Prüfhinweis: kein gültiger Sprunglink, keine erkannte Überschrift und kein Hauptbereich.
Technische Einordnung
- Regel
bypass- Referenz
- WCAG 2.4.1
Auf der Rechner-Seite trägt auch „Rechnen wird zur Maschine“ role="presentation". Dadurch fehlt die Überschriftensemantik. Der umgebende Inhaltscontainer ist ein gewöhnliches div. Der Scanner findet hier keinen der von dieser Regel geprüften Wege zum Inhalt.
Bedeutung im Nutzungskontext
Menschen mit Screenreader können den sichtbaren Abschnittstitel nicht als Überschrift anspringen. Ob zusätzlich wiederkehrende Seitenblöcke einen Umweg erzwingen, muss an zusammengehörigen Seiten geprüft werden; der Hinweis allein beweist keinen Verstoß gegen WCAG 2.4.1.
Vorher: technische Diagnose
Axe-Ziel: html
Ergebnis: incomplete
Kein gültiger Sprunglink
Keine erkannte Überschrift
Kein erkannter Hauptbereich
Sichtbare Beispielstelle: h2 mit role="presentation"Seitenvorlagen gemeinsam prüfen
Wiederholte Blöcke erkennen Sie im Seitenvergleich. Eine korrigierte Überschrift allein bestätigt noch keinen nutzbaren Weg zum Inhalt.
- Rechnergeschichte× Befund im Beispiel
- Zahlensysteme× Befund im Beispiel
- Kontakt Ohne diesen Befund im Beispiel
Nach der Änderung erneut prüfenVergleichen Sie wiederholte Blöcke und testen Sie die angebotenen Zugänge auf den betroffenen Seiten.
Schematische Zuordnung, kein Scanergebnis. „Ohne diesen Befund“ sagt nichts über andere Barrieren aus.
Welche Inhalte sollen übersprungen werden?
Bestimmen Sie zuerst wiederkehrende Blöcke und den Inhalt, der danach erreichbar sein soll.
| Fall | Wann trifft er zu? | Passende Umsetzung |
|---|---|---|
| Wiederkehrender Seitenkopf | Navigation oder andere Blöcke stehen auf mehreren zusammengehörigen Seiten vor dem eigentlichen Inhalt. | Ein früh erreichbarer Sprunglink kann direkt hinter diesen Block führen. Prüfen Sie Ziel, Fokus und die anschließende Tab-Reihenfolge. |
| Vorhandene Struktur unzugänglich | Abschnittstitel sind sichtbar, aber durch Präsentationsrollen ihrer Semantik beraubt. | Stellen Sie passende Überschriften und einen Hauptbereich wieder her. So erhält assistive Technik erkennbare Navigationsziele. |
| Kein wiederholter Block festgestellt | Der Scan zeigt nur eine einzelne Seite ohne erkennbaren Überspringmechanismus. | Vergleichen Sie weitere Seiten und dokumentieren Sie den tatsächlichen Bedarf. Ein fehlender Sprunglink allein ist kein abschließender Befund. |
Beispiel untersuchen
Der Abschnitt bleibt vollständig im Blick
Der Beleg zeigt den ganzen ersten Inhaltsabschnitt der Rechner-Seite: Titel, Einführung und Zeitstrahl. Die Markierung lokalisiert eine fehlende Überschriftensemantik; der zugehörige Axe-Hinweis betrifft das Dokument.
Der Titel sieht wie eine Überschrift aus, ist für assistive Technik aber keine. Die vier Entwicklungsstufen darunter machen deutlich, welchen Inhalt dieses Navigationsziel erschließen soll.
Struktur wiederherstellen
Hauptbereich und Abschnittstitel auszeichnen
Im Korrekturbeispiel bekommt der vorhandene Inhaltscontainer role="main". Am Titel des ersten Abschnitts entfällt role="presentation". Text und Darstellung bleiben gleich; die Seite bietet jetzt einen Hauptbereich und eine Überschrift der Ebene 2.
Im Seitentemplate Bei einer regulären Überarbeitung können Sie den Inhaltscontainer als natives main ausgeben. Prüfen Sie alle Abschnittstitel und die gesamte Gliederung; das Beispiel korrigiert gezielt nur den ersten Abschnittstitel.
Vorher
<div class="main-content">
<section class="chapter">
<h2 role="presentation">Rechnen wird zur Maschine</h2>
…
</section>
</div>Nachher
<div class="main-content" role="main">
<section class="chapter">
<h2>Rechnen wird zur Maschine</h2>
…
</section>
</div>Markierte Zeilen wurden geändert
Im Produkt umsetzen
Den ganzen Weg zum Inhalt berücksichtigen
Eine erkennbare Struktur muss zur Aufgabe und zur tatsächlichen Bedienung passen.
- 1
Legen Sie den Beginn des Hauptinhalts hinter dem wiederholten Seitenkopf fest und zeichnen Sie diesen Bereich eindeutig aus.
- 2
Geben Sie Abschnittstitel als echte Überschriften in einer nachvollziehbaren Hierarchie aus; entfernen Sie unpassende Präsentationsrollen.
- 3
Wenn Sie einen Sprunglink einsetzen, platzieren Sie ihn vor dem zu überspringenden Block und machen Sie ihn spätestens bei Tastaturfokus sichtbar.
- 4
Testen Sie nach Aktivierung des Sprunglinks auch den nächsten Tab-Schritt. Ein bloßes Scrollen zum Ziel kann den Tastaturweg unverändert lassen.
- 5
Übernehmen Sie die Lösung in die gemeinsamen Seitentemplates und prüfen Sie jede betroffene Inhaltsvariante.
Fehlschlüsse vermeiden
Ein Scanner-Signal ist noch kein nutzbarer Weg
Nur eine beliebige Überschrift ergänzen
Die Regel kann eine Überschrift erkennen, ohne zu wissen, ob sie den gewünschten Inhalt sinnvoll erschließt. Prüfen Sie Position, Ebene und Inhalt der Gliederung.
Hauptbereich mit Tastatursprung gleichsetzen
Eine Landmarke unterstützt die Navigation assistiver Technik. Sie erzeugt allein keinen Sprunglink für Menschen, die nur mit Tab navigieren.
Sprungziel nur optisch erreichen
Eine geänderte Scrollposition reicht nicht als Beleg. Der Fokus und die weitere Bedienung müssen am beabsichtigten Inhalt fortgesetzt werden können.
Jeden fehlenden Sprunglink als Verstoß bewerten
WCAG 2.4.1 betrifft wiederholte Inhaltsblöcke und lässt unterschiedliche Mechanismen zu. Prüfen Sie vorhandene Alternativen und zusammengehörige Seiten.
Struktur erkannt, Nutzerweg noch offen
Die erneute Axe-Prüfung erkennt eine Überschrift und einen Hauptbereich. Zusätzlich bestätigt der Browser die sichtbare Überschrift „Rechnen wird zur Maschine“ als Ebene 2 innerhalb des Hauptbereichs. Das bleibt ein Korrekturbeispiel mit manueller Prüfung.
Im Beispiel dokumentiert
Korrekturbeispiel · Manuell nachprüfen
Der Inhaltscontainer besitzt role="main"; am ersten Abschnittstitel wurde role="presentation" entfernt. Das Bild bleibt unverändert.
Was Sie zusätzlich beurteilen müssen
Es wurde kein Sprunglink ergänzt und kein vollständiger Tastatur- oder Screenreader-Nutzerweg manuell abgenommen. Der technische Zustandswechsel bestätigt weder WCAG-Konformität noch die Behebung aller Barrieren.
Was Automatisierung erkennt und Menschen beurteilenPrüfauftrag für Ihre Umsetzung
- Mit einem Screenreader den Hauptbereich und danach den Abschnittstitel ansteuern; die Ausgabe muss zum folgenden Zeitstrahl führen.
- Auf mehreren zusammengehörigen Seiten wiederholte Blöcke bestimmen und prüfen, ob jeder davon sinnvoll übersprungen werden kann.
- Den Weg zusätzlich ohne Screenreader mit Tastatur durchlaufen. Einen vorhandenen Sprunglink aktivieren, Fokuslage und nächsten Tab-Schritt kontrollieren.
- Weitere Überschriften, mobile Menüs und dynamische Seitenwechsel gesondert prüfen; sie wurden hier nicht repariert.
Nachher: nachgewiesene Struktur
Axe-Ziel: html
Technischer Befund: Überschrift und Hauptbereich erkannt
Browserprüfung: sichtbare Überschrift, Ebene 2, innerhalb von main
Bildinhalt: unverändert
Redaktioneller Status: Korrekturbeispiel
Manuelle Prüfung: weiterhin erforderlichPrüfumfang festhalten
Was Automatisierung erkennt und Menschen beurteilen
Die Regel liefert strukturelle Anhaltspunkte; der nutzbare Weg entscheidet über die Bewertung.
Automatisch prüfbar
- Hinweise auf interne Sprunglinks, Überschriften und einen Hauptbereich in der geladenen Seite ermitteln.
- Die korrigierte Semantik erneut prüfen und Veränderungen im Seitentemplate sichtbar machen.
Im Kontext zu entscheiden
- Zusammengehörige Seiten vergleichen und tatsächlich wiederholte Inhaltsblöcke bestimmen.
- Prüfen, ob die angebotenen Mechanismen diese Blöcke mit Tastatur und assistiver Technik wirksam umgehen.
- Fokus, Leseposition, Orientierung und Fortsetzung der Aufgabe nach dem Sprung beurteilen.
- Die vollständige Gliederung und relevante Zustände wie geöffnete Navigation oder Seitenwechsel bewerten.