Project

General

Profile

Actions
Copy link

Task #92662

closed

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 4 years ago. Updated 5 months ago.

Status:
Closed
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

Download all 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
Copy link
 #1

Updated by Riccardo De Contardi about 4 years ago

  • Parent task set to #89595
Actions
Copy link
 #2

Updated by Christian Rath-Ulrich over 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!

Actions
Copy link
 #3

Updated by Frank Nägler over 1 year ago

  • Tags changed from accessibility tas2020 to accessibility, tas2020
Actions
Copy link
 #4

Updated by Riccardo De Contardi 12 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...

Actions
Copy link
 #5

Updated by Riccardo De Contardi 5 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.

Actions
Copy link

Also available in: Atom PDF