Confira se uma lista customizada pode ser aberta, percorrida e selecionada sem mouse. Este guia trata de uma tarefa específica e não substitui uma avaliação completa de acessibilidade nem determina conformidade legal.
Entenda o risco
Controles desenhados do zero podem perder comportamentos nativos de select. Reproduza o cenário antes da alteração e identifique navegador, etapa e dados de teste usados.
Configure o fluxo
-
Compare a necessidade visual com a lista nativa oferecida pelo navegador.
-
Se customizar, implemente estado, foco e teclas segundo um padrão acessível estabelecido.
Valide com uma tarefa real
Teste setas, Home/End quando aplicáveis, Enter, Escape e leitor de tela. Repita em teclado, dispositivo estreito e tecnologia assistiva sempre que esse fluxo puder ser usado nesses contextos.
Limites e cuidados
Prefira controle nativo quando não houver benefício concreto para substituí-lo. Mantenha a validação de segurança no servidor e proteja os dados pessoais envolvidos.
Referência
Veja Agrupamento de controles — W3C WAI e o núcleo de controles e formulários.
Serviços de landing pages
Veja o escopo e os próximos passos do serviço relacionado a este tema.
Conteúdo da biblioteca de Diego Henrich. Confira as fontes citadas e valide orientações que dependem da versão de uma plataforma ou serviço.