Eine kurze Frage zu: HTML5 nav, speziell die der Subnavigation (aus semantischer Sicht).
Ich habe <nav> in der Kopfzeile des Hauptmenüs. Auf der linken Seite einer Standardseite habe ich Navision der zweiten Ebene und die rechte Navy der dritten Ebene (nein, ich habe die Site nicht entworfen). Was kann ich HTML5 / ARIA klug machen, um zwischen den 3 Menüs zu unterscheiden? Oder sind das alles einfache <nav> Blöcke?
Ich denke nicht einmal, dass ich <aside> entweder in der linken oder der rechten Spalte brauche, da abgesehen von diesen aktuellen Menüs keine zusätzlichen Informationen vorhanden sind.
Irgendwelche Gedanken / Ratschläge würden sehr geschätzt werden.
Das mag eine alte Frage sein, aber es gibt jetzt eine bessere Antwort:
Sie können jeden Navigationsabschnitt implizit mit Überschriften versehen und explizit WAI-ARIA-Attribute verwenden:
%Vor%Für Benutzeragenten wie Screenreader können sie dies als "Lokale Seiten, Navigation" melden (obwohl sie sich in der Art der Berichterstattung unterscheiden).
Lesen Sie mehr auf einer W3C-Wiki-Seite zur Verwendung von labelledby .
Ich würde die Navigationsabschnitte unterscheiden, indem ich ihnen semantisch relevante id s gebe und sie in der Reihenfolge der Wichtigkeit im HTML-Code in den folgenden Zeilen anordne:
Abgesehen davon sehe ich keinen wirklichen Bedarf für eine weitere Differenzierung zwischen den Abschnitten. Der obige Ansatz ist leicht zu verstehen, sollte relativ einfach zu stylen sein und ist semantisch klar, was sicherlich gut genug für mich ist.