VoiceOver: Locked menu item children announced as "clickable"

[swashbuck]

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 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

1. Enable VoiceOver
2. Navigate to a locked menu item
3. 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

[swashbuck]

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.