Gunnar Bittersmann: Header gestalten - Verschachtelung OK?

Beitrag lesen

@@Bernd

darf es so eine Verschachtelung geben?

Was heißt „darf“?

Es ist syntaktisch korrektes HTML. Was nicht heißt, dass es gut wäre.

<nav class="mainnav">
				<div class="container">

Wozu das div? Mit nav ist bereits ein Container-Element da; das div ist überflüssig.

				<h1>Example-Website</h1>

Ist das die Überschrift für die Navigation? Wenn nein, gehört die Überschrift nicht ins nav-Element.

Überhaupt sollte die Website-Kennung eher nicht h1 sein. h1 ist die jeweilige Seitenüberschrift, also auf den jeweiligen Seiten „Magazin“ bzw. „Wir über uns“ usw.

					<li><a>Startseite</a></li>

Für den nicht verlinkten Menüpunkt der aktuellen Seite wäre angebracht:

			<li><a tabindex="0" aria-current="page">Startseite</a></li>

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory