hackforla/VRMS

Login form inputs lack visible focus indicator for keyboard navigation

Ouverte

#2 144 ouverte le 29 avr. 2026

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)JavaScript (100 forks)auto 404
Bugcomplexity: mediumgood first issuep-feature: Loginrole: Front Endsize: 1pt

Métriques du dépôt

Stars
 (61 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

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

Guide contributeur

Direction de recherche
Inspectez le composant du formulaire de connexion pour identifier les elements de saisie, puis ajoutez des styles de focus visibles à l'aide de la pseudo classe CSS :focus visible. Testez la navigation uniquement au clavier pour vous assurer que l'indicateur de focus est visible sur tous les elements interactifs.
Stack technique
javascript
Domaine
frontendaccessibility
Type d'issue
Bug
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.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85