Aria-live content read twice by Mac - Chrome - VoiceOver, when the content is in the iframe. Below links are the example by "developer mozilla". I want to know whether this is an issue or not, If so, is there any solution to fix this?
Links
Aria-live in iframe In this link aria-live content reads twice.
Aria-live not in iframe In this link aria-live reads content only once.
Aria-live content read twice by Mac - Chrome - VoiceOver, when the content is in the iframe. Below links are the example by "developer mozilla". I want to know whether this is an issue or not, If so, is there any solution to fix this?
Links
Aria-live in iframe In this link aria-live content reads twice.
Aria-live not in iframe In this link aria-live reads content only once.
- I'm also experiencing this issue. I didn't realize it was just in iFrame's though. Thank you for pointing that out. I'm testing in Storybook, which loads in an iFrame, so that would make sense. To add on to this, I'm only experiencing this issue when the politeness setting is "polite". It doesn't seem to effect "assertive" announcements. Also, I'm seeing this in Safari and Firefox on my Mac as well. – Don Brody Commented Jun 2, 2020 at 19:33
2 Answers
Reset to default 10 +50It's a known issue and a bug in VoiceOver, with apparently no known solution.
Read: VoiceOver duplicates alerts in iframes
According to that page, a bug report has been sent to Apple
A Twitter User, Ryan Seddon says that the bug only appear with aria-live=polite and not assertive
Can you try by giving some role to the element where you keep aria-live?
Ex:
<div aria-live="polite" role="text"> ..... </div>