• Success Criterion 1.3.1
  • Conformance level A

Radio or Checkbox Group With No Grouping Question Announced

1.3.1 — Info and Relationships

Scenario

Setting

A social media platform's settings menu

What’s wrong

Radio/checkbox groups without fieldset/legend (code grouping fields under one question) or role="group" (code grouping related controls)+name, where the group prompt is visual only.

Example

<div class="heading">Shipping Address</div>

Why it matters

Screen-reader, braille, and reading-tool users who depend on coded structure rather than visual layout.

How to test

Tab through a radio/checkbox set: a screen reader should announce the group's question once, then each option — if there's no fieldset/legend, the group prompt is never announced.

How to fix

Wrap the group in fieldset/legend (code grouping fields under one question) (or role="group" (code grouping related controls) with an accessible name) so the group prompt is announced with each option.

<h2>Shipping Address</h2>

A real heading element exposes the section structure to assistive tech; a styled div doesn't.

Outcome

On a social media platform's settings menu, this barrier is gone for screen-reader, braille — they can complete the task without hitting this wall.

Who is affected

Screen-reader, braille, and reading-tool users who depend on coded structure rather than visual layout.

Learn more