#15257 new bug ()

Opened December 07, 2017 08:20PM UTC

Last modified December 08, 2017 02:19PM UTC

Increase accessibility of datepicker widget

Reported by: dovematrix Owned by:
Priority: minor Milestone: none
Component: ui.datepicker Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:
Description

I am also interested in increasing the accessibility of the datepicker widget by adding a role and aria-label to the div created on the popup calendar. I believe the division is <div id="ui-datepicker-div" .... Something like this will work <div id="ui-datepicker-div" role="complementary" aria-label="JQuery Timepicker"

An additional accessibility concern is that if more than one datepicker are added to a page they all have the same id.

If more than one datepicker is added to a page the role can stay the same, however it would be best to change the aria labels to make them unique.

I see this issue (#9298) is five years old. Is there an estimate on the rewrite according to the roadmap?

Thanks,

Russell

Attachments (0)
Change History (1)

Changed December 08, 2017 02:19PM UTC by rjollos comment:1

description: I am also interested in increasing the accessibility of the datepicker widget by adding a role and aria-label to the div created on the popup calendar. I believe the division is <div id="ui-datepicker-div" .... Something like this will work <div id="ui-datepicker-div" role="complementary" aria-label="JQuery Timepicker" \ \ An additional accessibility concern is that if more than one datepicker are added to a page they all have the same id. \ \ If more than one datepicker is added to a page the role can stay the same, however it would be best to change the aria labels to make them unique. \ \ I see this issue (#9298) is five years old. Is there an estimate on the rewrite according to the roadmap? \ \ Thanks, \ Russell → I am also interested in increasing the accessibility of the datepicker widget by adding a role and aria-label to the div created on the popup calendar. I believe the division is `<div id="ui-datepicker-div" ....` Something like this will work `<div id="ui-datepicker-div" role="complementary" aria-label="JQuery Timepicker" ` \ \ An additional accessibility concern is that if more than one datepicker are added to a page they all have the same id. \ \ If more than one datepicker is added to a page the role can stay the same, however it would be best to change the aria labels to make them unique. \ \ I see this issue (#9298) is five years old. Is there an estimate on the rewrite according to the roadmap? \ \ Thanks, \ Russell