Closed swashbuck closed 1 year ago
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