mdn/content

How to build custom form controls: JS example is not accessible

Open

#31.250 geöffnet am 23. Dez. 2023

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (1 zugewiesene Person)Markdown (22.427 Forks)batch import
Content:Learn:Formshelp wanted

Repository-Metriken

Stars
 (8.900 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 7T 3h) (147 gemergte PRs in 30 T)

Beschreibung

MDN URL

https://developer.mozilla.org/en-US/docs/Learn/Forms/How_to_build_custom_form_controls

What specific section or headline is this issue about?

With JS

What information was incorrect, unhelpful, or incomplete?

When custom form controls are created they must be keyboard accessible. The select that ges focus is offscreen for screen readers and not available for keyboard users

What did you expect to see?

accessible examples

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Contributor Guide

Research-Richtung
Machen Sie das JS Beispiel per Tastatur zugänglich, indem Sie sicherstellen, dass die benutzerdefinierte Auswahl per Tab erreichbar und mit Tastaturtasten (z. B. Pfeiltasten, Eingabetaste, Escape) bedienbar ist.
Tech Stack
javascripthtmlcss
Domain
frontendaccessibility
Issue Type
Barrierefreiheit
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
1
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
HTMLCSSJavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85