Navigation: Zwei aufeinander folgende NAV oder NAV mit zwei Kindern SECTION?
Moin.
Folgendes Markup bildet die Navigation. Es geht um ein Fahrradmagazin. Alle paar Monate erscheint ein neue Ausgabe. Ich habe zwei Navigationsbereiche: einen generischen, der sich nicht auf eine spezifische Ausgabe bezieht und einen, der sich auf eine Ausgabe bezieht. Code:
<nav aria-label="Service-Navigation" class="service"> In einem anderen Thread verwendetet McMurphy stattdessen Code:
<nav> Ob meine oder McMurphys Variante in Bezug auf Barrierearmut Vorteile hat, bin ich nicht sicher. Über Kommentare freue ich mich. Danke. |
Zitat:
https://xhtmlforum.de/74199-flexbox-...pper-divs.html Du hast zunächst die Container vorgegeben und eine Anordnung mit Flexbox ohne Hilfscontainer gewünscht. Da das mit Flexbox nicht geht habe ich ein Beispiel mit Grid erstellt. Dann war dein Wunsch weitere Infos zu einer Lösung mit Flexbox zu bekommen, wenn Hilfscontainer akzeptiert werden. Daraufhin habe ich ein Beispiel mit Flexbox und einem Hilfscontainer erstellt. Das war also deine Forderung. Zitat:
Zitat:
In den HTML-Regel steht unter anderem: - Unnötige Container sind zu vermeiden. - div-Container sollen nur verwendet werden, wenn es keine geeigneteren gibt. Der Barrierearmut dient auch, dass im aktuellen HTML alle Elemente eine Bedeutung haben. Die korrekte Anwendung von HTML-Elementen ist die Grundlage und der wichtigste Schritt zur Barrierearmut. Was ansonsten vollmundig und aggressiv behauptet wird bringt wenig oder gar nichts. Auch wenn es sich wichtig anhört. |
Zitat:
|
Zitat:
Zitat:
|
Zitat:
Findest Du denn Code:
<nav><section></section><section></section></nav> Code:
<div><nav></nav><nav></nav></div> Weiterhin wäre noch ein Nesting von nav möglich. |
Zitat:
Um es anders zu formulieren: HTML-Code:
<div> <div> <nav /> <section /> </div> <main /> <aside /> </div> Anders gesagt: Für die Barrierefreiheit einfahc alle divs und span wegdenken, dann muss die Seite auch noch logischen Sinn ergeben. |
Ein Beispiel haben wir gleich hier:
HTML-Code:
<div class="navtitle">Ausgabe 30</div> Ich halte auch ol für die falsche Wahl und würde hier auf jeden Fall zu ul greifen (irgendwie klingelt es da bei mir, hatten wir das Thema schon mal?). Wenn die einzelnen Navigationsbereiche nichts miteinander zu tun haben, würde ich auch zu zwei nav-Elementen greifen. |
Zitat:
Zitat:
Falsch/richtig sind schonmal gar keine passende Kategorien. |
Zitat:
Zitat:
Die beiden Punkte sind für mich sehr viel klarer als die Abgrenzung, ob man ein oder zwei nav-Elemente verwendet, daher habe ich sie angesprochen. |
Markup für "Ausgabe 30":
Kürzlich stieß ein SEO-Spezialist zur Redaktion. Das erste, was er geändert haben wollte, war die Überschriftenstruktur. hn nur noch für den Artikel und dessen Zwischenüberschriften. Ursprünglich hatte ich nämlich für "Ausgabe 30" eine h2. Die Überschriftenhierarchien waren seit jeher ein strittiges Thema. Das W3C schweigt sich letztlich dazu aus, wie man damit am besten umgehen soll - außerhalb des Hauptinhaltes (wo es unstrittig ist). Wenn dazu jemand eine fundierte Betrachtung kennt, inklusive der Berücksichtigung aktueller Screenreader und aktuellem Wissensstand aus dem SEO: lese ich gern OL oder UL: Die Artikel haben eine bewußt festgelegte Reihenfolge. OL ist allein von daher in dieser Liste sinnvoll. Toll wäre ja: Code:
<nav> Also abwarten, bis für die Navigation mal bessere Möglichkeiten existieren. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 00:26 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023