Actions
Task #92651
open
Epic #89595: Improve accessibility of backend
Delete button in the text input field is not accessible
Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2020-10-21
Due date:
% Done:
0%
Estimated time:
TYPO3 Version:
11
PHP Version:
Tags:
accessibility
Complexity:
Sprint Focus:
Description
When you type in a text input field, a button with a "x" appears at the end of the input field.
<button type="button" tabindex="-1" class="close" style="visibility: visible;">
With this button the user can delete the text in the input field. This button has several accessibility problems:
The user cannot reach the button with the keyboard.
The button has no discernable text for screenreader users.
The contrast ratio of the "x" icon on white background is too low. It has a contrast ratio of 1.5:1, see WebAIM Color Contrast Checker. Input fields with dark background and white font color are not affected by this issue.
Updated by
Actions