Homepage Navigation · Route Map
Homepage Navigation in klare Routen teilen.
Ordnen Sie Hauptaufgaben, Servicewege und Footer-Links in getrennte Ebenen. Jede wichtige Linkgruppe erhält ein passendes <nav>, einen eindeutigen Namen und eine Liste. aria-current="page" zeigt den aktuellen Ort; die DOM-Reihenfolge gibt den Fokusweg vor.
01 / Live-Routenplan
Ebene wählen, Weg sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Navigationspult Ihnen.
Navigationspult
Eine Homepage. Drei Wege.
aktuelle Seite
<nav aria-label="Haupt">
- Landmark-Name
- Navigation „Haupt“
- Aktueller Zustand
- Leistungen · aria-current="page"
- Listengruppe
<ul>· 3<li>- Fokusroute
- 1 Start → 2 Leistungen → 3 Wissen
Der Footer braucht nur für einen wichtigen Linkblock ein eigenes <nav>. Kurze Rechtshinweise können direkt im <footer> stehen.
02 / Der Unterschied
Drei Ebenen sind der Anfang, nicht die ganze Website.
Navigationen klingen alle gleich
Ohne eigene Namen melden Screenreader Haupt-, Service- und Footer-Bereich jeweils nur als „Navigation“. Wer sie nicht unterscheiden kann, landet im falschen Block.
Was der Check auf Ihrer Seite findet
Der Website-Check prüft jede Seite auf unterscheidbare Landmark-Namen, Sprunglinks zum Inhalt und Listenstruktur in Navigationsbereichen.
Fundstellen statt Bauchgefühl
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigene Navigation prüfen.
Die Route Map zeigt das Prinzip. Der Website-Check prüft Ihre Seiten auf Landmark-Namen, Listenstruktur und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis