Skip to content

Commit 2f3015b

Browse files
authored
Update docs for KolSelect best practice (#337)
2 parents 44e5ef7 + c4e8401 commit 2f3015b

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)