Aria-Attributen bei Button- und Link

July 26, 2023 · 2 minutes of reading time

Architekt@ITZBund & Creator of KoliBri

Bei der Entwicklung von KoliBri ist die Frage aufgekommen, welche Aria-Attributen bei den Button- und Link-Komponenten unterstützen werden sollen.

In der folgenden Tabelle wir eine Übersicht über die Unterschiede dargestellt:

Merkmal	Link	LinkButton	Button	ButtonLink	ToogleButton¹
Design	Link	Button	Button	Link	Button
Semantik	`a`	`a`	`button`	`button`	`input`
`_ariaControls`	➖	➖	➕	➕	❓
`_ariaCurrent`²	➕	➕	➖	➖	❓
`_ariaExpanded`	➖	➖	➕	➕	❓
`_ariaSelected`	➖	➖	➕	➕	❓
`_disabled`	➖	➖	➕	➕	➕
`_href`	➕	➕	➖	➖	➖
`_on`	➕	➕	➕	➕	➕
`_value`	➖	➖	➕	➕	`boolean`
`focus()`	➕	➕	➕	➕	➕

¹ Der Toogle-Button wurde als Variante der Checkbox umgesetzt, weil es ein Schalter mit maximal zwei Zuständen (entweder "an" oder "aus") ist.

² Das _ariaCurrent-Attribut wird zukünftig über ein Event statt ein Property gesetzt.