Skip to main content

Forms

Collapsible section has no label

WCAG 2.2 success criterion 4.1.2 Name, Role, Value (Level A)

WCAG 2.2
4.1.2 Name, Role, Value
Level
A
Default severity
Error
Available in
Free

Updated for Lumtera 1.3.0 and Lumtera Pro 1.2.0.

Why does it matter?

WCAG 4.1.2 asks that every control has a name; the summary of a collapsible section opens and closes it, and with no text screen readers announce only "disclosure triangle", with nothing to say what is inside.

Who it affects: Screen reader users, voice-control users who say a field's label to move to it, and people with memory or attention difficulties who lose a placeholder once they type.

What does Lumtera flag?

A <summary> with no text, the line of a Details block that opens and closes it.

Check ID summary-no-name — use it to filter the content report or with wp lumtera issues --rule.

How do I fix it in WordPress?

Type a short label into the summary line of the Details block, such as "Opening times".

Example

Flagged
<details><summary></summary>Monday to Friday, 9 to 5</details>
Fixed
<details><summary>Opening times</summary>Monday to Friday, 9 to 5</details>

How do I check the fix?

  1. Update the post. The issue disappears from the Lumtera Accessibility sidebar on the next check, and from the site report on the next scan.
  2. Click each field's label: the cursor should move into the field. With a screen reader, each field should announce its label when it receives focus.

Find this issue across your whole site

Lumtera runs this check in the block editor sidebar as you write, in the Elementor panel, in Review mode on the live page, and across the whole site in the content report and with wp lumtera scan. You can change its severity or turn it off in Lumtera → Settings.

All checks

Start with the free plugin today

All 88 content checks and 38 whole-page checks, fixes you approve with undo, and the site report — free, with no account and no page limits.