Responsive Probleme mit vertikaler ul

[Gunnar Bittersmann]

@@MrMurphy1

Da es kein Quatsch ist: Nein.

Dass das Quatsch ist, hatten wir hier desöfteren schon. Zuletzt(?) in diesem Thread.

Wenn du bessere Lösungen hast immer her damit.

<a href="#main" class="skip-link">zum Hauptinhalt</a>
<nav>
  <ol>
    <li><a href="alpha">Alpha</a></li>
    <li><a tabindex="0" aria-current="page">Beta</a></li>
    <li><a href="gamma">Gamma</a></li>
    <li><a href="delta">Delta</a></li>
  </ol>
</nav>
<main id="main">…

(wenn man sich gerade auf Seite Beta befindet)

Beim Menüpunkt der aktuellen Seite könnte als Verweisziel auch der Hautinhalt der aktuellen Seite rein, also:

    <li><a href="#main" aria-current="page">Beta</a></li>

Der Skip-Link „zum Hauptinhalt“ wird visuell versteckt und nur bei .skip-link:focus angezeigt. Beipiel

LLAP 🖖