New: Cookbooks and AI ExplanationsStep-by-Step recipes to solve problems connected to Roadmaps and Cheat Sheets. Need more details? Use AI buttons for structured and simple explanations with concrete examples throughout the whole platform.Take a look
My checkboxes work fine with a mouse, but I have no idea what a screen reader says when it lands on the third one by itself.
What you'll have at the end
A checkbox group wrapped in one fieldset and legend, confirmed by listening with a screen reader
You need
A working checkbox group already in your markup: several checkboxes, each with its own label, that share one group meaning (like the topics someone can pick to get emailed about) but sit with no heading tying them together.
Not covered
This does not cover a single standalone checkbox (a lone terms-and-conditions box already has its own clear label) or radio button groups, which take the identical fieldset-and-legend fix.
Lint a React app for accessibility mistakes before you run it
for catching an ungrouped checkbox or radio set automatically across a whole codebase, instead of finding one group at a time by listening.
What does your app sound like to a screen reader user?
for a first, broader listen across the whole app before fixing anything, if a screen reader has never been turned on before.
Checked 22 Aug 2026
Part of the Web Accessibility cookbook