WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Acessibility of a date picker?


From: Birkir R. Gunnarsson
Date: May 26, 2016 4:11AM

Ach! Donnerwetter!
ARIA is not used properly.
The table with role="grid" has aria-readonly="true" which is probably
what is preventing screen readers from going into forms mode.

It uses aria-activedescendant to manage focus, I'd have to see the
JavaScript to determine whether the id target for that attribute is
being correctly updated as user presses the arrow keys (the ID should
be updated to point to the active cell in the grid as the user
navigates within it).
But I see a warning sign that the grid itself is not in focus order,
which is necessary for aria-activedescdnant to work, see:

The divs turn buttons you mention need to have both an onclick event
as well as an onkeypress listening for the appropriate keys (13 for
enter, 32 for spacebar).
This one will need some ARIA TLC.

On 5/26/16, Sonja Weckenmann < <EMAIL REMOVED> > wrote:
> Hello,
> I'm evaluating a german airport-website. There are problems with the
> date picker.
> http://www.dortmund-airport.de/flugplan
> I think keybord navigation is quite good when not using a screenreader.
> When using NVDA/FF or JAWS/IE keybord navigation doesn't work:
> - Navigation with up arrow and down arrow doesn't work.
> - It isn't possible to activate the buttons for changing the month and
> the two buttons "Schließen" and "Löschen".
> - I'm not quite sure, but I think it is also not easy to get the month
> spoken with the screenreader?
> - The date of each cell has an aria-label="27.05.2016" but it is not
> spoken by the screenreader. I dont't know why.
> Similar problems occur when trying to select the departure time for example.
> Does anybody know whether it is a question of incorrect implementation
> of ARIA or is it a scripting problem?
> Why does keybord navigation work without screenreader and when using
> screenreader it is bad?
> Thanks a lot
> sonja
> --
> Sonja Weckenmann
> BIK für Alle
> BITV-Test
> c/o DIAS GmbH
> Schulterblatt 36 / 20357 Hamburg
> Telefon 040 43 18 75 18
> Fax 040 43 18 75 19
> www.bik-fuer-alle.de
> www.bitvtest.de
> > > > >

Work hard. Have fun. Make history.