zulip/zulip

Keyboard navigation for message action buttons in overlays

Open

#39 005 ouverte le 17 avr. 2026

Voir sur GitHub
 (10 commentaires) (0 réactions) (1 assigné)Python (19 672 stars) (7 339 forks)batch import
area: keyboard UIarea: modals and overlaysbughelp wantedin progress

Description

Currently, it's not possible to navigate to message action buttons in Drafts, Scheduled messages and Message reminders with the keyboard.

We should fix this, making keyboard nav work with Tab/Shift+Tab.

Guide contributeur

Stack technique
javascripthtmlcssreact
Domaine
frontendaccessibility
Type d'issue
accessibility
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic JavaScriptUnderstanding of keyboard navigationFamiliarity with React focus management
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70
Direction de recherche
The issue requires adding keyboard navigation (Tab/Shift+Tab) to message action buttons in Drafts, Scheduled messages, and Message reminders overlays. Start by locating the overlay components in the codebase, likely under static/js/ or related directories. Check if the action buttons are focusable by default and if they have appropriate tabIndex values. Look for existing keyboard navigation patterns in the main message view for reference. The issue comments may contain additional hints or preferred implementation approaches. Ensure that focus trapping and focus order are considered to maintain accessibility standards.