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)


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

Add Comment

Modify Ticket

Change Properties
as closed .
The resolution will be deleted. Next status will be 'reopened'.
to The owner will be changed from greiner.
Note: See TracTickets for help on using tickets.