NAU Parking & Transportation Policy - North American University

NAU Campus Life - North American University

Academics - Bachelor’s Degrees | Master’s Degrees | NAU

NAU Financial Aid - North American University

NAU Faculty and Staff - North American University

Students - North American University

North American University for international Students Houston TX

Online Distance Education Courses Houston Texas

Admissions for our Undergraduate and Graduate International Students

Headlines Today's Top Higher Education News - North American University

People using screen readers are not able to see the layout of a form. To make forms
accessible, they must define explicit text labels for each form control. 

Usually the best solution is to use a `<label>` element. The label may be linked to 
by the form control:

```html
<label for="name">Full name</label>
<input type="name" id="name">
```

or the `<label>` can be wrapped around the form control:

```html
<label>
    Full name <input type="name">
</label>
```

Buttons are different, as their labels are specified by the code for the button, e.g.

```html
<input type="submit" value="Send message">
<button>Send message</button>
```

Alternatively ARIA attributes, such as `aria-label` may be used, but this information
will not be conveyed to visual users. For more information, see [W3C's guide to labeling controls](https://www.w3.org/WAI/tutorials/forms/labels/).

Hidden input fields (`<input type="hidden">`) do not require labels.
Note that the `placeholder` attribute 
[should not be used as an alternative to a label](https://www.w3.org/TR/html/sec-forms.html#the-placeholder-attribute),
nor should the `title` attribute.

## Custom roles

Note that this check considers the underlying accessible role of an element, which can be 
different from the tag itself.

For example, this `<div>` has a `role` of `button`, and so is expected to have a label, like
a button would.

```html
<div role="button"></div>
```

form-control-labels

August 2025

July 2025

North American University

Title / URL	Issues
NAU Parking & Transportation Policy - North American Universitywww.na.edu/campus-life/parking/	1
NAU Campus Life - North American Universitywww.na.edu/campus-life/	1
Academics - Bachelor’s Degrees \| Master’s Degrees \| NAUwww.na.edu/academics/	1
NAU Financial Aid - North American Universitywww.na.edu/financial-aid/	1
NAU Faculty and Staff - North American Universitywww.na.edu/faculty-staff/	1
Students - North American Universitywww.na.edu/students/	1
North American University for international Students Houston TXwww.na.edu/admissions/international/	1
Online Distance Education Courses Houston Texaswww.na.edu/nau-distance-education/	1
Admissions for our Undergraduate and Graduate International Studentswww.na.edu/admissions/	1
Headlines Today's Top Higher Education News - North American Universitywww.na.edu/headlines/	1

Ensure form controls have labels

North American University

Where this issue has occurred