Tastaturbedienung
| Taste | Aktion |
|---|---|
| Tab | Setzt den Fokus auf den Button oder Link. |
| Enter | Aktiviert den Button oder folgt dem Link. |
| Leertaste | Aktiviert den Button. Auf Links scrollt sie die Seite (natives Verhalten). |
Hinweise zur Barrierefreiheit
- Der zugängliche Name ist der Text des Elements. Buttons, die nur ein Icon enthalten, brauchen ein
aria-label. - Der Text erreicht in jeder Variante, jedem Farbton und jedem Theme ein Kontrastverhältnis von 4,5:1; der Palettengenerator stellt das sicher.
- Der Fokusring ist eine 2 px breite Kontur mit mindestens 3:1 Kontrast zur Seite, in beiden Themes.
- Ein deaktiviertes
<button>fällt aus der Tab-Reihenfolge. Ein deaktivierter Link bleibt fokussierbar, damit man ihn auch mit Screenreader findet, und wird als deaktiviert angesagt. - Im Forced-Colors-Modus wird der transparente Rahmen zu einer sichtbaren Kontur in Systemfarbe.