Bug #81478


Epic #89595: Improve accessibility of backend

Datepicker in backend - unlogical behaviour with keyboard navigation

Added by Tobias Wollender about 7 years ago. Updated about 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 1 (1 open0 closed)

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

Actions #1

Updated by Riccardo De Contardi over 4 years ago

  • Parent task set to #89595
Actions #2

Updated by Sybille Peters over 4 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.

Actions #3

Updated by Torben Hansen over 4 years ago

  • Tags set to accessibility
Actions #4

Updated by Riccardo De Contardi almost 4 years ago

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

Updated by Riccardo De Contardi over 3 years 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?

Actions #6

Updated by Riccardo De Contardi about 1 year ago

My previous comment still applies to 13.0.0-dev: you can't navigate trough the calendar using the keyboard - the focus stays on the input field if I am not wrong.


Also available in: Atom PDF