Gunnar Bittersmann: Überschrift für Hauptnavigation

Beitrag lesen

problematische Seite

@@marctrix

Das ganze braucht eine Überschrift "Hauptnavigation" (mindestens h2)

Braucht es das? Ist nicht Konsens, dass eine Navigation nur dann eine Überschrift oder ein anderes accessible label braucht, wenn es mehrere davon auf der Seite gibt?

Wieso „mindestens“? Ist nicht Konsens, dass es nur eine h1 pro Seite geben sollte und das die Seitenüberschrift ist (und nicht die Bezeichnung der Website)?

Hm, wie soll das dann aussehen?

<body>
	<header>
		<a href="#main">zum Hauptinhalt</a>
		<p>Journal für die Katz</p>
		<nav>
			<h2>Hauptnavigation</h2>
			<ul></ul>
		</nav>
	</header>
	<main id="main">
		<h1>Katzenbilderflut – rette sich wer kann!</h1>
		<p></p>
	</main>
	<footer></footer>
</body>

Die Überschrift 2. Ordnung „Hauptnavigation“ hat keine übergeordnete Überschrift 1. Ordnung – komische Dokument-Outline, das.

Wie kommt man aus der Nummer raus? So?

		<nav aria-labelledby="nav-label">
			<p id="nav-label">Hauptnavigation</p>
			<ul></ul>
		</nav>

So?

		<nav aria-label="Hauptnavigation">
			<ul></ul>
		</nav>

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann