Skip to content

Fix: add aria-label to checkbox label for jsx-a11y compatibility #1343

@Manik-Khajuria-5

Description

@Manik-Khajuria-5

Bug Description

The eslint-plugin-jsx-a11y upgrade from 6.7.1 to 6.10.2 (via Dependabot PR #1272) causes the JS linter CI to fail. The checkbox in PropertyItem.js:113 has no
accessible text, violating the stricter label-has-associated-control rule.

Reproduction Steps

  1. Checkout the Dependabot branch from PR chore(deps)(deps): bump the npm-all-minor-patch group across 1 directory with 12 updates #1272
  2. Run npm run lint
  3. See error: 113:9 error A form label must have accessible text jsx-a11y/label-has-associated-control

Expected behavior

npm run lint should pass without errors.

Screenshots
N/A

Client logs:
N/A — this is a build-time lint error, not a runtime issue.

Server logs:
N/A

Additional context
This blocks PR #1272 which bumps 12 npm packages. Fix is to add aria-label="Toggle checkbox" to the label element.

Metadata

Metadata

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions