Bug #102570
closed
Clipboard selection is impossible to distinguish for screenreaders
Added by Patrick Schriner 8 months ago.
Updated 8 days ago.
Category:
Backend User Interface
Description
![](/attachments/download/38143/Screenshot_2023-11-30_14-19-02.png)
a) There is no real highlighting of the active state (underline or text)
b) The "checked" icon is purely visual
Files
- Status changed from New to Under Review
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/]] .
- Status changed from Under Review to Resolved
- % Done changed from 0 to 100
- Status changed from Resolved to Closed
Also available in: Atom
PDF