Tab

Tabbing into a group of checkboxes places the focus on the first checkbox (only one checkbox receives the keyboard focus at a time).

Shift + Tab

Moves focus to the previous item or group of items.

Arrow keys

Moves focus through the group of checkboxes.

Page Up or Page Down

Moves focus to the previous or next checkbox in the group (last becomes first, and first becomes last).

Home or End

Moves focus to the first or last checkbox in the group.

Space or Enter

Toggles the checkbox between selected and not selected. If the checkbox is partially selected initially, the checkbox becomes selected first (subsequent toggles alternate normally between selected and not selected).

Pointer

Use the pointer cursor for interactive elements like checkboxes.

Non-text content

A

Non‑text elements—such as the checkbox control—must provide a text alternative that communicates the control’s purpose. All controls, especially icon‑only controls, need an accessible name (for example, via a title, aria‑label, or associated text) so screen readers can announce their function.

Info and relationships, Identify purpose

1.3.1, 1.3.6

A, AAA

Checkboxes should be understandable by assistive technologies like screen readers. This means using the proper semantic HTML or ARIA role should be utilized.

Orientation

AA

Checkbox groups are available in both vertical and horizontal orientations.

Use of color

A

Color is not used as a means to convey information or distinguish elements, indicate an action, or prompt a response. Color is always paired with text or icons, and is only used to enhance the meaning of the text.

Text contrast minimums

AA

Large text has a contrast ratio of at least 3:1, and small text has a contrast ratio of at least 4.5:1. Incidental text such as disabled, hidden, or decorative text has no contrast requirement.

Resize text

AA

Checkboxes should be built in such a way that they can be resized without assistive technology up to 200%.

Visual presentation

AAA

The width of text blocks is no more than 80 characters (40 for CJK languages), and text is never justified.

Non-text contrast

AA

The checkbox control and its various states have a contrast ratio of at least 3:1.

Text spacing

AA

Line height of text is at least 1.5x the font size when the label is wrapped.

Requirement

Criterion

Level

Keyboard

2.1.1, 2.1.3

A, AAA

All functionality of the component is operable through a keyboard without specific timing for keystrokes.

Keyboard traps

A

Focus can be moved away from the component using only a keyboard.

Seizures and physical feactions

2.3.1, 2.3.2, 2.3.3

A, AAA, AAA

There is no flashing content or unnecessary motion or animation in this component.

Focus order

A

Navigation sequences receive focus in an order that preserves meaning and operability.

Focus visible

AA

Keyboard states use an indicator that is visible with at least 3:1 contrast.