search

webcomponents / polyfills

Web Components Polyfills
BSD 3-Clause "New" or "Revised" License
1.14k stars 165 forks source link

[custom-elements] Element with image role ignored by IE11/JAWS #406

Open erikkroes opened 3 years ago

erikkroes commented 3 years ago

Description

A custom element with a role="img" does not get announced by IE11 with the screen reader JAWS. It gets ignored/skipped completely.

I made a CodePen with some variations to test and they all get pronounced with IE11/JAWS like they should: https://codepen.io/erikkroes/pen/QWErxzx There's a <div> with a role="img", and also custom-element-like tag names. They all are detected by a screen reader and get pronounced.

In our StoryBook we use a polyfill to create custom elements for IE11. The demo's do not get pronounced. https://lion-web-components.netlify.app/?path=/docs/icons-icon--main The page does seem to work fine with other browser/screen reader combinations. This gives me the impression that the issue is with the polyfill. The browser and/or screen reader also crashed constantly while testing, which didn't inspire much hope.

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.