Project

General

Profile

Actions
Copy link

Bug #92613

closed

Epic #89595: Improve accessibility of backend

Mobile module menu links are missing link title

Added by Gabe Troyan over 3 years ago. Updated about 3 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2020-10-20
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
11
PHP Version:
Tags:
tas2020, accessibility
Complexity:
Is Regression:
Sprint Focus:

Description

Pages/Tasks

  • Module menu left

Affected WCAG 2.1 Success criterions

  • 2.4.4 Link Purpose (In Context) A
  • 4.1.2 Name, Role, Value A

Affected components

  • Link

Description

When the module menu on the left is collapsed, only the icons without the titles are visible. When navigating to a link, the descriptive text must be presented to screen reader users to indicate the target of the link. The linked icons in the module menu have no descriptive text. The title-Attribute is not sufficient for all assistive technologies.

<button title="Page content" class="modulemenu-action t3js-modulemenu-action modulemenu-action-active" role="menuitem" id="web_layout" data-modulename="web_layout" data-link="/typo3/index.php?route=%2Fmodule%2Fweb%2Flayout&amp;token=a283194fa743e2f53d933e31d8bb84c801ae0af8" data-navigationcomponentid="TYPO3/CMS/Backend/PageTree/PageTreeElement">
 ...
</button>

Recommendation

When the module menu is collapsed, make sure that there are accessible titles available for the menu links. One solution would be to remove the CSS style "display: none" from the actual title of the menu item.

<span class="modulemenu-name">Page</span>

https://typo3.audit.gugler.at/issues#TYPO3-75

Related issues 1 (0 open — 1 closed)

Related to TYPO3 Core - Feature #92704: Make the navigation through module menu more efficient for keyboard usersClosed2020-10-25

Actions
Actions
Copy link

Also available in: Atom PDF