Improve top bar menu navigation for keyboard and screen reader users
@OsirisMedici y travaille déjà.
Depuis le 3/3/2023.
Évaluation
Cette issue n'a pas encore été évaluée.
Description
The top bar of the Processing website's dropdowns are not properly accessible for keyboard and screen reader users.
Current behavior
- Tabbing through the top bar menu gives limited information about the nature and state of dropdown buttons.
Desired behavior
- When tabbing through the menu, screen reader should announce "[button name] menu button collapsed submenu."
- When pressing enter, screen reader should announce "expanded" and actually expand the submenu.
This can be achieved using aria-expanded and aria-controls.
Example
A good example of an accessible menu with dropdowns can be found here: https://www.audioeye.com/consultants/
References
Further information about dropdown accessibility can be found here: https://accessuse.eu/en/drop-down-menus.html
- Langage dominant
- MDX
- Étoiles
- 90
- Forks
- 122
- Merge moyen
- 1 h 43 min
- PR mergées (30 j)
- 3
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
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 processing/processing-website
-
Difficulté 2/5 1-3 heures Accessibilité débutants 76/100
processing/processing-website#716 ·
-
Missing isLooping documentation Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
processing/processing-website#703 ·
-
Good First Issue Help Wanted Reference
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
processing/processing-website#698 · 5 commentaires · 1 réaction ·
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 72/100
processing/processing-website#681 · 2 commentaires ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
processing/processing-website#646 · 3 commentaires ·