Responsive Probleme mit vertikaler ul
bearbeitet von
@@MrMurphy1
> Da es kein Quatsch ist: Nein.
Dass das Quatsch ist, hatten wir hier desöfteren schon. Zuletzt(?) in [diesem Thread](https://forum.selfhtml.org/self/2017/jan/28/navigation-ueber-die-ganze-hoehe/1685639#m1685639).
> Wenn du bessere Lösungen hast immer her damit.
~~~html
<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)
Bei Menüpunkt der aktuellen Seite könnte auch als Verweisziel auch der Hautinhalt der aktuellen Seite rein, also:
~~~html
<li><a href="#main" aria-current="page">Beta</a></li>
~~~
Der Skip-Link „zum Hauptinhalt“ wird visuell versteckt und nur bei `.skip-link:focus`{: .language-css} angezeigt. [Beipiel](http://codepen.io/gunnarbittersmann/pen/MJYeod)
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Responsive Probleme mit vertikaler ul
bearbeitet von
@@MrMurphy1
> Da es kein Quatsch ist: Nein.
Dass das Quatsch ist, hatten wir hier desöfteren schon. Zuletzt(?) in [diesem Thread](https://forum.selfhtml.org/self/2017/jan/28/navigation-ueber-die-ganze-hoehe/1685639#m1685639).
> Wenn du bessere Lösungen hast immer her damit.
~~~html
<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)
Bei Menüpunkt der aktuellen Seite könnte auch als Verweisziel auch der Hautinhalt der aktuellen Seite rein, also:
~~~html
<li><a href="#main" aria-current="page">Beta</a></li>
~~~
Der Skip-Link „zum Hauptinhalt“ wird visuell versteckt und nur bei `.skip-link:focus`{: .language-css} angezeigt.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Responsive Probleme mit vertikaler ul
bearbeitet von
@@MrMurphy1
> Da es kein Quatsch ist: Nein.
Dass das Quatsch ist, hatten wir hier desöfteren schon. Zuletzt(?) in [diesem Thread](https://forum.selfhtml.org/self/2017/jan/28/navigation-ueber-die-ganze-hoehe/1685639#m1685639).
> Wenn du bessere Lösungen hast immer her damit.
~~~html
<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)
Bei Menüpunkt der aktuellen Seite könnte auch als Verweisziel auch der Hautinhalt der aktuellen Seite rein, also:
~~~html
<li><a href="#main" tabindex="0" aria-current="page">Beta</a></li>
~~~
Der Skip-Link „zum Hauptinhalt“ wird visuell versteckt und nur bei `.skip-link:focus`{: .language-css} angezeigt.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)