Skip to content

Commit c4e8401

Browse files
laske185Peter Laske
authored andcommitted
docs(select): discourage disabled options
1 parent 370dab3 commit c4e8401

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

docs/30-components/select.mdx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,12 @@ Beispiel für die Konstruktion des JSON-Objektes:
7575

7676
Über das Attribut **`_rows`** kann von einem Auswahlmenü auf ein Auswahlfeld (wie bei **`_multiple`**) gewechselt werden und dessen Höhe gesetzt werden.
7777

78-
<!--### Best practices-->
78+
### Best practices
79+
80+
- Verzichten Sie darauf, Optionen eines Selects über `disabled` zu deaktivieren. Screenreader (getestet mit NVDA) zählen deaktivierte Optionen mit und geben so eine höhere Anzahl an Auswahlmöglichkeiten aus.
81+
- Häufig wird die erste Option als „Bitte Option wählen“ angelegt und anschließend deaktiviert, um eine Auswahl zu erzwingen. Dieses Vorgehen sollte vermieden werden.
82+
- Das Ausblenden einer deaktivierten Option mittels `aria-hidden` wird mittlerweile von modernen Browsern blockiert. Verwenden Sie stattdessen eine auswählbare Option mit leerem Wert, wenn eine Platzhalteroption benötigt wird.
83+
- Prüfen Sie mit Validatoren, ob eine gültige Option gewählt wurde, anstatt Optionen ohne Angabe von Gründen zu deaktivieren.
7984

8085
<!-- ## Barrierefreiheit -->
8186

0 commit comments

Comments
 (0)