WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: jQuery Calendar Control

for

From: Bryan Garaventa
Date: Apr 30, 2013 4:10PM


If a date picker is provided, it should be equally accessible. The reason
being, that it's not always easy to pick a specific date weeks or months in
the future accurately simply by typing it into an edit field, especially if
you need to know what day of the week is being referenced for instance.

Once I was able to trigger the calendar on your test site, the construct
looks good to me, it's just a matter of making the triggering element
accessible and ensuring that you can invoke everything from the keyboard.

If I may ask, what difficulties did you have on the bootstrap calendar? I
just tried it out, and everything appears to be working correctly. E.G After
activating the calendar icon, the Up/Down/Left/Right keys will switch dates,
PageUp/PageDown will switch months, and Alt+PageUp/Alt+PageDown will switch
years.



----- Original Message -----
From: "Angela French" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Tuesday, April 30, 2013 2:58 PM
Subject: Re: [WebAIM] jQuery Calendar Control


> 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> >
>>To: < <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
>>>
>>>
>>> >>> >>> >>
>>>>>>>
>
> > >