Accessibility: Form Controls and Labels

<input class="ProjectInput-control" name="email" required type="email" value="" />
<label for="" class="ProjectInput-label">E-mail address</label>
  • it has an empty string as a value of the for attribute
  • it has no child element
<input id="email" class="ProjectInput-control" name="email" required type="email" value="" />
<label for="email" class="ProjectInput-label">E-mail address</label>
<label class="ProjectInput-label">
<input class="ProjectInput-control" name="email" required type="email" value="" />
E-mail address
</label>

--

--

--

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Traditional Engineering has a productivity problem — and nobody is talking about it

Let Go Of The Legacy: Modernising Your Software Is The New Norm

Dating Patterns Among Young Adults Who Would Get Married — Graphs

7 Tips For Prototyping Your Electronics Projects

Sonarqube Installation on Ubuntu (Node)

Capstone, Cloud DevOps Nanodegree

Development will become simpler

Manage Windows Server 2012 Core with Windows Admin Center

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Pavel Saman

Pavel Saman

Tester

More from Medium

How Not To Build Menus

Edenred’s homepage — main menu

Game Design Breakdown: Loop Hero

UX process, part 2 of 4: Mapping, Testing & Envisioning

Let the client report this issue!