Task #92662
closedEpic #89595: Improve accessibility of backend
TYPO3-38 Text in help-block and checkboxes in Image Metadata have an insufficient color contrast
0%
Description
TYPO3-38 Text in help-block and checkboxes in Image Metadata have an insufficient color contrast
Pages/Tasks
Create content element: Header Only
Create content element: Regular Text Element
Create content element: Text & Images
Create content element: Images Only
Create content element: Text & Media
Affected WCAG 2.1 Success criterions
1.4.3 Contrast (Minimum) AA
Affected components
Text
Description
The text in the .help-block and the checkboxes in the "Image Metadata" have an insufficient color contrast of 2.47 (foreground color: #6daae0, background color: #ffffff), see: WebAIM Color Contrast Checker
Recommendation
Ensure that the contrast between foreground and background colors meets a contrast ratio of 4.5:1
Files
Updated by Christian Rath-Ulrich about 1 year ago
According to our WCAG expert (BIK's review board), Disabled elemente do not have to comply with the contrans requirement.
-Disabled buttons do not have to meet the contrast requirements.
-But they should also be marked with the attribute "disabled" or "aria-disabled".
-In CSS "cursor: not-allowed" is good for mouse users.
what all is already implemented in version 12!
Updated by Frank Nägler about 1 year ago
- Tags changed from accessibility tas2020 to accessibility, tas2020
Updated by Riccardo De Contardi 9 months ago
Correct me if I am wrong: is this issue about https://extensions.typo3.org/extension/sys_action/ ? The issue text reports "Pages/Tasks"....
I am confused, because the extension should be available only for version 10...
Updated by Riccardo De Contardi 2 months ago
- Status changed from New to Closed
Based on comment 2 by Christian Rath-Ulrich this should already been solved on TYPO3 12; I think it is safe to close this one for now.
If you think that this is the wrong decision or there is still work to do here please open a new issue with a reference to this one. Thank you.