WebAIM - Web Accessibility In Mind

E-mail List Archives

Date Picker feedback now works equally across IE FF and Safari for desktop and mobile screen readers

for

From: Bryan Garaventa
Date: Jun 21, 2014 7:49PM

Since there have been quite a few important updates regarding ARIA support in the last year, I've updated the ARIA Date Picker to
take advantage of these. I also wanted to see how well it scaled between desktop browsers and iOS devices.



So, it now works equally across IE, FF, and Safari using JAWS, NVDA, and VoiceOver on both iPhone and iPad iOS devices. (Tested
using the latest versions of each.)

It also handles the use of aria-disabled for disabled date ranges, which is correctly conveyed across all of the above browser/AT
combinations.



This can be tested at

http://whatsock.com/tsg/Coding%20Arena/ARIA%20Date%20Pickers/ARIA%20Date%20Picker%20(with%20Disabled%20Date%20Ranges)/demo.htm



(The 4th of July is disabled)



The module code has been pushed to all relevant GitHub projects for download if desired.

E.G https://github.com/accdc/tsg



Only the calendar module file has been changed, so if the date picker is being used, dropping this updated file into any
pre-existing implementation will automatically start working without causing any errors or conflicts; it will just be more
accessible automatically.



Files changed: calendar_generator.js and calendar_generator.min.js



Please let me know if you encounter any issues.



Best wishes,

Bryan