Actions
Bug #92637
closedEpic #89595: Improve accessibility of backend
Create new pages, Filter and Reload buttons have missing focus style
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>
<button class="svg-toolbar__btn" data-tree-icon="actions-page-new" title="Create new pages"> <span class="t3js-icon icon icon-size-small icon-state-default icon-actions-page-new" data-identifier="actions-page-new"> <span class="icon-markup"> <img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-page-new.svg" width="16" height="16" alt=""> </span> </span></button>
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
Updated by Matthias Weber over 4 years ago
- Copied to Task #92679: Pagetree Toolbar Focus Styles and Labels added
Updated by Matthias Weber over 4 years ago
- Tags changed from accessibility to accessibility, tas2020
Updated by Riccardo De Contardi over 4 years ago
- Category set to Backend User Interface
Updated by Georg Ringer 8 months ago
- File Bildschirmfoto 2024-06-08 um 10.28.37.png Bildschirmfoto 2024-06-08 um 10.28.37.png added
- Status changed from New to Resolved
this has been fixed in v13 at least
no changes will be done in older versions, therefore closing this issue
Actions