Quantcast
Channel: PowerMapper.com - Website Testing and Site Mapping Tools on PowerMapper Software
Viewing all articles
Browse latest Browse all 539

A element with ONCLICK but no HREF - Screen reader compatibility

$
0
0

Expected Result: causes problems in some screen readers

Actual Result: causes problems in 17 screen reader / browser combinations

WCAG Technique: F42

Code used for this test:

<a onclick='alert(&apos;hello&apos;);'>Hello</a>
    

Change History

  • BetterNVDA with IE Better - caused problems in NVDA 2014.1, but now OK in NVDA 2015.2
  • BetterNVDA with FF Better - caused problems in NVDA 2014.1, but now OK in NVDA 2015.2
  • BetterJAWS with IE Better - caused problems in JAWS 15.0.9023, but now OK in JAWS 16.0.4350
  • BetterJAWS with FF Better - caused problems in JAWS 15.0.9023, but now OK in JAWS 16.0.4350
  • BadVoiceOver OS X Causes problems in VoiceOver OSX 10.10
  • BadVoiceOver iOS Causes problems from VoiceOver iOS 8.4 to VoiceOver iOS 9.1
  • BetterWindowEyes with IE Better - caused problems in WindowEyes 8.4, but now OK in WindowEyes 9.2
  • BadSaToGo with IE Causes problems in SaToGo 3.4.96.0
Screen readerBrowserModeNotesWhat the user hears
OK NVDA 2015.2FF41ReadingLink can be activated in reading mode Speak Link, hello
Fail NVDA 2015.2FF41TabbingSkipped when tabbing
OK NVDA 2015.2IE11ReadingLink can be activated in reading mode Speak Clickable, hello
Fail NVDA 2015.2IE11TabbingSkipped when tabbing
OK NVDA 2014.1FF29ReadingLink can be activated in reading mode Speak Link, hello
Fail NVDA 2014.1FF29TabbingSkipped when tabbing
OK NVDA 2014.1IE11ReadingLink can be activated in reading mode Speak Clickable, hello
Fail NVDA 2014.1IE11TabbingSkipped when tabbing
OK JAWS 16.0.4350FF41ReadingLink can be activated in reading mode Speak Link, hello
Fail JAWS 16.0.4350FF41TabbingSkipped when tabbing
OK JAWS 16.0.4350IE11ReadingLink can be activated in reading mode Speak Link, hello
Fail JAWS 16.0.4350IE11TabbingSkipped when tabbing
OK JAWS 15.0.9023FF29ReadingLink can be activated in reading mode Speak Link, hello
Fail JAWS 15.0.9023FF29TabbingSkipped when tabbing
OK JAWS 15.0.9023IE11ReadingLink can be activated in reading mode Speak Link, hello
Fail JAWS 15.0.9023IE11TabbingSkipped when tabbing
OK JAWS 14.0.9002FF29ReadingLink can be activated in reading mode Speak Link hello
Fail JAWS 14.0.9002FF29TabbingSkipped when tabbing
OK JAWS 14.0.9002IE11ReadingLink can be activated in reading mode Speak Link, hello
Fail JAWS 14.0.9002IE11TabbingSkipped when tabbing
OK WindowEyes 9.2IE11ReadingSpeak Hello, clickable
Fail WindowEyes 9.2IE11TabbingSkipped when tabbing
OK WindowEyes 8.4IE11ReadingSpeak Hello, on click
Fail WindowEyes 8.4IE11TabbingSkipped when tabbing
OK VoiceOver OSX 10.10Safari 9.0.1ReadingSpeak Hello, clickable
Fail VoiceOver OSX 10.10Safari 9.0.1TabbingSkipped when tabbing
Fail VoiceOver iOS 9.1Safari iOS 9.1TouchNo indication that text is a clickable link. Speak Hello
Fail VoiceOver iOS 8.4Safari iOS 8.4TouchNo indication that text is a clickable link. Speak Hello
Fail SaToGo 3.4.96.0IE11Reading TODO
Fail SaToGo 3.4.96.0IE11Reading TODO

SortSite rules: AccWcag2-F42-1

Test notes

The threshold for inclusion in these results is 5% usage in the most recent WebAIM screen reader survey. Chrome and Android still fall below the 5% threshold.

All tests were carried out with screen reader factory settings. JAWS in particular has a wide variety of settings controlling exactly what gets spoken.

Screen readers allow users to interact in different modes, and can produce very different results in each mode. The modes used in these tests are:

  • Reading Content read using the «read next» command in a screen reader
  • Tabbing Content read using the «tab» key in a screen reader
  • Heading Content read using the «next heading» key in a screen reader
  • Touch Content read when touching an area of screen on a mobile device

In the «What the user hears» column:

  • Commas represent short pauses in screen reader voicing
  • Full Stops represent places where voicing stops, and the «read next» or «tab» or «next heading» command is pressed again
  • Ellipsis … represent a long pause in voicing
  • (Brackets) represent voicing that requires a keystroke to hear

Viewing all articles
Browse latest Browse all 539

Trending Articles