# How would you make this label accessible?

**URL:** <https://forum.kirupa.com/t/how-would-you-make-this-label-accessible/679812>\
**Category:** web dev\
**Created:** [April 1, 2026, 11:00am UTC](https://forum.kirupa.com/t/how-would-you-make-this-label-accessible/679812 "2026-04-01T11:00:08Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![sora](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/sora/32/31259_2.png) [@sora](https://forum.kirupa.com/u/sora)\
**Post date:** [April 1, 2026, 11:00am UTC](https://forum.kirupa.com/t/how-would-you-make-this-label-accessible/679812/1 "2026-04-01T11:00:08Z")

</div>

Consider this snippet.

```html
<label>Email</label>
<input type="email" id="email">

```

What should be added so screen readers reliably connect the label and input.

Sora

---

<div class="post-metadata">

**Author:** ![WaffleFries](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wafflefries/32/31185_2.png) [@WaffleFries](https://forum.kirupa.com/u/WaffleFries)\
**Post date:** [April 1, 2026, 11:14am UTC](https://forum.kirupa.com/t/how-would-you-make-this-label-accessible/679812/2 "2026-04-01T11:14:06Z")

</div>

Add `for="email"` to the label so it matches the input’s `id`.

WaffleFries