Accessible pagination
Seitennavigation braucht mehr als klickbare Ziffern.
Erzeugen Sie echte Seiten-URLs, benennen Sie die Navigation, markieren Sie genau eine aktuelle Seite und legen Sie fest, wo das Lesen nach dem Wechsel weitergeht.
01 / Routenlabor
Linkstrecke bauen und den Übergang prüfen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Routenlabor Ihnen.
Pagination-Routenlabor
Linkstrecke bauen. Übergang prüfen.
/produkte?sort=neu&farbe=blau&seite=325–36 von 108 Produkten
Ergebnisse · Seite 3
<nav aria-label="Produktseiten">
<a href="/produkte?sort=neu&farbe=blau&seite=2">Zurück</a>
<a href="/produkte?sort=neu&farbe=blau&seite=1" aria-label="Seite 1">1</a>
<span aria-current="page">3</span>
<a href="/produkte?sort=neu&farbe=blau&seite=4">Weiter</a>
</nav>Pagination bereit. Seite 3 von 7 ist als aktuelle Seite markiert.
02 / Der Unterschied
Ein Muster ist der Anfang, nicht die Website.
Der Seitenwechsel verliert den Kontext
Ziffern ohne Linknamen, fehlende Seiten-URLs und ein Fokus, der nach dem Wechsel hängen bleibt, lassen Nutzerinnen und Nutzer die Position verlieren.
Der Check prüft die veröffentlichte Strecke
Der Website-Check findet Seitenlinks ohne adressierbares Ziel, fehlende oder mehrfache aria-current-Markierungen und unbenannte Navigationsbereiche auf Ihren Seiten.
Fundstellen mit nächstem Schritt
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigene Seitennavigation prüfen.
Das Routenlabor prüft das Muster. Der Website-Check prüft die Pagination auf Ihren veröffentlichten Seiten.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis