2017-05-08 3 views
1

Das Menüelement verfügt über entsprechende untergeordnete Elemente "menuitem".Semantisches Markup für Kindelemente von <nav>?

Was ist das passende HTML-Markup für Kindelemente von nav? Und was ist die entsprechende Aria-Rolle für diese Kindelemente?

Ich habe die Spezifikation gelesen, ich habe MDN angeschaut, ich habe ein paar Tutorials gelesen.

Ich verstehe, dass Navigationslinks am besten in Nav-Container verpackt sind. Ich bemühe mich, die zugänglichste Methode zur Markierung der Nav-Objekte selbst zu verstehen.

Antwort

3

die W3C-Definition für das <nav> Element ist:

ein Abschnitt einer Seite, die innerhalb der Seite zu anderen Seiten oder Teile verbindet: mit Navigation ein Abschnitt verbindet

es so folgt diese Navigationselemente enthalten meistens nur Links, dh <a> oder role="link" Kinder, oft in Listen für zusätzliche Semantik verpackt, dh <ul>, role="list", etc. Es gibt keine Anforderung, was ein <nav> c als Kinder erhalten.

+2

Nur zur @ steves Antwort hinzufügen: Die Verwendung eines nav-Elements ist nützlich, da es eine Navigationsregion auf hoher Ebene bezeichnet. Auf die gleiche Weise, wie ein sehender Benutzer sehen kann, dass der Seitenkopf einen Block von Navigationslinks enthält, ermöglicht es das Verwenden des nav-Elements dem Bildschirmleser (und anderen assistierenden Technologien), auf diese Region aufmerksam gemacht zu werden. Wie Steve bemerkte, benutze einfach Standardlinks \ list-Elemente innerhalb der nav-Region. – discojoe

+0

Danke allen! Ich schätze die Klarstellung. – softpunch

Verwandte Themen