RE: Accessible Interactive Calendar recommendations

Hello Bryan,

Great job this datepicker was the one that seemed to work cross browser and be most usable. I have a few questions I would love your feedback on.


-          Every accessible calendar widget example uses the tab key to navigate to prev/next month/year controls and the current or selected date. Then uses the arrow keys to navigate through the dates.


o   Question: Is this interaction of using the tab key then the arrow keys intuitive to the majority of blind screen reader users without any keyboard instructions? How would one know to use the arrow keys after tabbing to the date?



-          I see that you are using a role=link for the dates which makes sense to me since it is an interactive element. I have seen many datepickers user role=gridcell which I would think the majority of everyday screen reader users would not recognize and not know it can be selected since it is not a common interactive element like a link or button.


o   Question: I have asked a blind users at a conference if they recognized some of the not so common ARIA attributes and they did not. How do you think we can create awareness and educate the blind screen reader community about these attributes?

Thank you,
Zach Bolena


From: Bryan Garaventa [mailto:bryan.garaventa@levelaccess.com]
Sent: Saturday, December 2, 2017 12:57 AM
To: Steve Green; w3c-wai-ig@w3.org
Subject: RE: Accessible Interactive Calendar recommendations

Hi,
I’m actually the one who programmed all of the WhatSock widgets archived here
https://github.com/accdc/tsg<https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_accdc_tsg&d=DwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=lDmRVksMs9u4MsVvM24qT4r3dAfRU301KmoPt4ncUN0&s=t5Sxx19FXuNRA9h9evNic7IkB1Eg-S4kqqyuKlZgJ4A&e=>
(Along with everything else on WhatSock and all of the accessible repos at https://github.com/accdc?tab=repositories<https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_accdc-3Ftab-3Drepositories&d=DwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=lDmRVksMs9u4MsVvM24qT4r3dAfRU301KmoPt4ncUN0&s=MDXPumSo1Mdt0pPbTw9CtQ0BDRFt0eSOm4u0_SJmSDY&e=> )

My point in saying this is that I am totally blind, and all of these technologies are intentionally designed to be supported in the most common screen reader and browser combinations which is where I do my testing for all of these things. Also, I am perfectly happy to fix any issues that people do encounter, or explain further when there are breakdowns in levels of support in some assistive technologies if applicable.

So if you could please list all of the accessibility issues that you are encountering with the WhatSock datepicker, such as the following, I would appreciate it.
http://whatsock.com/tsg/Coding%20Arena/ARIA%20Date%20Pickers/ARIA%20Date%20Picker%20(with%20Disabled%20Date%20Ranges)/demo.htm<https://urldefense.proofpoint.com/v2/url?u=http-3A__whatsock.com_tsg_Coding-2520Arena_ARIA-2520Date-2520Pickers_ARIA-2520Date-2520Picker-2520-28with-2520Disabled-2520Date-2520Ranges-29_demo.htm&d=DwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=lDmRVksMs9u4MsVvM24qT4r3dAfRU301KmoPt4ncUN0&s=kxwIUMEawYaKeqhcqZ0YSB_gVL7o2fF9B17JcliLees&e=>

I have tested  this successfully across IE11, Firefox, and Chrome using JAWS 12 through 18 on Win 7 through 10, as well as the latest versions of NVDA going back three years in the same combinations, plus iOS VoiceOver in Safari on both the iPad and iPhone for touch device support. This too has been tested successfully by sighted Dragon users with voice commands to ensure accessibility there as well using standard voiced keyboard commands as expected.

It’s always possible that I may have missed something, so please let me know which issues you are having difficulty with and I’ll be happy to provide more info or update the widget accordingly.

Best wishes,
Bryan


Bryan Garaventa
Accessibility Fellow
Level Access, Inc.
Bryan.Garaventa@LevelAccess.com
415.624.2709 (o)
www.LevelAccess.com

From: Steve Green [mailto:steve.green@testpartners.co.uk]
Sent: Friday, December 01, 2017 5:35 PM
To: w3c-wai-ig@w3.org
Subject: RE: Accessible Interactive Calendar recommendations

As I commented on Dennis’s article, most of those are totally inaccessible (at least for screen reader users) and there are issues with the only two that are usable at all. In fact, the more I test them, the more issues I find.

I have tested lots of other date pickers too, but none are any better. Right now, my view is that there are none that you can just pick up and use, and most are not even fixable. The Deque and Whatsock ones might be fixable but I certainly don’t have the skills to do that.

The problem is compounded by the fact that their behaviour varies greatly depending on not only which screen reader mode you navigate with inside the date picker (i.e. forms mode or virtual cursor mode), but it can also vary depending on how you entered the date picker (i.e. whether you tabbed in or used the arrow keys). There are a surprising number of variations that need to be tested.

I have no doubt that some of the erroneous behaviours are caused by bugs in the assistive technologies rather than by incorrect coding, but my view is that developers have a responsibility to provide solutions that work with the currently available assistive technologies. It’s not satisfactory to say the code is fine because it would work with bug-free assistive technologies that don’t actually exist yet.

Steve Green
Managing Director
Test Partners Ltd


From: Jennifer Sutton [mailto:jsuttondc@gmail.com]
Sent: 01 December 2017 23:33
To: w3c-wai-ig <w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>>
Subject: Re: Accessible Interactive Calendar recommendations


WAI folks:



Here's a collection of date-pickers that Dennis  Lembree put together at one time. Hope it helps/gets you pointed in the right direction. See:



http://www.webaxe.org/accessible-date-pickers/<https://urldefense.proofpoint.com/v2/url?u=http-3A__www.webaxe.org_accessible-2Ddate-2Dpickers_&d=DwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=lDmRVksMs9u4MsVvM24qT4r3dAfRU301KmoPt4ncUN0&s=pwTCT1iWSZHhuq7rtURX3KAye7zkP0RfCyhyExujitc&e=>



If folks have more to recommend, feel free to comment on his post (and here, too, of course).



And for good measure, here's an article from Smashing Magazine that's about these, generally, rather than being accessibility-centric:



https://www.smashingmagazine.com/2017/07/designing-perfect-date-time-picker/<https://urldefense.proofpoint.com/v2/url?u=https-3A__www.smashingmagazine.com_2017_07_designing-2Dperfect-2Ddate-2Dtime-2Dpicker_&d=DwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=lDmRVksMs9u4MsVvM24qT4r3dAfRU301KmoPt4ncUN0&s=abjJzu2MP8yuMrIQANdvnkT4BfuosaWs1HU9qf7CkFE&e=>



I double-checked Heydon Pickering's Inclusive components site, which lots of folks seem to be enjoying of late, but he hasn't worked on this component, yet:

https://inclusive-components.design<https://urldefense.proofpoint.com/v2/url?u=https-3A__inclusive-2Dcomponents.design&d=DwMGaQ&c=Ezx-H5PgBrUMEEvxgJuTQRYrd-4D8l8I18qkZZzJQbo&r=gfIcoH9AOzWzA6hyAsR7zIoc3exAOSNc5ep43e0oO18&m=lDmRVksMs9u4MsVvM24qT4r3dAfRU301KmoPt4ncUN0&s=nJnOX1rfGdCs7xnUQ25PBcey2koWShJi6Bnoy_P9hYI&e=>



Best,

Jennifer



On 12/1/2017 10:42 AM, Kelly Childs wrote:
Hi All,

Does anyone have a full accessible interactive calendar they recommend?

Thanks!

--
Kelly Childs
ADA Compliance & Graphic Support Manager

888.750.4556, option 7