palantir/blueprint

Tabable or otherwise keyboard controllable Menu / MenuItem

Open

#3 079 ouverte le 26 oct. 2018

Voir sur GitHub
 (8 commentaires) (4 réactions) (0 assignés)TypeScript (20 263 stars) (2 167 forks)batch import
Domain: accessibilityP1Package: coreType: enhancementhelp wanted

Description

Environment

  • Package version(s): 2.3.1 (also in your v3 demo)
  • Browser and OS versions: Safari 12.0, Chrome 69.0

Feature request

Popover-menues should be tabable or keyboard-controllable in any other way other than only by hotkeys for exactly one menu-item.

Current buggy behaviour: Going to the menu demo and trying to tab will open the second last menu item in the second menu. tabbing again will open the submenu of the last menu-item. tabbing another time will focus the last menu-item of the submenu.

Setting tabIndexes on each Popover and Menu Item will enable to either tab through popovers or menu items as soon as a menu is opened.

Examples

You can see the before mentioned example here: http://blueprintjs.com/docs/#core/components/menu

Guide contributeur

Stack technique
typescriptreact
Domaine
frontendaccessibility
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
React basicsAccessibility fundamentalsKeyboard navigation patterns
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65
Direction de recherche
Examine the current implementation of Menu, MenuItem, and Popover components in the Blueprint repository. Review the issue comments for any suggested approaches or existing work. Implement keyboard navigation using ARIA menu patterns (e.g., roving tabindex) and ensure compatibility with browser tab behavior. Test across different browsers to verify fix.