stefanFarnetani
commented
6 days ago Hallo @ThomKoeh
Website-Navigationen und ARIA menu sind völlig unterschiedliche semantische Elemente.
Klassische Webseiten Navigationen (ungleich ARIA menu) basieren auf Listen mit Links. Also sowas in etw.:
<nav aria-label="Bezeichnung">
<ul>
<li>
<a href="...">Navigationspunkt</a>
</li>
...
</ul>
</nav>Nur bei Navigationen sollen Listen verwendet werden. Das ist aber mehr eine starke Empfehlung. Das Fehlen von Listen in Navigationen ist nicht automatisch ein Fehler. Wenn die Navigation sehr klein ist. Nur vier Punkte und ein Nav-Tag darum liegt sind auch vier Links ausreichend.
ARIA menu benötigen in etwa folgenden Aufbau.
<div` role="menu">
<button role="menuitem">Menüeintrag 1</button>
<a role="menuitem" href="...">Menüeintrag 2</a>
...
</div>Die Umsetzung von ARIA menu als HTML-Liste, die dann mittels ARIA role="menu" überformt. Ist meist unnötig. Wenn die Überformung richtig gemacht wurde, bleibt von der Liste nichts übrig. Das steht zwar im HTML-Code, aber im accessibiltiy tree steht nur noch ein, hoffentlich korrektes ARIA menu. Wichtig ist zu verstehen, dass menuitem die Aktion direkt auslöst. menuitem ist nicht der container für ein button oder link. Das ist der häufige Denkfehler, wenn ein Vergleich zu Navigationen mit Listen gezogen wird.
Ob Website Navigationen und ARIA Menu ungesetzt werden hängt vom Kontext ab. ARIA Menu dürfen nur verwendet werden, wenn eine applikationsähnliches Menü umgesetzt werden soll. Der Einsatz auf "normalen" Websites ist so gut wie nie sinnvoll.
Erst bei Webanwendungen kann man überhaupt darüber nachdenken. Ist die Anwendung eher simpel wie z.B. goole drive (Dateiverwaltung) würde ich davon absehen. Es wäre aber kein Fehler. Um so mehr die Webanwendung in Richtung google word geht, desto gerechtfertigter ist die Anwendung von ARIA menu.
Die Steuerung von ARIA menu mittels Pfeiltasten ist es kein Kriterium um zu entscheiden, ob das Element korrekt als ARIA menu oder Website Navigation umzusetzen wäre. Das hängt eher von den oben genannten Kontext ab. Normale Website oder nicht. Starker Anwendungscharakter oder nicht.
ThomKoeh
MarcHaunschild
pkra
johannesFischer84
Hallo zusammen, habe Fragen bezüglich Navigationsmenüs. Es heißt ja, dass Menüs mit Listen umgesetzt werden sollen. Wie ist es denn prinzipiell, wenn Menüs, mit
role="menu"ausgezeichnet sind? Der ARIA Authoring Practices Guide (APG) warnt ja davor, da hier die Bedienung mit den Peiltasten, der Escape-Taste, usw. nach dem entsprechenden Schema, wie es im APG implementiert ist, gegeben sein muss. Viele Kunden setzen die Rollenmenubzw.menuitemauch, wenn die Bedienung zum Beispiel mit der Tabulatortaste funktioniert. Die Listensemantik wird hier dann allerdings überschrieben. Wie ist so etwas denn zu bewerten? Sollen eher verschachtelte Listen verwendet und die Menü-Rollen entfernt werden, wenn die Bedienung nicht der im APG entspricht, oder ist so etwas akzeptierbar? Wie verhält es sich denn bei komplexen Menüs von Webanwendungen, die viele Unterstrukturen beinhalten können? Freue mich auf Eure Einschätzungen.