tempus-dominus icon indicating copy to clipboard operation
tempus-dominus copied to clipboard

Support WCAG2.1 accessible tool

Open Eonasdan opened this issue 4 years ago • 8 comments

Hi @Eonasdan, I have checked docs but couldn't find anything related. Is v6 will support WCAG2.1? In other words will it be an accessible tool?

Originally posted by @kiliczsh in https://github.com/Eonasdan/tempus-dominus/discussions/2384#discussioncomment-1275978

Eonasdan avatar Sep 03 '21 21:09 Eonasdan

@kiliczsh The icons have title attributes but I haven't done much with accessibility. That's a good idea though.

Eonasdan avatar Sep 03 '21 21:09 Eonasdan

The thing is that "keyboard accessibility" is mandatory requirement in various places, just due to legalize rrequirements (like ADA in USA).

kikonen avatar Feb 24 '22 07:02 kikonen

Hello there's a new branch: https://github.com/Eonasdan/tempus-dominus/tree/feature/accessibility that features keybindings. It's not done but some progress has been made. The keybindings only seem to work via the input field not when focus is on the widget div. If you want to take a look, feel free!

Eonasdan avatar Apr 01 '22 19:04 Eonasdan

Please check the progress of this feature here: https://stackblitz.com/edit/tempus-dominus-v6-accessibility?file=index.html

I could use some feedback on what's missing and what's working.

Eonasdan avatar Apr 22 '22 18:04 Eonasdan

I will try to look into it

kikonen avatar Apr 22 '22 19:04 kikonen

First notice, if input group with button, is used also to open popup, it must be accessible also via that (FYI, also "button" must be implemented as button, span is fail in ADA tests). Not it seems that when popup is opened via button then keyboard access won't work. Perhaps should move focus back to input field when opening popup (?). I.e. end user most likely tries TAB, not SHIFT+TAB.

"toolbar" at top and "time select" at bottom are not TABable seemingly currently, while actionable via mouse (yep, counted as "fail" in ADA tests).

i.e. basic rule is that everything accessible via mouse must be accessible also via keyboard (and yes, been there and there can be thus cases, which don't make much sense, but when audit is done by external auditor, they just do it with "brains turned off").

kikonen avatar Apr 23 '22 16:04 kikonen

This could be useful for "how it should work": https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html

Furgas avatar May 11 '22 15:05 Furgas

This could be useful for "how it should work": https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html

This page moved to https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/datepicker-dialog.html

mlalpho avatar Jun 21 '22 15:06 mlalpho

@Eonasdan What's the status of this feature? I see you marked it as complete in December but the branch doesn't appear to have been merged and released.

chardin1 avatar Apr 30 '24 15:04 chardin1