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

[erikkroes]

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

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.