wisydb / wisy

Open Source CMS for Training and Educational Purposes
Other
1 stars 3 forks source link

Barrierefreiheit: Menüs Tastatursteuerung + WAI-ARIA #51

Open wisydb opened 5 years ago

wisydb commented 5 years ago

Lassen sich die Unermenüs per Tastatur ausklappen? Mir scheint z.Z. man kommt mit der Tastatur an alle möglichen Stellen, aber nicht zum Menü?

Es ist ein Fokus-Management erforderlich, das mindestens Leertaste und Eingabetaste abfängt, um die jeweils zugehörigen Untermenüs einzublenden.

Sollte irgendwo ein "mehr" vorkommen (nicht nur Menü), richtige Rolle zuordnen (<button>mehr</button> bzw. <a href>[mehr]</a>) - Vermutlich nur f. Ajax-Fenster relevant?

Hinweis: Das Ajax-Vorschlagfenster und insbesondere die Bedienung der Auswahlliste ist per Tastatur zugänglich! (Allerdings funktioniert das nicht in einem Screenreader -> separater Punkt!)

wisydb commented 5 years ago

Ich glaube die Menü-Generierung hat sich im Kern 5.x nicht generell verändert, darum ist wohl diese nachfolgende Kritik noch zutreffend und entsprechend stellt sich die Frage, sind die Menüs entsprechend umbaubar bzw. müssten dann umgebaut werden:

wisydb commented 5 years ago

Dies sind eigentlich 3 Aufgaben: a) Fokus ok?, b) Tastatursteuerung, c) WAI-Aria-"Beschriftung"

debagel commented 5 years ago

Wie ich das verstehe ist es erst ab einer gewissen Komplexität des Menüs sinnvoll ein komplettes WAI-ARIA Menü mit Unterstützung der Pfeiltasten-Navigation usw. umzusetzen. (Hier beschrieben: https://www.w3.org/TR/wai-aria-practices-1.1/#menu)

Für simplere Menüs mit wenigen Links oder flacher Struktur sollte eine per Tab-Navigation zugängliche Liste von Links (<ul></ul>) die bessere Wahl sein (Gutes Beispiel hier: https://codepen.io/svinkle/pen/aEVwWd)

Deshalb schlage ich vor beides umzusetzen so das es je Menü einstellbar ist welches Format ausgegeben wird.

So gibt es zb. beim https://weiterbildungsportal.rlp.de eine komplexe Hauptnavigation oben die sich am Besten per Pfeiltasten-Navigation bedienen lässt, aber unten unter "Gut zu wissen" ein einstufiges Menü mit nur 5 Links das einfach per Tab-Navigation bedienbar sein sollte.

Als erstes optimiere ich also die bestehenden Menüs für Tab-Navigation und danach erweitere ich sie um die Möglichkeit der Pfeiltasten-Navigation.

debagel commented 4 years ago

Es gibt jetzt die Möglichkeit bei Menüs einen ".type" anzugeben. Default ist "simple" für Tab-Navigation. Bei Einstellung "complex" ist das Menü mit Pfeiltasten navigierbar. Zb.

menu.type = complex
menu.1 =  &nbsp; Neue Suche &nbsp; | search?q=Datum:heute&order=e
menu.1.1 =  (Themenbaum)  | g9001