Task #92674

Epic #89595: Improve accessibility of backend

Button "Show all" in search dialog modal has insufficient color contrast

Added by Mylene Kreiger 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:
easy
Sprint Focus:

Description

When you type text in the search input field and the search modal dialog appears with multiple results, there is a button at the end which says "Show all". This button has insufficient color contrast of 2.7 (foreground color: #ABD0F0, background color: #0078E5), see WebAIM Color Contrast Checker.

<a href="#" class="btn btn-primary pull-right t3js-live-search-show-all">Show All</a>

Recommendation:
To fix this issue, increase the contrast to a contrast ratio of minimum 4.5:1.

#1

Updated by Riccardo De Contardi about 1 month ago

  • Parent task set to #89595

Also available in: Atom PDF