Task #92662

Epic #89595: Improve accessibility of backend

TYPO3-38 Text in help-block and checkboxes in Image Metadata have an insufficient color contrast

Added by Jonathan IROULIN about 1 month ago. Updated about 1 month ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2020-10-22
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
11
PHP Version:
Tags:
accessibility tas2020
Complexity:
Sprint Focus:

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

csm_checkboxes-image-metadata_57a0282462.png (22.8 KB) csm_checkboxes-image-metadata_57a0282462.png Blue text for checkbox Jonathan IROULIN, 2020-10-22 10:08
help-block.png (5.79 KB) help-block.png Bleu text in bottom of page when new element is created Jonathan IROULIN, 2020-10-22 10:08
#1

Updated by Riccardo De Contardi about 1 month ago

  • Parent task set to #89595

Also available in: Atom PDF