Project

General

Profile

Actions

Task #103417

closed

Epic #89595: Improve accessibility of backend

Add title and aria-label to clear input button

Added by Willi Wehmeier 8 months ago. Updated 5 months ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2024-03-18
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
12
PHP Version:
Tags:
accessibility
Complexity:
Sprint Focus:

Description

Currently the clear input button which is triggered by the t3js-clearable css-class is read out as a button by screenreaders, but the button is not reachable with the keyboard and does not have a meaningful title.

To avoid changing behavior for normal users the button should be hid from screenreader users.

The button isn't read out by screenreaders when navigating the site
linearly (due to tabindex="-1") but when hold-pressing the button with
the mouse pointer, a screenreader will search for a human readable
label. We therefore need an aria-label attribute.


Related issues 2 (1 open1 closed)

Related to TYPO3 Core - Task #92651: Delete button in the text input field is not accessibleNew2020-10-21

Actions
Related to TYPO3 Core - Task #102372: Make clearable button more accessibleClosed2023-11-14

Actions
Actions #1

Updated by Gerrit Code Review 8 months ago

  • Status changed from New to Under Review

Patch set 1 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/83501

Actions #2

Updated by Gerrit Code Review 7 months ago

Patch set 2 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/83501

Actions #3

Updated by Gerrit Code Review 7 months ago

Patch set 3 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/83501

Actions #4

Updated by Gerrit Code Review 7 months ago

Patch set 4 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/83501

Actions #5

Updated by Benjamin Franzke 7 months ago

  • Subject changed from Hide clear-input buttons from screenreader users to Add title and aria-label to clear input button
  • Description updated (diff)
Actions #6

Updated by Riccardo De Contardi 7 months ago

  • Parent task set to #89595
Actions #7

Updated by Riccardo De Contardi 7 months ago

Is this one related (or even the same issue) https://forge.typo3.org/issues/92651 ?

Actions #8

Updated by Gerrit Code Review 7 months ago

Patch set 1 for branch 12.4 of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/84106

Actions #9

Updated by Willi Wehmeier 7 months ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
Actions #10

Updated by Riccardo De Contardi 7 months ago

  • Related to Task #92651: Delete button in the text input field is not accessible added
Actions #11

Updated by Riccardo De Contardi 7 months ago

  • Related to Task #102372: Make clearable button more accessible added
Actions #12

Updated by Benni Mack 5 months ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF