Bug #81478

Epic #89595: Improve accessibility of backend

Datepicker in backend - unlogical behaviour with keyboard navigation

Added by Tobias Wollender almost 5 years ago. Updated over 1 year ago.

Should have
Backend User Interface
Target version:
Start date:
Due date:
% Done:


Estimated time:
TYPO3 Version:
PHP Version:
Is Regression:
Sprint Focus:


In the TYPO3 backend you have a datepicker in the date fields. When you click in the input field and change the day manually (backspace and type new day manually) and then want to get to the month using the arrow keys, the day flips back to the initial number. The arrow key is used to change the day in the datepicker here. So no "normal" navigation in the input field is possible anymore. I have a website with many (mid-aged) editors and they find this really confusing.

I think it would make sense to deactivate the "keyboard navigation" in the datepicker. Or don't allow keyboard interaction in the input field itself - forcing the editor to use the datepicker.

Related issues

Related to TYPO3 Core - Epic #91518: Keyboard usage in the TYPO3 backendAcceptedMichael Telgkamp2020-06-05


Updated by Riccardo De Contardi over 2 years ago

  • Parent task set to #89595

Updated by Sybille Peters over 2 years ago

I agree this is irritating and difficult to use. The standard date / time combination the datepicker shows are not always a good fit. So you end up wanting to manually change the date / time. But,

- any arrow changes the date
- DEL key : completely removes everything in the input field
- BACKSPACE however works.

So you can use the mouse to click and then use BACKSPACE but this is difficult to figure out and also not great from an accessibility point of view.

After fiddling around with this for a while, I could navigate with the arrow keys but I still don't really know how I got there.

A tooltip might help.


Updated by Torben Hansen about 2 years ago

  • Tags set to accessibility

Updated by Riccardo De Contardi over 1 year ago

  • Related to Epic #91518: Keyboard usage in the TYPO3 backend added

Updated by Riccardo De Contardi over 1 year ago

I tried to reproduce this one with the latest master, where the datepicker plugin has been changed to flatpickr but I wasn't even be able to reach it with the keyboard... is there a missing configuration?

Also available in: Atom PDF