Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[MGTP - Mgt-Planner - docs]: Keyboard focus is getting lost when user activates 'Cancel' button. #3377

Open
vagpt opened this issue Jan 15, 2025 · 0 comments

Comments

@vagpt
Copy link
Collaborator

vagpt commented Jan 15, 2025

Test Environment:
OS Build: Windows 11
Version: 24H2 (OS Build 25346.1001)
Browser: Edge dev
Browser Version 114.0.1807.5 (Official build) dev (64-bit)
URL: https://mgt.dev/?path=/story/editor--editor
User ID: V-id

Pre-Requisite:
Navigate through the keyboard only.

Repro Steps:

  1. Open the above URL and login with valid credentials.
  2. Press 'Ctrl+Win+Enter' keys to turn on Narrator.
  3. 'Microsoft Graph Toolkit Playground' Overview page will get displayed.
  4. Press tab key and navigate to 'Mgt-Planner control and press enter key to activate it.
  5. Now press tab key and navigate to the docs option and press enter key to expand it.
  6. Press tab key and navigate to the 'Add' button and press enter key to activate it.
  7. Now press tab key and navigate to 'Cancel' button and press enter key to activate it and observe the issue.

Actual Result:
After activating the 'Cancel' button using enter key, Keyboard focus is getting lost and on pressing enter key or spacebar key no action is being performed. On pressing tab key it lands on the 'Take Inventory' radio button.

Expected Result:
Keyboard focus should not be lost when user activates the 'Cancel' button. After activating the cancel button, it should land on the 'Add' button.

Note:
Same issue is repro throughout the application for the same control.

User Impact:
It will impact the keyboard user as they will get confused if the focus will lost also. It will take extra effort for them to renavigate on the same control.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships

Have feedback to share on Bugs? please tag bug as “A11yRCA” and add your feedback in the comment section.

KB.focus.lost.after.activating.cancel.Button.mp4
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Needs Triage 🔍
Development

No branches or pull requests

1 participant