ARIA: aria-haspopup-Attribut

Das aria-haspopup-Attribut gibt die Verfügbarkeit und den Typ eines interaktiven Popup-Elements an, das durch das Element, auf dem das Attribut gesetzt ist, ausgelöst werden kann.

Beschreibung

In ARIA werden interaktive Menüs, Listboxen, Bäume, Gitter und Dialoge, die beim Auslösen über anderem Inhalt erscheinen, als "Popups" betrachtet. Diese Popups werden durch eines oder mehrere interaktive Elemente auf der Seite ausgelöst. Die Verfügbarkeit und der Typ des Popups, das das interaktive Element auslösen wird, sollten mit dem aria-haspopup-Zustand identifiziert werden.

Das Vorhandensein von aria-haspopup mit einem von sechs aufgezählten Werten - menu, listbox, tree, grid, dialog oder true - zeigt an, dass das Element ein Popup auslösen kann und welche Art von Popup angezeigt wird. Das Element, das erscheint, muss die angegebene Rolle haben. Der Wert true ist gleichbedeutend mit menu. Jeder andere Wert, einschließlich eines leeren Strings oder einer anderen Rolle, wird behandelt, als wäre false gesetzt.

Ein tooltip wird in diesem Kontext nicht als Popup betrachtet, da es nicht interaktiv ist.

Hinweis: Stellen Sie sicher, dass die Rolle des Elements, das als Container für den Popup-Inhalt dient, ein menu, listbox, tree, grid oder dialog ist und dass der Wert von aria-haspopup mit der Rolle des Popup-Containers übereinstimmt.

Der aria-haspopup-Zustand informiert die Benutzer von unterstützenden Technologien darüber, dass es ein Popup gibt und welchen Typ es hat, bietet jedoch keine Interaktivität. Um das Popup tastaturzugänglich zu machen, stellen Sie sicher, dass das Element mit aria-haspopup fokussierbar ist und das Popup auslösen kann, dass ein Tastaturmechanismus zum Öffnen des Popups vorhanden ist und dass das Popup-Element den Fokus seiner gesamten Nachfolger verwaltet.

Hinweis: ARIA ermöglicht keine zugängliche Funktionalität. ARIA vermittelt nur das beabsichtigte Verhalten Ihrer Funktionalität.

Bei der Erstellung einer menubar sollte ein übergeordnetes menuitem mit aria-haspopup="menu" (oder true) versehen sein. Jeder Button, der ein Menü öffnet, sollte die Rolle button haben oder vorzugsweise ein <button> sein und ebenfalls aria-haspopup="menu" (oder true) haben. Tab-Elemente mit Popup-Menüs sollten ebenfalls aria-haspopup="menu" gesetzt haben. Beachten Sie, dass menubars nicht zur Erstellung einer Website-Navigation verwendet werden sollten.

Hinweis: Elemente mit der Rolle combobox haben einen impliziten aria-haspopup-Wert von listbox.

Werte

false (Standard)

Das Element hat kein Popup.

true

Das Popup ist ein Menü.

Das Popup ist ein Menü.

listbox

Das Popup ist eine Listbox.

tree

Das Popup ist ein Baum.

grid

Das Popup ist ein Gitter.

dialog

Das Popup ist ein Dialog.

Zugehörige Schnittstellen

Element.ariaHasPopup

Die ariaHasPopup-Eigenschaft, Teil der Element-Schnittstelle, spiegelt den Wert des aria-haspopup-Attributs wider, das die Verfügbarkeit und den Typ des interaktiven Popup-Elements, wie z.B. Menü oder Dialog, das durch ein Element ausgelöst werden kann, angibt.

ElementInternals.ariaHasPopup

Die ariaHasPopup-Eigenschaft der ElementInternals-Schnittstelle spiegelt den Wert des aria-haspopup-Attributs wider.

Zugehörige Rollen

Verwendet in Rollen:

Vererbt in Rollen:

Spezifikationen

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# aria-haspopup

Siehe auch