Dank der immer wieder interessanten Leseliste von Bruce Lawson (Leseliste 337) bin ich auf die neuen, noch experimentellen HTML-Attribute commandfor und command gestossen. Die beiden Attribute werden auf lange Sicht etwa beim Aufklappen von Inhalten durch ein Bedienelement (button) aria-controls und aria-expanded ablösen.
Die beiden HTML-Attribute lassen sich natürlich auch auf andere Aktionen anwenden wie etwa das Öffnen eines Dialogfensters. Bis dato empfielt das WAI-ARIA APG-Pattern dialog für das Bedienelement, das ein Dialogfenster öffnet, noch keine zusätzliche ARIA-Integration. Die beiden neuen HTML-Attribute können nun aber in HTML direkt die Interaktion und das Öffnen eines Dialogfenster klarer machen.
<button commandfor="confirm-dialog" command="show-modal">
Accessibility Settings
</button>
<dialog id="confirm-dialog" aria-label="Accessbility Settings">
<button commandfor="confirm-dialog" command="close" value="close">Close</button>
</dialog>
Quelle: Chrome for developers: Introducing command and commandfor
Das Attribut commandfor auf dem Bedienelement (button) verbindet sich mit dem Dialogfenster (dialog) mit Hilfe einer eindeutigen id. Das Attribut command nutzt aus bereits voreingebauten Werten show-modal. Ein Bedienelement zum Schließen des Dialogfensters (button) kann dann den Wert close für command nutzen. Es wird bei diesem Bedienelement auch ein Rückgabewert mit dem Attribut value gesetzt.
Das ist nur ein Anwendungsfall für die beiden neuen Attribute. Am häufigsten wird sicherlich der Anwendungsfall für aufklappbare Inhalte (popover) sein. Aktuell ist die Unterstützung der beiden Attribute in den Browsern noch nicht gegeben. HTML command ist aktuell in Chrome 135-136 (Dev-Channel) umgesetzt, in Safari und Firefox nur in den Entwicklungsversionen. HTML commandfor auch aktuell nur in Chrome 135-136 (Dev-Channel), Safari und Firefox nur in Entwicklungsversionen. Edge und Opera haben bis dato keine Information dazu. Auch von den mobilen Browsern gibt es keine Informationen.
Die Umsetzung von neuen HTML-Attributen und -Funktionen im Browser ist ja nur der erste Schritt. Beides muss auch an die jeweilige Accessibility-API übergeben werden, damit etwa Screenreader darauf zugreifen und die neuen Informationen entsprechend verarbeiten können. Es wird also noch einige Zeit dauern, bis wir die neuen Attribute verwendet können. Zu testen wird sein, ob man für den Übergang auch etwa bei aufklappbaren Inhalten commandfor und command parallel mit den bisherigen ARIA-Attributen aria-controls und aria-expanded sinnvoll nutzen kann.