Project

General

Profile

Actions

Task #92674

open

Epic #89595: Improve accessibility of backend

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

Added by Mylene Kreiger over 3 years ago. Updated 17 days 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.

Actions #1

Updated by Riccardo De Contardi over 3 years ago

  • Parent task set to #89595
Actions #2

Updated by Riccardo De Contardi 17 days ago

The global search functionality has been completely rewritten on v. 12+ with a modal window and no "show all" button AFAICS.

I'd tend to close this one

Actions

Also available in: Atom PDF