First time visit: View without clicking anything

Georgia Institute of Technology

Explore the Main Campus

Academic Environment

Prospective Students

Campus Life

Campus Procedures for Hazardous Weather

Admission Overview

Rankings

Emergency Information

When specifying accessible names via `aria-labelledby`, ensure that the 
label elements exist.

## Explanation

Accessible names are required for many parts of a page, including form controls.
One way to accomplish this is to use `aria-labelledby` to specify the ID or IDs of 
other elements which contain a label. For example:

```html
<h2 id="dialog-labell">Important message!</h2>
<dialog aria-labelledby="dialog-label">
```

In this example, the `aria-labelledby` for the `<dialog>` points to an ID of `dialog-label`,
which doesn't exist. The heading it refers to instead has an ID of `dialog-labell`, presumably 
a typo.

## Why this matters

It isn't usually clear when an accessible name is broken, even during user testing.

This check helps to identify where an element clearly intended to have a label, but
that label is missing.

When a label is broken, it may be impossible for a user of assistive technologies
to understand what that element does.

missing-aria-labelled-by

August 2024

July 2024

Title / URL	Issues
First time visit: View without clicking anythingwww.gatech.edu/	63
Georgia Institute of Technologywww.gatech.edu/	63
Explore the Main Campuswww.gatech.edu/life/campus-life	45
Academic Environmentwww.gatech.edu/academics-education	41
Prospective Studentswww.gatech.edu/prospective-students	40
Campus Lifewww.gatech.edu/life	40
Campus Procedures for Hazardous Weatherwww.gatech.edu/emergency/weather	32
Admission Overviewwww.gatech.edu/admission	32
Rankingswww.gatech.edu/about/rankings	32
Emergency Informationwww.gatech.edu/emergency	32

Fix missing ARIA label IDs

Georgia Institute of Technology

Where this issue has occurred