Autodesk / Autodesk/react-base-table
Keyboard tabbing order issue
- Langage dominant
- TypeScript
- Étoiles
- 1.5k
- Forks
- 170
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Description
Noticing that if you have a tab index in the header cells and the body cells you need to go through the whole table body cells before you are able to navigation to the header cell. https://codesandbox.io/s/react-base-table-forked-ujr0o
Looking through the codebase it seems like this markup order change was related to a styling issue.
" // put header after body and reverse the display order via css // to prevent header's shadow being covered by body"
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par le CodeSandbox lié pour reproduire la séquence de tabulation, puis recherchez dans la base de code le commentaire concernant le placement du header après le body et l’inversion de l’ordre d’affichage avec CSS. Suivez le markup du header et du body du tableau, identifiez pourquoi l’ordre de navigation au clavier diffère de l’ordre visuel, et vérifiez que les cellules du header sont accessibles avant celles du body sans réintroduire de régression dans le style de l’ombre du header.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- react, typescript
- Domaine
- accessibility, frontend
- Type d'issue
- Bug
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 35/100