mdn/content

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

Open

#31 250 ouverte le 23 déc. 2023

Voir sur GitHub
 (1 commentaire) (0 réactions) (1 assigné)Markdown (22 427 forks)batch import
Content:Learn:Formshelp wanted

Métriques du dépôt

Stars
 (8 900 stars)
Métriques de merge PR
 (Merge moyen 7j 3h) (147 PRs mergées en 30 j)

Description

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

Guide contributeur

Direction de recherche
Rendez l'exemple JS accessible au clavier en vous assurant que le sélecteur personnalisé est atteignable via Tab et opérable avec les touches du clavier (par exemple, les touches fléchées, Entrée, Échap).
Stack technique
javascripthtmlcss
Domaine
frontendaccessibility
Type d'issue
Accessibilité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
HTMLCSSJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85