Back to home

Hiding information from screen readers test

Developers may wish to hide functionality from screen reader users.

Option 1: Button content - aria-hidden="true"

Test

Example

Code sample

<button aria-hidden="true">Save</button>
Support chart
OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 "Blank" Reads heading above
Windows 7 IE 8 "Blank" "Example heading level 3"
Windows 7 Chrome 39 "Blank" Reads heading above
Windows 7 Firefox 34 "Blank" "Save button. To activate press space bar"
OSX 10.9 Chrome 39 "Group"
OSX 10.9 Firefox 34 "Save button"
OSX 10.9 Safari 7 "Group"

Option 2: Button content - role="presentation"

Test

Example

Code sample

<button role="presentation">Reset</button>
Support chart
OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 Reads table "Reset"
Windows 7 IE 8 Pass "Reset"
Windows 7 Chrome 39 Pass Reads heading above
Windows 7 Firefox 34 Pass "Reset button. To activate press space bar"
OSX 10.9 Chrome 39 "Reset button"
OSX 10.9 Firefox 34 "Reset button"
OSX 10.9 Safari 7 "Reset button"

Option 3: Button content - aria-hidden="true" and role="presentation"

Test

Example

Code sample

<button aria-hidden="true" role="presentation">Close</button>
Support chart
OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 Reads table Reads heading above
Windows 7 IE 8 Pass "Example heading level 3"
Windows 7 Chrome 39 Pass Reads heading above
Windows 7 Firefox 34 Pass "Close button. To activate press space bar"
OSX 10.9 Chrome 39 "Group"
OSX 10.9 Firefox 34 "Close button"
OSX 10.9 Safari 7 "Group""

Option 4: Link content - aria-hidden="true"

Test

Example

Code sample

<a href="#"aria-hidden="true">Cancel</a>
Support chart
OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 Reads table "Close button. To activate press space bar"
Windows 7 IE 8 Pass "Example heading level 3"
Windows 7 Chrome 39 Pass "Close button. To activate press space bar"
Windows 7 Firefox 34 Pass "Cancel. Link"
OSX 10.9 Chrome 39 "Group"
OSX 10.9 Firefox 34 "Link. Cancel"
OSX 10.9 Safari 7 "Group"

Bottom of page - Back to home