pwa-studio icon indicating copy to clipboard operation
pwa-studio copied to clipboard

Published 20 hours ago • verified publisher icon magento

[bug]: Mega menu is not accessible in keyboard tab order

Open dani97 opened this issue 3 years ago • 5 comments

Describe the bug

Mega menu sub categories are not accessible.

To reproduce

Steps to reproduce the behavior:

  1. Open PWA home page
  2. move to mega menu item with keyboard tab order
  3. Press down, enter, space, arrow keys to access sub menu
  4. You would not be able to interact with sub categories.

Expected behavior

mega menu should implement https://www.w3.org/TR/wai-aria-practices/#menu

Please complete the following device information:

  • Device [ PC]:
  • Browser [e.g. Chrome, Safari]:
  • Browser Version [e.g. 22]:
  • Magento Version [e.g Magento Commerce 2.4]:

Please let us know what packages this bug is in regards to:

  • [ ] venia-concept
  • [x] venia-ui
  • [ ] pwa-buildpack
  • [ ] peregrine
  • [ ] pwa-devdocs
  • [ ] upward-js
  • [ ] upward-spec
  • [ ] create-pwa

dani97 avatar Aug 30 '21 05:08 dani97

Hi @dani97. Thank you for your report. To help us process this issue please make sure that you provided sufficient information.

Please, add a comment to assign the issue: @magento I am working on this

m2-assistant[bot] avatar Aug 30 '21 05:08 m2-assistant[bot]

@dani97 I checked site https://develop.pwa-venia.com/ and follow your steps but the menu working well. It's not like your report

huykon avatar Sep 13 '21 02:09 huykon

@huykon only down arrow interaction works, but we have to implement it like this https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-2/menubar-2.html#code-ex-1. Also we have to provide role attribute for submenu and menu items for screen reader to identify the submenus.

dani97 avatar Sep 13 '21 09:09 dani97

@magento export issue to JIRA project PWA as Story

anthoula avatar May 23 '22 14:05 anthoula

:white_check_mark: Jira issue https://jira.corp.magento.com/browse/PWA-2870 is successfully created for this GitHub issue.

github-jira-sync-bot avatar May 23 '22 14:05 github-jira-sync-bot

@dani97

as per retesting by QA team issue is not reproducible kindly please help us here with more information if we need to do any specific configurations to reproduce.

glo42707 avatar May 18 '23 09:05 glo42707

@glo42707 I don't remember what I exactly faced at that time. Please feel free to close it if not reproduceable. Thanks

dani97 avatar May 18 '23 09:05 dani97

As this issue is not reproducible at our end, hence we are closing this issue.

glo82145 avatar Jun 01 '23 08:06 glo82145