search

KhalisFoundation / sttm-web

STTM website - https://www.sikhitothemax.org
https://www.sikhitothemax.org
Open Software License 3.0
50 stars 34 forks source link

Accessibility issue on virtual keyboard #1388

Closed learnwithgurpreet closed 3 years ago

learnwithgurpreet commented 3 years ago

Describe the bug While navigating the website with Mac Voice over I can see it is reading virtual keyboard even it's hidden.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://www.sikhitothemax.org
  2. Open voice over on Mac (Command + F5)
  3. Navigate through interactive elements
  4. See voice over is coming on the virtual keyboard (even if it's not open)

Expected behavior Screen reader shouldn't read virtual keyboard elements when it's hidden

Screenshots https://user-images.githubusercontent.com/3865313/114364428-ad8d5180-9b79-11eb-88bc-d602571e6837.mov

Desktop (please complete the following information):

Additional context N/A

learnwithgurpreet commented 3 years ago

Code has been merged into the dev branch and already available on http://dev.sikhitothemax.org/

learnwithgurpreet commented 3 years ago

reopening since we are waiting for this issue to be deployed on PROD.