RE: Example CSS issue with explore by touch

Alan, perhaps I wasn’t very clear in my message.  With VoiceOver on iOS do not swipe to controls or use the keyboard.  Simply use explore by touch to locate the checkboxes and radio buttons.  You should not hear the role or state.  The legend not being announced is an iOS bug in versions less than 9.1.

The same thing occurs for me with Firefox and Talkback on Android 6.  When you do not swipe or use the keyboard and instead explore by touch you only hear the labels and not the role or checkbox.

In Chrome explore by touch seems to work correctly.

Jonathan

From: alands289@gmail.com [mailto:alands289@gmail.com]
Sent: Thursday, November 12, 2015 1:51 PM
To: Jonathan Avila <jon.avila@ssbbartgroup.com>; public-mobile-a11y-tf@w3.org
Subject: Re: Example CSS issue with explore by touch

Jonathan and team,

With VoiceOver I hear all labels, roles and states but focus never goes to the label for Favorite Music or Gender. And thus, those labels do not get read.
With Chrome and Talkback on Galaxy Note 4 and Galaxy Tab 2 I hear everything.

Sent from Windows Mail

From: Jonathan Avila<mailto:jon.avila@ssbbartgroup.com>
Sent: ‎Thursday‎, ‎12‎ ‎November‎, ‎2015 ‎1‎:‎34‎ ‎PM
To: public-mobile-a11y-tf@w3.org<mailto:public-mobile-a11y-tf@w3.org>

All, per our discussion on today’s call I have provided an example of where the swipe order experience is different from the explore by touch experience.

In the example below you can swipe to the checkboxes and hear the name, role, and state.  If you run your finger around the example with VoiceOver you will only hear the label because the actual control with the role and state are positioned off-screen.

http://mraccess77.github.io/examples/CSS_Checkboxes.html


So the point is that touch screen  screen reader users have two ways to they can navigate.

Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART Group
jon.avila@ssbbartgroup.com<mailto:jon.avila@ssbbartgroup.com>
703.637.8957 (o)
Follow us: Facebook<http://www.facebook.com/#%21/ssbbartgroup> | Twitter<http://twitter.com/#%21/SSBBARTGroup> | LinkedIn<http://www.linkedin.com/company/355266?trk=tyah> | Blog<http://www.ssbbartgroup.com/blog> | Newsletter<http://eepurl.com/O5DP>