hackforla/VRMS

Login form inputs lack visible focus indicator for keyboard navigation

Aberta

#2.144 aberto em 29 de abr. de 2026

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (0 responsável)JavaScript (100 forks)auto 404
Bugcomplexity: mediumgood first issuep-feature: Loginrole: Front Endsize: 1pt

Métricas do repositório

Stars
 (61 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Overview

The login form fields do not display visible focus styling when navigated via the keyboard Tab key. Users who rely on keyboard navigation cannot tell which input is currently focused, which is a WCAG 2.1 accessibility violation (Success Criterion 2.4.7 — Focus Visible).

Action Items

  • Identify the login form component and its input elements
  • Add visible :focus / :focus-visible styles (e.g. outline or box-shadow ring) to all interactive form elements
  • Verify that focus order is logical and that each focusable element has a clear visual indicator
  • Test with keyboard-only navigation (no mouse)

Resources/Instructions

Guia do colaborador

Direção de pesquisa
Inspecione o componente do formulário de login para identificar os elementos de entrada, em seguida, adicione estilos de foco visíveis usando a pseudoclasse CSS :focus visible. Teste a navegação apenas pelo teclado para garantir que o indicador de foco esteja visível em todos os elementos interativos.
Pilha de tecnologia
javascript
Domain
frontendaccessibility
Tipo Issue
Bug
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.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
85