Building more accessible forms: labels and inputs

  • Share on Facebook (opens new window)
  • Share on Twitter (opens new window)

Beyond links, the most common way of interacting with a web page is with forms. Making forms accessible is a major element of web accessibility.

In HTML5 (and its predecessors) there are two major ways of linking form elements (inputs) meaningful names (labels): putting an input element inside a label element, and linking an input and label element using "for" and "id" attributes.

What's the best way? Extensive testing by The Paciello Group shows that the most robust method is to link inputs and labels using for and id attributes. At the same time, the article provides numerous insights into this area of web accessible.

Read the Paciello Group article (opens new window).

Add your comment

Your comment will not be visible until it has been approved.