aria-haspopup

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

Beschreibung

In ARIA werden interaktive Menüs, Listboxen, Bäume, Raster und Dialoge, die beim Auslösen über anderem Inhalt erscheinen, als "Popups" betrachtet. Diese Popups werden von einem oder mehreren interaktiven Elementen 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-Status 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. Dementsprechend muss das Element, das auftaucht, die angegebene Rolle haben. Der Wert true entspricht 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, menu, listbox, tree, grid oder dialog ist und dass der Wert von aria-haspopup mit der Rolle des Popup-Containers übereinstimmt.

Der aria-haspopup-Status informiert Benutzer von unterstützenden Technologien darüber, dass ein Popup vorhanden ist, und welcher Typ von Popup es ist, bietet aber keine Interaktivität. Damit das Popup per Tastatur zugänglich ist, stellen Sie sicher, dass das Element mit aria-haspopup fokussierbar ist und das Popup auslösen kann, dass es einen Tastaturmechanismus zum Öffnen des Popups gibt und dass das Popup-Element den Fokus aller seiner Nachkommen verwaltet.

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

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

Hinweis: Elemente mit der Rolle combobox haben implizit den aria-haspopup-Wert 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 Raster.

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 eines interaktiven Popup-Elements, wie Menü oder Dialog, angibt, das durch ein Element ausgelöst werden kann.

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