Aria-Attributen bei Button- und Link
· 2 Minuten Lesezeit
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 | ToogleButton1 |
|---|---|---|---|---|---|
| Design | Link | Button | Button | Link | Button |
| Semantik | a | a | button | button | input |
_ariaControls | ➖ | ➖ | ➕ | ➕ | ❓ |
_ariaCurrent2 | ➕ | ➕ | ➖ | ➖ | ❓ |
_ariaExpanded | ➖ | ➖ | ➕ | ➕ | ❓ |
_ariaSelected | ➖ | ➖ | ➕ | ➕ | ❓ |
_disabled | ➖ | ➖ | ➕ | ➕ | ➕ |
_href | ➕ | ➕ | ➖ | ➖ | ➖ |
_on | ➕ | ➕ | ➕ | ➕ | ➕ |
_value | ➖ | ➖ | ➕ | ➕ | boolean |
focus() | ➕ | ➕ | ➕ | ➕ | ➕ |
1 Der Toogle-Button wurde als Variante der Checkbox umgesetzt, weil es ein Schalter mit maximal zwei Zuständen (entweder "an" oder "aus") ist.
2 Das _ariaCurrent-Attribut wird zukünftig über ein Event statt ein Property gesetzt.