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.

Sign up for GitHub

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

Jump to bottom

{Linked:Bug214386; LinkedBug} [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. #4242

Closed
Anshi0420 opened this issue Aug 8, 2023 · 10 comments
Closed

{Linked:Bug214386; LinkedBug} [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. #4242

Anshi0420 opened this issue Aug 8, 2023 · 10 comments
Labels
a11y Accessibility-related bugs A11y-3P A11yExternal A11ySev2 Accessibility Team tag - P2 items A11yWCAG Accessibility Team tag - Web Content Accessibility Guidelines Accessibility [E+D] Issues found by the accessibility E+D Team at Microsoft bug 🐛 CT-July23 CT-June24 external-dependency HCL-E+D needs attention 👋 needs triage 🔍 Product-PWABuilder For Tracking PWABuilder bugs by Accessibility E+D team PWABuilder_Web

Comments

@Anshi0420
Copy link
Collaborator

Anshi0420 commented Aug 8, 2023 •
edited
Loading

What happened?

Keyboard focus is not visible at Hamburger menu present at the UI.

How do we reproduce the behavior?

Repro Steps:

  1. Open the PWA Builder URL in Anaheim dev browser.
  2. PWA Builder home page will appear.
  3. Navigate on the Hamburger menu with keyboard.
  4. Observe the Keyboard focus.

What do you expect to happen?

Proper keyboard focus must be visible for the Hamburger menu present at the UI.

What environment were you using?

Test Environment:
OS Build: Windows 11 Enterprise 22H2 (22623.1325)
Edge Browser: Version 22623.1325(Official build) dev (64-bit)
URL: https://docs.pwabuilder.com/#/
User ID: V-

Additional context

Observation:
When we navigate with narrator, narrator focus land on hamburger menu.

User Experience:
If the keyboard focus will not be visible at the hamburger menu, then the users dependent on keyboard will be unable to know where the keyboard focus is, and they will be unable to access hamburger menu present at the UI properly.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html

Attachments:
Code_Snip

2023-08-09.18-17-26.mp4
@Anshi0420 Anshi0420 added bug 🐛 needs triage 🔍 a11y Accessibility-related bugs A11yWCAG Accessibility Team tag - Web Content Accessibility Guidelines Accessibility [E+D] Issues found by the accessibility E+D Team at Microsoft A11ySev1 Accessibility Team tag - P1 items Product-PWABuilder For Tracking PWABuilder bugs by Accessibility E+D team HCL-E+D CT-July23 A11ySev2 Accessibility Team tag - P2 items and removed A11ySev1 Accessibility Team tag - P1 items labels Aug 8, 2023
@Anshi0420 Anshi0420 changed the title [PWA Builder-Blog]: Hamburger menu is not accessible with keyboard. [PWA Builder-Blog]: Keyboard focus is not visible at Hamburger menu present at the UI. Aug 9, 2023
@Suriya617 Suriya617 mentioned this issue Aug 17, 2023
Closed
@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

1 similar comment
@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

@Jaylyn-Barbee Jaylyn-Barbee changed the title [PWA Builder-Blog]: Keyboard focus is not visible at Hamburger menu present at the UI. [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. Aug 28, 2023
@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

2 similar comments
@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

@Jaylyn-Barbee Jaylyn-Barbee moved this to Blocked 🔒 in PWABuilder Oct 4, 2023
@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

1 similar comment
@microsoft-github-policy-service
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

@Anshi0420 Anshi0420 changed the title [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. {Linked:Bug214386, LinkedBug} [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. Oct 17, 2023
@Suriya617
Copy link
Collaborator

IRT partner bug ID for tracking: https://dev.azure.com/CSS-IRT/CSS%20IRT/_workitems/edit/214386

@github-project-automation github-project-automation bot moved this from Blocked 🔒 to Done ✔️ in PWABuilder Oct 18, 2023
@Anshi0420 Anshi0420 changed the title {Linked:Bug214386, LinkedBug} [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. {Linked:Bug214386} [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. Oct 20, 2023
@Anshi0420 Anshi0420 changed the title {Linked:Bug214386} [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. {Linked:Bug214386; LinkedBug} [DOCS]: Keyboard focus is not visible at Hamburger menu present at the UI. Oct 20, 2023
@Suriya617 Suriya617 mentioned this issue Jun 27, 2024
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
a11y Accessibility-related bugs A11y-3P A11yExternal A11ySev2 Accessibility Team tag - P2 items A11yWCAG Accessibility Team tag - Web Content Accessibility Guidelines Accessibility [E+D] Issues found by the accessibility E+D Team at Microsoft bug 🐛 CT-July23 CT-June24 external-dependency HCL-E+D needs attention 👋 needs triage 🔍 Product-PWABuilder For Tracking PWABuilder bugs by Accessibility E+D team PWABuilder_Web
Projects
PWABuilder
Status: Done ✔️
Milestone
No milestone
Development

No branches or pull requests
3 participants
@Jaylyn-Barbee @Suriya617 @Anshi0420