Accessibility: Focusable div at beginning of modals
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- accessibility, frontend
Piste de recherche
Commencez par la reproduction CodeSandbox liée et examinez la gestion du focus de la boîte de dialogue après son ouverture. Utilisez Tab pour reproduire le déplacement du focus vers le div masqué après le bouton OK. C’est terminé lorsque le focus reste visible et circule entre les éléments interactifs à l’intérieur de la fenêtre modale.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Reproduction link
Steps to reproduce
- Open modal
- Use keyboard Tab key to move focus
- Note that focus is "lost" (become invisible) after moving past the OK button, due to focus moving to the hidden div at the top of the modal
What is expected?
Focus should stay within the modal, moving between interactive elements, and should not disappear at any point
What is actually happening?
Focus visually disappears when landing on the non-interactive and invisible hidden
at the top of the modal Environment | Info -- | -- antd | 5.17.0 React | 17 System | Mac Sonoma 14.4.1 (23E224) Browser | Version 124.0.6367.158 (Official Build) (arm64)This is technically a failure of the Focus Visible and Focus Order WCAG guidelines:
Focus Visible: https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html
Focus Order: https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html
- Langage dominant
- TypeScript
- Étoiles
- 455
- Forks
- 207
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de react-component/dialog
-
Difficulté 3/5 1-2 jours Accessibilité débutants 38/100
react-component/dialog#467 · 1 réaction ·
-
为什么dialog没有淡入淡出的动画呀Ouverte
Difficulté 3/5 1-2 jours Accessibilité débutants 25/100
react-component/dialog#450 ·
-
有没有安卓版啊Ouverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 15/100
react-component/dialog#407 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 45/100
react-component/dialog#382 · 3 commentaires ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 45/100
react-component/dialog#342 ·
Toutes les issues de react-component/dialog
Issues similaires
-
[Bug]: Fix for unicode filenamesOuverte🐛 bug
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
LibreChat-AI/LibreChat#17733 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
TypeStrong/typedoc#3150 ·
-
accessibility bug good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 1 jour
-
Normalize image-source MIME types before SVG dispatchPeut-être pris @HarsH-1877 l’a pris aujourd’hui. Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
tscircuit/image-utils#58 · 1 commentaire ·
-
Add API: BlockVectra Data APIOuverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 74/100
Les mainteneurs répondent en général sous 2 jours