Adding information to pagination test
Developers may wish to add additional context to a pagination module for screen reader users.
Test
Screen readers should:
- announce red content, which will be hidden
- announce the role of the list - as navigation
- announce disabled links as "disabled" - not critical
- announce selected link as "selected" - not critical
Example
Pagination Displaying 1 of 4 search result pages
Code sample
OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
---|---|---|---|---|
Windows 7 | IE 11 |
PASS - red content PASS - disabled PASS - selected |
PASS - red content PASS - disabled FAIL - selected |
|
Windows 7 | IE 8 |
PASS - red content PASS - disabled PASS - selected |
PASS - red content PASS - disabled FAIL - selected |
|
Windows 7 | Chrome 39 |
PASS - red content PASS - disabled PASS - selected |
PASS - red content PASS - disabled FAIL - selected |
|
Windows 7 | Firefox 34 |
PASS - red content PASS - disabled FAIL - selected |
PASS - red content PASS - disabled FAIL - selected |
|
OSX 10.9 | Chrome 39 |
PASS - red content PASS - disabled FAIL - selected |
||
OSX 10.9 | Firefox 34 |
PASS - red content PASS - disabled FAIL - selected |
||
OSX 10.9 | Safari 7 |
PASS - red content PASS - disabled FAIL - selected |