Page not found - HSC at Fort Worth

Student life at HSC Fort Worth

HSC Newsroom

HSC Staff Directory at HSC at Fort Worth

Invest in innovation, patient care and education at HSC Fort Worth.

Research and Innovation at HSC Fort Worth.

Meet the Team and give now at HSC.

The University of North Texas Health Science Center at Fort Worth.

Academic programs at HSC Fort Worth.

The University of North Texas Health Science Center at Fort Worth

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

January 2025

December 2024

University of North Texas Health Science Center

	Title / URL	Issues
	Page not found - HSC at Fort Worthwww.unthsc.edu/invented-url-for-404-page	1
	Student life at HSC Fort Worthwww.unthsc.edu/students/	1
	HSC Newsroomwww.unthsc.edu/newsroom/	1
	HSC Staff Directory at HSC at Fort Worthwww.unthsc.edu/directory/	1
	Invest in innovation, patient care and education at HSC Fort Worth.www.unthsc.edu/give/give-now/	1
	Research and Innovation at HSC Fort Worth.www.unthsc.edu/research/	1
	Meet the Team and give now at HSC.www.unthsc.edu/give/meet-the-team/	1
	The University of North Texas Health Science Center at Fort Worth.www.unthsc.edu/alumni-relations/	1
	Academic programs at HSC Fort Worth.www.unthsc.edu/academics/	1
	The University of North Texas Health Science Center at Fort Worthwww.unthsc.edu/	1

Ensure form controls have labels

University of North Texas Health Science Center

Where this issue has occurred