WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: jQuery Calendar Control


From: Angela French
Date: Apr 30, 2013 3:58PM

Bryan, I am sighted and mouse-dependent. I tried to use the keyboard on your calendar and couldn't navigate around it. Perhaps I'm just too clumsy with a keyboard, but it begs the question, would most users just rather type in the date if they are provided the correct format in the <label> tag?

Angela French

>-----Original Message-----
>From: <EMAIL REMOVED> [mailto:webaim-forum-
> <EMAIL REMOVED> ] On Behalf Of Bryan Garaventa
>Sent: Tuesday, April 30, 2013 2:54 PM
>To: WebAIM Discussion List
>Subject: Re: [WebAIM] jQuery Calendar Control
>The IMG that is used as the triggering element is not keyboard accessible, and
>doesn't have a textual equivalent for screen reader users, which is why it's not
>being recognized.
>If it helps, you can see an example of a keyboard accessible implementation at
>http://whatsock.com/bootstrap On the Calendar tab.
>If you make it an image link, it will work better.
>----- Original Message -----
>From: "Greg Gamble" < <EMAIL REMOVED> >
>Sent: Tuesday, April 30, 2013 2:28 PM
>Subject: [WebAIM] jQuery Calendar Control
>> Hello All,
>> I've created a form that has a field for inputting a date of birth. I'm
>> using the jQuery Datepicker, set to open when an icon to the right of the
>> box is clicked. Otherwise a mask is used to restrict the formatting of
>> the date to "mm/DD/yyyy".
>> Here is a jsFiddle link: http://jsfiddle.net/GregS/YUWMc/embedded/result/
>> Anyway, my question is .. does the mask or Datepicker inhibit those using
>> a screen reader? Does it help? Is it even viewable?
>> Greg Gamble
>> SBCTC - Olympia | Information Services
>> >> >> >