1703171 - accesskey inside shadow DOM not exposed to a11y

Status: RESOLVED FIXED

(Core :: Disability Access APIs, defect, P1)

Description

[James Teh [:Jamie]]

STR:

1. Open this URL:

   data:text/html,
   <div id="host"></div>
   <script>
   const shadow = host.attachShadow({mode: "open"});
   shadow.innerHTML = '<button accesskey="t">Test</button>';
   </script>
   

2. Right click the button and choose "Inspect Accessibility Properties".
3. Check the keyboardShortcut property.
   • Expected: "alt+shift+t"
   • Actual: ""

This causes problems for the new browser info bars (pref: browser.proton.infobars.enabled) because the notification buttons are inside shadow DOM.

Comment 1

[James Teh [:Jamie]]

Attachment: Bug 1703171: Support a11y exposure of accessKey for elements in shadow DOM.

Previously, when determining the modifier, the code used the uncomposed document, which will be null for an element inside shadow DOM.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/d2f40c7c26cd
Support a11y exposure of accessKey for elements in shadow DOM. r=morgan

Comment 3

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

https://hg.mozilla.org/mozilla-central/rev/d2f40c7c26cd