Accessibility: Associate form fields with labels

[cjcenizal]

Some types of form elements (text boxes, text areas, checkboxes, radio buttons, etc.) have a text label adjacent to them that identifies the function of that particular form element (e.g., "First name" adjacent to a text box). The visual label next to a form control should be changed to a <label> element with a for attribute that matches the id attribute in the control. See http://webaim.org/techniques/forms/controls#input for specific examples of the correct markup.

[cjcenizal]

We also need to associate help text (including tooltips and "info" icons) and error text with the relevant form fields.

<label for="field">Label</label>
<div id="tooltip">A tooltip</div>
<input id="field" aria-describedby="tooltip helpText errorText" />
<div id="helpText">Some help text</div>
<div id="errorText">Some error text</div>

[timroes]

This should be done by now. If there are any places left this isn't done we should open a separate issue for that specific place, UI component, etc.