adobe/spectrum-web-components

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

Ouverte

#3 399 ouverte le 29 juin 2023

Voir sur GitHubGuide contributeur
 (2 commentaires) (0 réaction) (1 personne assignée)TypeScript (256 forks)auto 404
Component:TableGood first issueSEV missingSpectruma11ybug

Métriques du dépôt

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

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

Guide contributeur

Direction de recherche
Ajustez les styles CSS des lignes sélectionnées pour augmenter le rapport de contraste, en veillant à respecter le critère de succès 1.4.11 des WCAG 2.1 (Contraste non textuel). Inspectez les styles existants pour l'état sélectionné et modifiez la couleur d'arrière plan ou ajoutez des indices visuels comme une bordure gauche.
Stack technique
typescript
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.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSAccessibility
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70