Synonyme: Menüleiste, Menu, Menu bar
Siehe auch: Kontextmenü, Menü-Schalter, Werkzeugleiste, Baumstruktur, Registerkartengruppe
Menüs dienen der Auswahl von Funktionen oder der Navigation (siehe DIN EN ISO 9241-161: 8.26).
Ein Menü besitzt mehrere Menüeinträge, die meist horizontal nebeneinander angeordnet sind. Ein Menüeintrag kann ein Untermenü besitzen. Die Menüeinträge eines Untermenüs sind vertikal angeordnet. Untermenüs können mehrfach verschachtelt sein, d. h. ein Menüeintrag in einem Untermenü kann ebenfalls ein Untermenü besitzen. Pro Hierarchieebene kann jeweils nur ein Untermenü angezeigt werden. Ein Menü kann Menüeinträge enthalten, die sich wie Checkboxen oder Radiobuttons auswählen lassen. Die Menüeinträge können gruppiert werden. Die Beschriftung der Gruppen kann nicht ausgewählt werden
Darstellung
Permalink "Darstellung"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 529 | Kontrast | Besitzt der Menüeintrag eine Textbeschriftung, so muss diese zum Hintergrund ein Kontrastverhältnis von mindestens 4,5:1 aufweisen. | Muss | EN 301 549: 9.1.4.3, 11.1.4.3 |
| 530 | Kontrast | Besitzt der Menüeintrag eine grafische Beschriftung, so muss diese zum Hintergrund ein Kontrastverhältnis von mindestens 3:1 aufweisen. | Muss | EN 301 549: 9.1.4.11, 11.1.4.11 |
| 531 | Kontrast | Das Pfeil-Icon, welches auf ein Untermenü hinweist, muss zur benachbarten Farbe ein Kontrastverhältnis von mindestens 3:1 aufweisen. | Muss | EN 301 549: 9.1.4.11, 11.1.4.11 |
| 532 | Kontrast | Sofern sich der gewählte vom nicht gewählten Menüeintrag lediglich durch Farbe unterscheiden (z. B. Vordergrund- oder Hintergrundfarbe), so müssen die Farben ein Kontrastverhältnis von mindestens 3:1 aufweisen. Hinweis: Der gewählte Menüeintrag muss nicht farblich oder ausschließlich farblich gekennzeichnet werden. Er kann z. B. mit einer Checkbox oder einem Radiobutton gekennzeichnet sein. In diesem Fall entfallen die Kontrastanforderungen für Farbkennzeichnung, solange die Checkbox oder der Radiobutton ausreichende Kontraste besitzen. | Muss | EN 301 549: 9.1.4.11, 11.1.4.11 |
| 533 | Beschriftung | Besitzt der Menüeintrag eine grafische Beschriftung, so soll er einen Tooltip mit einer Textbeschriftung besitzen. | Soll | WCAG 2.1: 3.3.5 (AAA);DIN EN ISO 9241-143: 9.6.11 |
| 534 | Web: Konsistenz | Dient das Menü der Navigation, dann müssen die Menüeinträge auf jeder Maske in der gleichen relativen Reihenfolge dargestellt werden und den Tastaturfokus erhalten (siehe Konsistenz). | Muss | EN 301 549: 9.3.2.3 |
| 535 | Desktop: Konsistenz | Dient das Menü der Navigation, dann sollen die Menüeinträge auf jeder Maske in der gleichen relativen Reihenfolge dargestellt werden und den Tastaturfokus erhalten (siehe Konsistenz). | Soll | WCAG 2.1: 3.2.3 (AA) |
| 536 | Fokussichtbarkeit | Erhält ein Menüeintrag den Tastaturfokus, dann muss der Fokusindikator sichtbar sein (siehe Fokusindikator). | Muss | EN 301 549: 9.2.4.7, 11.2.4.7 |
| 537 | Vergrößerung | Das Menü muss bei einer Schriftgrößenanpassung bis 400% (und einer resultierenden Anzeigebreite von 320px) wahrnehmbar und bedienbar sein (siehe Zoom). Hinweis: Die Menüeinträge können z. B.
| Muss | EN 301 549: 9.1.4.10, 11.1.4.10 |
Bedienung
Permalink "Bedienung"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 538 | Tastaturbedienung | Das Menü muss mit der Tastatur erreicht, bedient und verlassen werden können (siehe Tabelle Tastaturbedienung). | Muss | EN 301 549: 9.2.1.1, 11.2.1.1, 9.2.1.2, 11.2.1.2 |
| 539 | Tastaturbedienung | Häufig benötigte Funktionen sollen ein Tastaturkürzel besitzen. Hinweis 1: Das Tastaturkürzel soll am entsprechenden Menüeintrag angezeigt werden. Hinweis 2: Die Tastaturkürzel sollen in der Hilfe dokumentiert werden. | Soll | DIN EN ISO 9241-171: 9.3.10; DIN EN ISO 9241-171: 9.3.11 |
| 540 | Tastaturbedienung | Alle Menüeinträge sollen eine Schnelltaste besitzen. Hinweis: Die Schnelltaste soll durch Unterstreichung des entsprechenden Buchstabens in der Beschriftung gekennzeichnet werden. | Soll | DIN EN ISO 9241-171: 9.3.10; DIN EN ISO 9241-171: 9.3.11 |
| 541 | Aktualisierungen | Bei Fokussierung und Bedienung des Menüs darf keine unerwartete Kontextänderung erfolgen. | Muss | EN 301 549: 9.3.2.1, 11.3.2.1 |
| 542 | Klickbereich | Der Klickbereich der Menüeinträge soll mindestens 24 x 24 px betragen (siehe Zeigeinstrumentbedienung). | Soll | WCAG 2.2 |
Tastaturbedienung Menü
Permalink "Tastaturbedienung Menü"| Aktion | Taste | Klassifizierung |
|---|---|---|
| Fokussieren des Menüs | Desktop:
| Erforderlich |
| Verlassen des Menüs | Desktop:
| Erforderlich |
| Öffnen eines Untermenüs des Menüs |
| Erforderlich |
| Öffnen eines Untermenüs eines Untermenüs |
| Erforderlich |
| Schließen eines Untermenüs des Menüs | ESC | Erforderlich |
| Schließen eines Untermenüs eines Untermenüs |
| Erforderlich |
| Navigation durch das Menü | PFEIL RECHTS/LINKS Hinweis: Dies muss auch funktionieren, wenn sich der Fokus in einem Untermenü befindet und die Pfeiltastenbedienung aufgrund der aktuellen Fokusposition nicht zum Öffnen oder Schließen eines Untermenüs benötigt wird. In diesem Fall wird automatisch das geöffnete Untermenü geschlossen und das nächste Untermenü geöffnet und der Fokus auf den ersten Untermenüeintrag gesetzt. | Erforderlich |
| Navigation durch ein Untermenü | PFEIL AUF/AB | Erforderlich |
| Navigation durch das Menü oder Untermenü | [Schnelltaste] | Empfohlen |
| Navigation durch das Menü (zu einem Menüeintrag davor oder danach mit fest definierter Schrittweite) | BILD AUF, BILD AB Hinweis: Die Schrittweite soll mit der Anzahl der sichtbaren Menüeinträge übereinstimmen. | Empfohlen |
| Auswahl eines Menüeintrags | EINGABE, [Schnelltaste] | Erforderlich |
Zeigeinstrumentbedienung Menü
Permalink "Zeigeinstrumentbedienung Menü"| Aktion | Taste | Klassifizierung |
|---|---|---|
| Öffnen eines Untermenüs des Menüs, sofern noch kein Untermenü angezeigt wird | Linksklick auf den übergeordneten Menüeintrag | Erforderlich |
| Öffnen eines Untermenüs des Menüs, sofern bereits ein Untermenü angezeigt wird | Hovern über den übergeordneten Menüeintrag | Erforderlich |
| Schließen eines Untermenüs des Menüs | Linksklick auf den übergeordneten Menüeintrag, Linksklick auf einen Menüeintrag im Untermenü (der kein weiteres Untermenü enthält), Klick außerhalb des Menüs | Erforderlich |
| Öffnen eines Untermenüs eines Untermenüs | Hovern über den übergeordneten Menüeintrag | Erforderlich |
| Schließen eines Untermenüs eines Untermenüs | Hovern über einen anderen übergeordneten Menüeintrag, Linksklick auf einen Menüeintrag im Untermenü (der kein weiteres Untermenü enthält), Klick außerhalb des Menüs | Erforderlich |
| Auswahl eines Menüeintrags | Linksklick auf den Menüeintrag | Erforderlich |
Programmierung/Schnittstellen
Permalink "Programmierung/Schnittstellen"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 543 | Rolle | Die Rolle Menü muss an die Accessibility API übermittelt werden (siehe Accessibility API). | Muss | EN 301 549:9.4.1.2, 11.4.1.2, 11.5.2.5 |
| 544 | Rolle | Die Rollen Menüeintrag, Menü-Radiobutton oder Menü-Checkbox müssen für die Menüeinträge an die Accessibility API übermittelt werden (siehe Accessibility API). | Muss | EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5 |
| 545 | Status | Der Status der Menüeinträge muss an die Accessibility API übermittelt werden (siehe Elementstatus). Hinweis: Dies bezieht sich z. B.
| Muss | EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5 |
| 546 | Ausrichtung | Die Ausrichtung des Menüs (vertikal oder horizontal) muss an die Accessibility API übermittelt werden. | Muss | EN 301 549: 9.4.1.2, 11.4.1.2 |
| 547 | Name | Sofern das Menü eine Beschriftung oder Beschreibung besitzt, müssen diese als Accessible Name bzw. Accessible Description übermittelt werden (siehe Beschriftung und Beschreibung). Hinweis 1: Wenn die Seite mehrere Menüs enthält, müssen diese einen knappen und aussagekräftigen Accessible Name besitzen. Hinweis 2: Ein Untermenü kann die Beschriftung des übergeordneten Menüeintrags als Accessible Name erhalten. | Muss | EN 301 549: 9.2.4.6, 11.2.4.6, 9.4.1.2, 11.4.1.2, 11.5.2.5, 11.5.2.8 |
| 548 | Name | Jeder Menüeintrag muss einen knappen und aussagekräftigen Accessible Name besitzen. | Muss | EN 301 549: 9.2.4.6, 11.2.4.6, 9.4.1.2, 11.4.1.2, 11.5.2.5 |
| 549 | Name | Sofern ein Menüeintrag eine Beschreibung besitzt, muss diese als Accessible Description übermittelt werden. | Muss | EN 301 549: 9.2.4.6, 11.2.4.6, 9.4.1.2, 11.4.1.2, 11.5.2.5 |
| 550 | Name | Die Gruppenbeschriftung der Menüeinträge muss (sofern vorhanden) an die Accessibility API übermittelt werden. | Muss | EN 301 549: 9.1.3.1, 11.1.3.1 |
| 551 | Bedienung | Das Menü muss mit Assistenztechnologie erreicht, bedient und verlassen werden können (siehe Accessibility API). | Muss | EN 301 549: EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.12, 11.5.2.17 |
| 552 | Aktualisierung | Aktualisierungen hinsichtlich des Accessible Names oder Status der Menüeinträge müssen an die Accessibility API übermittelt werden (siehe Accessibility API). | Muss | EN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.15 |
| 553 | Tastaturkürzel, Schnelltaste | Besitzt der Menüeintrag ein Tastaturkürzel oder eine Schnelltaste, so muss dies an die Accessibility API übermittelt werden. | Muss | EN 301 549: 9.1.3.1, 11.1.3.1 |
| 554 | Desktop: Position | Größe und Position des Menüs und der Menüeinträge müssen an die Accessibility API übermittelt werden (siehe Fokusindikator) | Muss | EN 301 549: 11.5.2.5, 11.5.2.13 |
| 555 | Desktop: Elementhierarchie | Die Eltern-Kind-Beziehungen der Elemente innerhalb des Menüs müssen an die Accessibility API übermittelt werden. | Muss | EN 301 549: 11.5.2.9 |
Informationen zu diesem Artikel
Gerne können Sie uns Feedback per E-Mail zu unserer Handreichung senden!