From c4e8401fe397b50a0cb4e81b33e847e1dbc61939 Mon Sep 17 00:00:00 2001 From: Peter Laske <37439758+laske185@users.noreply.github.com> Date: Thu, 19 Jun 2025 11:24:47 +0200 Subject: [PATCH] docs(select): discourage disabled options --- docs/30-components/select.mdx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/docs/30-components/select.mdx b/docs/30-components/select.mdx index c759f1adc9..9bd513de91 100644 --- a/docs/30-components/select.mdx +++ b/docs/30-components/select.mdx @@ -75,7 +75,12 @@ Beispiel für die Konstruktion des JSON-Objektes: Über das Attribut **`_rows`** kann von einem Auswahlmenü auf ein Auswahlfeld (wie bei **`_multiple`**) gewechselt werden und dessen Höhe gesetzt werden. - +### Best practices + +- 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. +- 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. +- 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. +- Prüfen Sie mit Validatoren, ob eine gültige Option gewählt wurde, anstatt Optionen ohne Angabe von Gründen zu deaktivieren.