Project

General

Profile

Actions

Task #92662

open

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 over 3 years ago. Updated 4 months 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
Actions

Also available in: Atom PDF