@@Holger
Mein Problem ist, dass diese Links nur auf fremde Seiten wirken
Dei Problem liegt außerhalb des hier von dir Gezeigten.
Was mache ich falsch
Das Navigationskonzept an sich? Gleichartige Menüpunkte in einer Liste, die mal auf eine andere Seite, mal auf andere Bereiche verweisen? Oder ist aj_destination_de.php ein one-pager, der sich für den Nutzer wie verschiedene Seiten verhält?
<li><a href="index.php#home" >HOME</a></li> <li><a href="aj_about_de.php#about" >ÜBER UNS</a></li> <li><a href="aj_about_de.php#team" >TEAM</a></li> <li><a href="aj_destination_de.php#ideen" >REISE IDEEN</a></li>
Die Beschriftung der Links ist falsch. Screenreader lesen da womöglich „Ha-o-em-e“, „Ü-be-e-er u-en-es“, „Te-e-a-em“, „Er-e-i-es-e I-de-e-e-en“ vor.
Verwende im Markup die normale Schreibweise „Home“, „Über uns“, „Team“, „Reise-Ideen“.[1] Die Großschreibung ist Sache von CSS:
nav { text-transform: uppercase }
[2] [3]
LLAP 🖖
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
Das Deppenleerzeichen hab ich gleich mal mit korrigiert. ↩︎
Die Liste ist doch – wie sie sein sollte – in einem
nav
-Element, oder? ↩︎Außer für Klingonisch. Aber dafür hat man ja
:lang(tlh) { text-transform: none !important }
im Stylesheet zu stehen. ↩︎