Accessible Datepickers Roundup

Accessible date pickers or accessible calendar widgets as they are commonly referred to, are one of the most discussed topics between developers, designers and accessibility professional. It is not hard to make a calendar widget accessible but still we find inaccessible date pickers in the wild that are not usable by any assistive technology. We […]


This content originally appeared on Digital A11Y and was authored by Raghavendra Satish Peri

Accessible date pickers or accessible calendar widgets as they are commonly referred to, are one of the most discussed topics between developers, designers and accessibility professional. It is not hard to make a calendar widget accessible but still we find inaccessible date pickers in the wild that are not usable by any assistive technology. We can always provide alternative ways of providing the date but when a date picker is provided it must be made accessible as the date pickers give information about the day, week & year details when compared to a text field where we are forced to guess & enter the date.

Recently, a friend approached asking me to share any examples of accessible calendar widgets  and sure enough my friend Denis from Webaxe has a good collection here which I also listed below… all of these date pickers seem to work well with JAWS and Chrome browser and you might want to customize them further according to your needs.

Related Articles


This content originally appeared on Digital A11Y and was authored by Raghavendra Satish Peri


Print Share Comment Cite Upload Translate
APA
Raghavendra Satish Peri | Sciencx (2022-12-06T10:37:05+00:00) » Accessible Datepickers Roundup. Retrieved from https://www.scien.cx/2020/05/01/accessible-datepickers-roundup/.
MLA
" » Accessible Datepickers Roundup." Raghavendra Satish Peri | Sciencx - Friday May 1, 2020, https://www.scien.cx/2020/05/01/accessible-datepickers-roundup/
HARVARD
Raghavendra Satish Peri | Sciencx Friday May 1, 2020 » Accessible Datepickers Roundup., viewed 2022-12-06T10:37:05+00:00,<https://www.scien.cx/2020/05/01/accessible-datepickers-roundup/>
VANCOUVER
Raghavendra Satish Peri | Sciencx - » Accessible Datepickers Roundup. [Internet]. [Accessed 2022-12-06T10:37:05+00:00]. Available from: https://www.scien.cx/2020/05/01/accessible-datepickers-roundup/
CHICAGO
" » Accessible Datepickers Roundup." Raghavendra Satish Peri | Sciencx - Accessed 2022-12-06T10:37:05+00:00. https://www.scien.cx/2020/05/01/accessible-datepickers-roundup/
IEEE
" » Accessible Datepickers Roundup." Raghavendra Satish Peri | Sciencx [Online]. Available: https://www.scien.cx/2020/05/01/accessible-datepickers-roundup/. [Accessed: 2022-12-06T10:37:05+00:00]
rf:citation
» Accessible Datepickers Roundup | Raghavendra Satish Peri | Sciencx | https://www.scien.cx/2020/05/01/accessible-datepickers-roundup/ | 2022-12-06T10:37:05+00:00
https://github.com/addpipe/simple-recorderjs-demo