wvega / timepicker

A jQuery plugin to enhance standard form input fields helping users to select (or type) times
http://timepicker.co
GNU General Public License v2.0
216 stars 93 forks source link

Increase accessibility of timepicker #110

Open dovematrix opened 6 years ago

dovematrix commented 6 years ago

Is it possible to include a role and aria-label on division of the the pop-up window displaying the time?

I believe this is the one <div class="ui-timepicker-container ui-timepicker-no-scrollbar ui-timepicker-standard" ...

Something like this would work <div class="ui-timepicker-container ui-timepicker-no-scrollbar ui-timepicker-standard" role="complementary" aria-label=" Timepicker " ...

I'm using aria landmarks on my pages but not all content is included. This is causing an accessibility issue.

If more than one time picker is added to a page, then the aria labels should be unique.

When using HTML5 or WAI-ARIA landmarks it is best practice to include all content on the page in landmarks. In this way users of assistive technologies can use the landmarks for navigating the page without losing track of content.

It's a best practice to include all content on the page in HTML5 or WAI-ARIA landmarks.

Thanks, Russell