Project

General

Profile

Actions

Task #92665

open

Epic #89595: Improve accessibility of backend

Elements in the modal dialog have insufficient focus style

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

The elements in the modal dialog use the standard browser outline, which gets overlaid from the icons and crops the text, see screenshots. The close-button has opacity set to .5, so the contrast is very low.

.modal .close {
  opacity: .5;
}

:focus {
  outline: -webkit-focus-ring-color auto 1px;
}

Recommendation:
  • Use an individual focus style to avoid overlays
  • Set close-button to opacity 1
Actions #1

Updated by Mylene Kreiger over 3 years ago

  • Tags changed from accessibility to accessibility, tas2020
Actions #2

Updated by Riccardo De Contardi over 3 years ago

  • Parent task set to #89595
Actions

Also available in: Atom PDF