Status content discoverable by mobile screen reader swipe gestures

Description

Mobile screen reader users will run into the status content when using swipe gestures. This may cause confusion as to the position or purpose of this seemingly duplicate content.

Adding aria-hidden to the container will avoid this issue as this cause screen readers to bypass the container altogether:

// status-announcer.ts:81
statusElement.setAttribute('aria-hidden', 'true');

Live Demo

1. Go to <model-viewer> with Chrome for Android
2. Load up TalkBack screen reader
3. Swipe right with one finger until the status content is found

Browser Affected

• Chrome
• Edge
• Firefox
• Helios
• IE
• Safari

OS

• Android
• iOS
• Linux
• MacOS
• Windows

Versions

• model-viewer: v0.1.1

[svinkle]

the status element is read two times (once when the text content changes, and once again as you cycle through elements while swiping)?

Yes, exactly this.

If we added aria-hidden to the element, would changes to its text content still be announced correctly?

Yes, announcements still occur as expected.

There would be no change other than the visually hidden text node is bypassed while using swipe navigation.

[elalish]

I think this was fixed as part of our other a11y work.