Project

General

Profile

Actions

Bug #92637

closed

Epic #89595: Improve accessibility of backend

Create new pages, Filter and Reload buttons have missing focus style

Added by Matthias Andrasch almost 4 years ago. Updated 14 days ago.

Status:
Closed
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, tas2020
Complexity:
Is Regression:
Sprint Focus:

Description

When you navigate with your keyboard to an interactive element, you should see a visible focus style. This success criterion helps to know which element has the keyboard focus. The Create new pages, Filter and Reload buttons don't change its style, when it receives focus.</p>

&lt;button class="svg-toolbar__btn" data-tree-icon="actions-page-new" title="Create new pages"&gt; &lt;span class="t3js-icon icon icon-size-small icon-state-default icon-actions-page-new" data-identifier="actions-page-new"&gt; &lt;span class="icon-markup"&gt; &lt;img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-page-new.svg" width="16" height="16" alt=""&gt;&nbsp;&nbsp; &nbsp;&lt;/span&gt;&nbsp;&nbsp;&lt;/span&gt;&lt;/button&gt;

Recommendation:

Add a visible focus style to the buttons. You can achieve this with one of the following examples:

  • add a visible border to the button, when focussed.
  • when focussed, change the button background color to another color, which has a contrast ratio of 3:1 to the normal background color.
  • underline the button text, when focussed

#tas2020


Files


Related issues 1 (0 open1 closed)

Copied to TYPO3 Core - Task #92679: Pagetree Toolbar Focus Styles and LabelsClosed2020-10-22

Actions
Actions #1

Updated by Matthias Weber almost 4 years ago

  • Copied to Task #92679: Pagetree Toolbar Focus Styles and Labels added
Actions #2

Updated by Matthias Weber over 3 years ago

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

Updated by Riccardo De Contardi over 3 years ago

  • Parent task set to #89595
Actions #4

Updated by Riccardo De Contardi over 3 years ago

  • Category set to Backend User Interface
Actions #5

Updated by Georg Ringer about 2 months ago

this has been fixed in v13 at least

no changes will be done in older versions, therefore closing this issue

Actions #6

Updated by Benni Mack 14 days ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF