jquery/jquery-ui

The Tabs Widget cannot be activated using NVDA screen reader while navigating in brows mode

Open

#2365 aperta il 14 ago 2025

Vedi su GitHub
 (4 commenti) (0 reazioni) (1 assegnatario)JavaScript (5390 fork)batch import
AccessibilityBugComp: Tabshelp wanted

Metriche repository

Star
 (11.194 star)
Metriche merge PR
 (Merge medio 19g 12h) (2 PR mergiate in 30 g)

Descrizione

The Tabs Widget cannot be activated using NVDA screen reader while navigating in brows mode

Steps to Reproduce:

  1. Open Tabs Widget Example on Chrome Browser.
  2. Turn on NVDA screen reader.
  3. Start navigating with the 'h' quick navigation key till the NVDA focus reaches the Example > Demo heading.
  4. Start navigating with down arrow. When 'One' tab is active press down arrow till the NVDA focus moves to the 'Two' tab.
  5. Press enter and space key and observe.

Description: NVDA is a screen reader. Users with blindness use to operate computer. All UI elements are required to be operable with screen reader. In the current scenario a blind screen reader user cannot activate tabs when navigating with the NVDA brows mode. The tabs are actionable only with the focus mode. This causes lots of issues to screen reader users and many will not know how to switch from brows to focus mode just to activate a tab. The APG Tab Example works fine with NVDA brows mode. NVDA screen reader can be downloaded from: https://www.nvaccess.org/download/

Guida contributor

Direzione di ricerca
Indaga come il pattern delle schede APG gestisce l'attivazione in modalità navigazione di NVDA. L'attuale widget schede di jQuery UI probabilmente ascolta gli eventi keydown solo in modalità focus. Aggiungi gestori di eventi keydown per i tasti Invio e Spazio sugli elementi delle schede anche in modalità navigazione, e assicurati che gli attributi role='tab' e aria selected vengano aggiornati correttamente. Testa con NVDA in modalità navigazione.
Tech stack
javascripthtmlcss
Dominio
accessibilityfrontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ARIAjQueryAccessibility testing with screen readers
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65