Versionen dieses Beitrags

Überschrift für Hauptnavigation

Gb 80x80 Gunnar Bittersmann
  • Auftrag für Bezahlung
  • Überschrift für Hauptnavigation
  • @@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*{:@en} 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?
  • ~~~HTML
  • <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?
  • ~~~HTML
  • <nav aria-labelledby="nav-label">
  • <p id="nav-label">Hauptnavigation</p>
  • <ul>…</ul>
  • </nav>
  • ~~~
  • So?
  • ~~~HTML
  • <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