Updated from Short note on role none or presentation?
none or presentation?
Do either work across browsers and Screen Readers?
Details on Use of role=presentation
or role=none
Short answer is:
- All modern browsers support both
role="none"
androle="presentation"
- Internet Explorer 11 supports
role="presentation"
only - JAWS 2021 works around IE’s lack and so supports
role="none"
- NVDA 2020.4 does not work around IE’s lack of support and so does not support
role="none"
- Version 89.0.774.75 (Official build) (64-bit) supports both, Narrator works as expected.
- NVDA and JAWS work as expected with Firefox 64.0b12 (64-bit) and Chrome Version 70.0.3538.110 (Official Build) (64-bit).
- VoiceOver with Safari 12.01 and Chrome Version 67.0.3396 on macOS Sierra works as expected.
- VoiceOver with Firefox 87, macOS 10.15.6 & 11.2.3 works as expected.
See the Pen
none or presentation? by steve faulkner (@stevef)
on CodePen.