| Titel der Regel | Auszeichnung von Elementen als Schaltflächen des Typs "button", wenn sie eine dynamische Aktion auf der Seite auslösen |
|---|
| Beschreibung | Komponenten, die Aktionen auf der Webseite (mit JavaScript) ausführen, müssen mit <button> (Standardwert außerhalb von Formularen ist "button"> oder <input type="button"> ausgezeichnet werden. Die Schaltflächen benötigen einen Namen und müssen in der Fokus-Reihenfolge stehen. |
|---|
| Typ | atomic |
|---|
| Eingabeaspekte | - Accessibility-Tree
- DOM-Baum
|
|---|
| Anforderungen | - 211 Tastatur (A)
- 412 Name, Rolle, Wert (A)
|
|---|
| Anwendbarkeit | Die Regel ist auf Komponenten der Webseite anwendbar, die eine Aktion per JavaScript auslösen. Sie ist nicht anwendbar auf Schaltflächen, die die Daten eines Formulars abschicken oder zurücksetzen. |
|---|
| Erwartungen | Komponenten, die eine Aktion auf der Webseite auslösen, werden als <button> oder <input type="button"> ausgezeichnet. Die Schaltflächen haben einen Namen, was bei <button> der enthaltene Text und bei <input type="button"> der Wert des value-Attributs sein kann; der Name kann auch mit einem aria-label- oder title-Attribut bestimmt werden. Die Schaltflächen stehen in der Fokus-Reihenfolge. |
|---|
| Annahmen | Die Schaltfläche hat kein Elternelement mit aria-hidden="true". |
|---|
| Zugänglichkeitsunterstützend | - |
|---|
| Beispiele | - |
|---|
| Änderungen | - |
|---|
| Glossar | - |
|---|
| Probleme (optional) | - |
|---|
| Hintergrund (optional) | - |
|---|
| Danksagung (optional) | - |
|---|
