Automattic / Automattic/jetpack

Accessibility: Explicit <label>s

Open
#13,755 1 comment 0 reactions 0 assignees View on GitHub
[Focus] Accessibility [Pri] Normal Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

To follow Core's lead, we should update form control `` to have an explicit label target.

See https://make.wordpress.org/core/2019/10/14/improvements-in-media-component-accessibility-in-wordpress-5-3/

Example from the p2 post:
Old method:
```

My input

```

The label is implicit, but we can be more explicit to help accessibility overall:

```
My input

```

Contributor guide

Open the contributing guide

Research direction

No files or tests are named. Start by locating the form-control markup throughout the Jetpack repository and compare it with the linked WordPress Core guidance; done means each applicable label has a matching for attribute and control id without breaking the existing forms.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
accessibility, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.