Career Services :: Swarthmore College

Global Engagement :: Swarthmore College

Academics :: Swarthmore College

News & Events :: Swarthmore College

Visit Swarthmore :: Swarthmore College

Financial Aid :: Swarthmore College

Living @ Swarthmore :: Swarthmore College

Admissions & Aid :: Swarthmore College

Honors Program :: Swarthmore College

Explore Swarthmore :: Swarthmore College

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

February 2025

January 2025

Swarthmore College

Title / URL	Issues
Career Services :: Swarthmore Collegewww.swarthmore.edu/career-services	7
Global Engagement :: Swarthmore Collegewww.swarthmore.edu/global-engagement	5
Academics :: Swarthmore Collegewww.swarthmore.edu/academics	5
News & Events :: Swarthmore Collegewww.swarthmore.edu/news-events	5
Visit Swarthmore :: Swarthmore Collegewww.swarthmore.edu/visit-swarthmore	3
Financial Aid :: Swarthmore Collegewww.swarthmore.edu/financial-aid	2
Living @ Swarthmore :: Swarthmore Collegewww.swarthmore.edu/living-swarthmore	2
Admissions & Aid :: Swarthmore Collegewww.swarthmore.edu/admissions-aid	2
Honors Program :: Swarthmore Collegewww.swarthmore.edu/honors-program	2
Explore Swarthmore :: Swarthmore Collegewww.swarthmore.edu/explore-swarthmore	2

Fix missing ARIA label IDs

Swarthmore College

Where this issue has occurred