Opened on 04/23/2015 at 12:12:06 PM
Closed on 01/27/2016 at 02:55:11 PM
#2408 closed change (fixed)
Make checkboxes on new options page more accessible
| Reported by: | greiner | Assignee: | greiner |
|---|---|---|---|
| Priority: | P2 | Milestone: | |
| Module: | User-Interface | Keywords: | a11y 2016q1 |
| Cc: | sebastian | Blocked By: | #1524 |
| Blocking: | #2407 | Platform: | Unknown |
| Ready: | yes | Confidential: | no |
| Tester: | Unknown | Verified working: | no |
| Review URL(s): | |||
Description (last modified by greiner)
Background
In the current version of the new options page (see #1524) interaction with checkboxes is only possible using the cursor. Therefore we should implement standardized techniques to support screen readers and enable keyboard interactions.
What to change
- Make custom checkboxes focusable by replacing them with focusable elements and/or by setting the tabindex attribute
- Enable toggling of custom checkboxes with SPACE key
- Add the following ARIA attributes to custom checkboxes
- role="checkbox"
- aria-checked="false"
- Update the aria-checked attribute each time the value of the custom checkbox changes
- The list item text should act as the label of the checkbox
Attachments (0)
Change History (7)
comment:1 Changed on 04/23/2015 at 12:14:11 PM by greiner
- Description modified (diff)
- Keywords a11y added
comment:2 Changed on 04/23/2015 at 02:04:02 PM by greiner
- Blocked By 1524 added
comment:3 Changed on 11/09/2015 at 03:10:44 PM by mario
- Keywords 2015q4 added
- Tester set to Unknown
comment:4 Changed on 12/11/2015 at 05:50:24 PM by greiner
- Owner set to greiner
comment:5 Changed on 12/16/2015 at 01:39:57 PM by greiner
- Review URL(s) modified (diff)
- Status changed from new to reviewing
comment:6 Changed on 01/25/2016 at 04:00:16 PM by sebastian
- Cc sebastian added
- Keywords 2016q1 added; 2015q4 removed
comment:7 Changed on 01/27/2016 at 02:55:11 PM by greiner
- Resolution set to fixed
- Status changed from reviewing to closed
Note: See
TracTickets for help on using
tickets.
https://hg.adblockplus.org/adblockplusui/rev/77a2ce0fbc65