E-mail List Archives
Re: Accessible Calendar
From: Birkir R. Gunnarsson
Date: Feb 19, 2017 8:47AM
- Next message: Bryan Garaventa: "Re: Accessible Calendar"
- Previous message: JP Jamous: "Re: Accessible Calendar"
- Next message in Thread: Bryan Garaventa: "Re: Accessible Calendar"
- Previous message in Thread: JP Jamous: "Re: Accessible Calendar"
- View all messages in this Thread
Unfortunately I don't know of any standard library datepickers that
are accessible. I heard rumblings out of JQuery that their datepicker
is being updated, but I don't know the current status.
The Whatsock datepicker widget is great. A similar datepicker code can
be found at Deque University:
(and you can copy and paste the source code, HTML, JQuery and CSS),
but ultimately it is not a replacement for a datepicker plug-in.
Ultimately, we need proper accessibility support in browsers for
<input type="date">, that would be the ultimate solution.
On 2/19/17, JP Jamous < <EMAIL REMOVED> > wrote:
> Here's one you will like. Birkir shared this with me in the past and I loved
> Whatsock datepicker:
> It has good instructions on what it means to make a calendar accessible
> (focus movements and keyboard operations).
> For a simple date picker (one that does not have to list availability,
> appointment schedule and such) I prefer the month and day dropdown approach
> and an edit field for the year.
> <legend>Please select departure date</legend>
> <label for="month">month</label>
> <select id="month"
> <label for="day">Day</label>
> <select id="day">
> <label for="year">year (4 digits)</label> <input type="text" id="year">
> Also, it is always useful to have a date input field as a fallback if the
> calendar is not displaying.
> Keep in mind that an input field is not a replacement for a clendar.
> The calender has info on what day of the week a certain day is (if you want
> to select the third Wednesday in December), and may have other info such as
> unavailable dates, holidays, special promotion days etc.
> That is info the user wouldn't know by interacting with a text field.
> > > > >
Work hard. Have fun. Make history.