You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using the VoiceOver screenreader and navigating to a locked menu item, child elements that receive focus are announced as "clickable". This is misleading since locked menu items cannot be clicked.
Cause
VoiceOver announces "clickable" when an element or one of its ancestors has a click event handler. The click event is assigned to the .menu-item and then delegated to the <button> with the js-btn-click class.
Looking for advice on how to handle this issue. I believe Backbone attaches any event to the view's el (the .menu-item in this case), so not sure how we could work around this?
Steps to reproduce
Enable VoiceOver
Navigate to a locked menu item
Navigate to the title within this item.
Expected behaviour
"clickable" should not be announced on the title since the item is locked and cannot be clicked.
Actual behaviour
"clickable" is announced
The text was updated successfully, but these errors were encountered:
swashbuck
changed the title
Accessibility: Menu item children announced as clickable when item is locked
Accessibility: Locked menu item children announced as clickable
Jun 23, 2023
swashbuck
changed the title
Accessibility: Locked menu item children announced as clickable
Accessibility: Locked menu item children announced as "clickable"
Jun 23, 2023
swashbuck
changed the title
Accessibility: Locked menu item children announced as "clickable"
VoiceOver: Locked menu item children announced as "clickable"
Jun 26, 2023
After reviewing this ticket on PC, I am not experiencing the issue on JAWS or NVDA, only Mac VoiceOver. I think we can attribute this to an issue with VoiceOver, so I'll close this ticket. I've also updated the ticket title and description for posterity.
Subject of the issue
When using the VoiceOver screenreader and navigating to a locked menu item, child elements that receive focus are announced as "clickable". This is misleading since locked menu items cannot be clicked.
Cause
VoiceOver announces "clickable" when an element or one of its ancestors has a click event handler. The click event is assigned to the
.menu-item
and then delegated to the<button>
with thejs-btn-click
class.Looking for advice on how to handle this issue. I believe Backbone attaches any event to the view's el (the
.menu-item
in this case), so not sure how we could work around this?Steps to reproduce
Expected behaviour
"clickable" should not be announced on the title since the item is locked and cannot be clicked.
Actual behaviour
"clickable" is announced
The text was updated successfully, but these errors were encountered: