adobe/spectrum-web-components

[Bug][a11y]: Table selected row state without "selects" specified lacks sufficient contrast

Aberta

#3.399 aberto em 29 de jun. de 2023

Ver no GitHubGuia do colaborador
 (2 comentários) (0 reação) (1 responsável)TypeScript (256 forks)auto 404
Component:TableGood first issueSEV missingSpectruma11ybug

Métricas do repositório

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

Description

Code of conduct

  • I agree to follow this project's code of conduct.

Impacted component(s)

Table

Expected behavior

It should be possible to distinguish a selected row from a not selected row even when the selection checkbox is not present.

See React-Spectrum for a positive example: https://react-spectrum.adobe.com/react-spectrum/TableView.html#highlight-selection

Actual behavior

Selected row state with not selects attribute specified lacks sufficient contrast to distinguish selected rows from not selected rows, which is a failure of WCAG 2.1 Success Criterion 1.4.11 Non-text Contrast

Screenshots

No response

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

  1. Go to '...'
  2. Click on '....'
  3. Scroll to '....'
  4. Check console
  5. See error

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

Guia do colaborador

Direção de pesquisa
Ajuste os estilos CSS das linhas selecionadas para aumentar a taxa de contraste, garantindo que atenda ao Critério de Sucesso 1.4.11 do WCAG 2.1 (Contraste Não Textual). Inspecione os estilos existentes para o estado selecionado e modifique a cor de fundo ou adicione dicas visuais como uma borda esquerda.
Pilha de tecnologia
typescript
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.
2
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
CSSAccessibility
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70