proudcity / wp-proudcity

The ProudCity WordPress platform
https://proudcity.com
Other
21 stars 9 forks source link

When navigating through the page with TAB key only at 400% with the mobile hamburger menu on screen, the hamburger menu and the close button on the expanded hamburger menu both activate without user input #2508

Open lukefretwell opened 3 months ago

lukefretwell commented 3 months ago

Source

https://airtable.com/appRFUc45sF4yWFut/tbl51inE74gEWlB0x/viwG9G4vAjsjQEh4g/recjFm47TrtADJUqm?blocks=hide

Describe the bug

A clear and concise description of what the bug is.

https://www.adapacific.org/housing/

When navigating through the page with TAB key only at 400% with the mobile hamburger menu on screen, the hamburger menu and the close button on the expanded hamburger menu both activate without user input. The expectation is that when the hamburger menu or the close button has focus, it would open or close respectively ONLY when a user makes a selection to do so. In both cases, on focus, the menu opens and closes. See video. In the video ONLY the TAB key is used in navigation, no enter or space. '

Users will expect to decide whether to open or close a hamburger menu or whether to close the menu using the x button. Recommendations

Screenshots

If applicable, add screenshots to help explain your problem.

https://github.com/proudcity/wp-proudcity/assets/1569463/ce8d9177-23ea-475f-8ec0-3156ee93ec3d