jquery/jquery-ui

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

Open

#2.365 aberto em 14 de ago. de 2025

Ver no GitHub
 (4 comments) (0 reactions) (1 assignee)JavaScript (5.390 forks)batch import
AccessibilityBugComp: Tabshelp wanted

Métricas do repositório

Stars
 (11.194 stars)
Métricas de merge de PR
 (Mesclagem média 19d 12h) (2 fundiu PRs em 30d)

Description

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/

Guia do colaborador

Direção de pesquisa
Investigue como o padrão de guias APG lida com a ativação no modo de navegação do NVDA. O atual widget de guias do jQuery UI provavelmente ouve eventos de tecla apenas no modo de foco. Adicione manipuladores de eventos de tecla para as teclas Enter e Espaço nos elementos de guia mesmo no modo de navegação, e garanta que os atributos role='tab' e aria selected sejam atualizados corretamente. Teste com NVDA no modo de navegação.
Pilha de tecnologia
javascripthtmlcss
Domain
accessibilityfrontend
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.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
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
ARIAjQueryAccessibility testing with screen readers
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65