Task #92648

Epic #89595: Improve accessibility of backend

Page column header has insufficient color contrast and no <h2>-tag, the icon has no discernible text

Added by Mark Leutl about 1 month ago. Updated 10 days ago.

Status:
Under Review
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:
easy
Sprint Focus:

Description

Text must have a color contrast ratio of 4.5:1, icons a color contrast ratio of 3:1. The headline in .t3-page-column-header has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff), see WebAIM Color Contrast Checker.

Since this is a heading, a <h2>-tag should be used.

A screenreader doesn't know the purpose of the link because the link and icon have no discernible text.

#tas2020 TYPO3-60

#1

Updated by Mark Leutl about 1 month ago

  • Description updated (diff)
#2

Updated by Riccardo De Contardi about 1 month ago

  • Parent task set to #89595
#3

Updated by Gerrit Code Review 10 days ago

  • Status changed from New to Under Review

Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/66875

#4

Updated by Gerrit Code Review 10 days ago

Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/66875

Also available in: Atom PDF