Project

General

Profile

Actions

Bug #102570

closed

Clipboard selection is impossible to distinguish for screenreaders

Added by Patrick Schriner 5 months ago. Updated 5 months ago.

Status:
Resolved
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2023-11-30
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
13
PHP Version:
Tags:
accessibility,ux
Complexity:
Is Regression:
Sprint Focus:

Description

a) There is no real highlighting of the active state (underline or text)
b) The "checked" icon is purely visual


Files

Screenshot_2023-11-30_14-19-02.png (585 KB) Screenshot_2023-11-30_14-19-02.png Patrick Schriner, 2023-11-30 13:21
Actions #1

Updated by Gerrit Code Review 5 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/+/82051

Actions #2

Updated by Elisabeth Zeilinger 5 months ago

In the clipboard you can choose one options out of four, so this is a typical radio button pattern. The best and most inclusive way would be to implement native radio buttons.

<input type="radio" name="clipboard" ...

If this is not possible, you can implement radio buttons with help of ARIA, although there is a lot of JavaScript needed to do this. You can find some CodePen examples in the Examples section of the official ARIA documentation for Radio Group Patterns: [[https://www.w3.org/WAI/ARIA/apg/patterns/radio/]] .

Actions #3

Updated by Gerrit Code Review 5 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/+/82114

Actions #4

Updated by Patrick Schriner 5 months ago

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

Also available in: Atom PDF