Autodesk / Autodesk/react-base-table

Keyboard tabbing order issue

Ouverte
#316 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.