Zum Inhalt springen

Silktide prüft, ob jede Seite Besuchenden eine Möglichkeit bietet, direkt zu ihrem Hauptinhalt zu springen – vorbei an wiederholten Kopfbereichen und Navigation. Dies ist üblicherweise ein "Zum Inhalt springen"-Link am Seitenanfang oder eine Main-Landmarke.

<!-- Ein Skip-Link, der auf den Hauptinhalt zeigt -->
<a href="#main">Zum Hauptinhalt springen</a>
...
<main id="main">
  <h1>Willkommen</h1>
</main>

Warum das wichtig ist

Viele Menschen erleben Seiten sequentiell: Eine -Nutzerin oder ein -Nutzer hört Inhalte der Reihe nach, und eine Person, die die Tastatur verwendet, tabbt durch jeden Link. Da die meisten Websites auf jeder Seite denselben Kopfbereich und dieselbe Navigation wiederholen, müssen diese Personen sie auf jeder einzelnen Seite erneut durchqueren – eine blinde Besucherin oder ein blinder Besucher kann dutzende oder hunderte Navigationslinks anhören müssen, bevor der Inhalt erreicht wird. Ein Skip-Link oder eine Main-Landmarke nimmt diese Hürde.

Skip-Links müssen nicht für alle sichtbar sein. Ein gängiges Muster hält den Link verborgen, bis er erhält, sodass Ihr Design nicht beeinträchtigt wird.

So beheben Sie es

Fügen Sie ganz oben auf der Seite einen Link hinzu, der auf den Beginn Ihres Hauptinhalts zeigt, z. B. <a href="#main">Zum Hauptinhalt springen</a>.
Stellen Sie sicher, dass das Ziel existiert: Das Fragment muss mit der id eines realen Elements übereinstimmen, und das Zielelement muss sichtbar sein.
Alternativ (oder zusätzlich) markieren Sie Ihren Hauptinhalt mit einem <main>-Element oder role="main" – beides erfüllt diese Prüfung für sich allein.
Best Practice ist die Kombination beider Ansätze: ein Skip-Link, der auf die <main>-Landmarke zeigt, was mit der größten Bandbreite von Browsern und assistiven Technologien funktioniert:

<a href="#main">Zum Hauptinhalt springen</a>
...
<main id="main">...</main>

So testet Silktide dies

Seiten mit weniger als 500 sichtbaren Zeichen Text werden übersprungen – es gibt zu wenig Inhalt, um dorthin springen zu müssen.
Es wird nach einem Link gesucht, der auf ein Fragment (wie #main) auf derselben Seite zeigt. Damit er zählt, darf der Link nicht direkt an anderem Text angrenzen (was darauf hindeuten würde, dass er Teil eines Satzes und keine Navigationshilfe ist), und er muss entweder sichtbar sein oder in einer Screenreader-freundlichen Weise verborgen.
Der Linktext wird absichtlich nicht geprüft, damit die Prüfung in jeder Sprache funktioniert.
Ein Problem wird gemeldet, wenn:
- Das Fragment des Links auf eine id verweist, die auf der Seite nicht existiert (ein defekter Skip-Link).
- Der Link erst nach mehr als 500 sichtbaren Zeichen Text erscheint – zu spät, um den Nutzenden Aufwand zu ersparen.
- Kein Skip-Link existiert und die Seite keine <main>- oder role="main"-Landmarke hat.

Fehlerbehebung

Prüfen Sie die drei oben genannten Fehlerfälle: Die häufigsten Ursachen sind ein Fragment, das auf eine id verweist, die nicht mehr existiert, ein unsichtbares Zielelement sowie ein Cookie-Banner oder andere Inhalte, die den Link mehr als 500 Zeichen in die Seite verschieben.

Mein Inhalt beginnt oben auf der Seite

Wenn die Seite weniger als 500 sichtbare Zeichen hat, wird sie automatisch übersprungen. Längere Seiten benötigen dennoch einen Skip-Link oder eine Main-Landmarke, auch wenn der Inhalt früh beginnt, weil Silktide nicht zuverlässig erkennen kann, dass keine Navigation davor steht.