ant-design/ant-design

Tabs extra content raises an a11y error

Open

#49.502 aberto em 19 de jun. de 2024

Ver no GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (54.612 forks)batch import
Inactivehelp wantedunconfirmed⌨️ Accessibility

Métricas do repositório

Stars
 (98.031 stars)
Métricas de merge de PR
 (Mesclagem média 3d 4h) (248 fundiu PRs em 30d)

Description

Reproduction link

Edit on StackBlitz

Steps to reproduce

Run Lighthouse or any other a11y tool inside your browser

What is expected?

No a11y errors

What is actually happening?

It raises an ARIA error: "Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children."

The error is caused by the tabs' extra content

Same for the Remove and Add Tab buttons: https://ant.design/~demos/tabs-demo-editable-card

Environment Info
antd 5.18.3
React 18.3.1
System N/A
Browser Edge

Guia do colaborador

Direção de pesquisa
Investigue a renderização do conteúdo extra do componente Tabs e garanta que os papéis ARIA e os filhos necessários sejam aplicados corretamente de acordo com o padrão de guias do WAI ARIA. Verifique o papel tablist e seus papéis filhos.
Pilha de tecnologia
typescriptreact
Domain
frontend
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.
1-3 horas
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
ReactARIA accessibility
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
40