mdn/content

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

Open

#31.250 aberto em 23 de dez. de 2023

Ver no GitHub
 (1 comment) (0 reactions) (1 assignee)Markdown (22.427 forks)batch import
Content:Learn:Formshelp wanted

Métricas do repositório

Stars
 (8.900 stars)
Métricas de merge de PR
 (Mesclagem média 7d 3h) (147 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Torne o exemplo JS acessível pelo teclado, garantindo que o seletor personalizado seja alcançável via Tab e operável com teclas do teclado (por exemplo, setas, Enter, Escape).
Pilha de tecnologia
javascripthtmlcss
Domain
frontendaccessibility
Tipo Issue
Acessibilidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
1
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
HTMLCSSJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
85