Gunnar Bittersmann: Navigation via 'include' auf alle Seiten, aber Sprungmarken funktionieren nur auf 'externe' Links

Beitrag lesen

@@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

  1. Das Deppenleerzeichen hab ich gleich mal mit korrigiert. ↩︎

  2. Die Liste ist doch – wie sie sein sollte – in einem nav-Element, oder? ↩︎

  3. Außer für Klingonisch. Aber dafür hat man ja :lang(tlh) { text-transform: none !important } im Stylesheet zu stehen. ↩︎