First time visit: View without clicking anything

Win - BuzzFeed

BuzzFeed Video

BuzzFeed Community

Obsessed with travel? Discover unique things to do, places to eat, and sights to see in the best destinations around the world with Bring Me!

BuzzFeed Search

LGBTQ on BuzzFeed

BuzzFeed

Worth It on BuzzFeed

BuzzFeed Quizzes

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

June 2024

May 2024

Buzzfeed

Title / URL	Issues
First time visit: View without clicking anythingwww.buzzfeed.com/uk	8
Win - BuzzFeedwww.buzzfeed.com/uk/win	8
BuzzFeed Videowww.buzzfeed.com/videos	8
BuzzFeed Communitywww.buzzfeed.com/community	8
Obsessed with travel? Discover unique things to do, places to eat, and sights to see in the best destinations around the world with Bring Me!www.buzzfeed.com/bringme	8
BuzzFeed Searchwww.buzzfeed.com/search	8
LGBTQ on BuzzFeedwww.buzzfeed.com/lgbtq	8
BuzzFeedwww.buzzfeed.com/uk	8
Worth It on BuzzFeedwww.buzzfeed.com/uk/worthit	8
BuzzFeed Quizzeswww.buzzfeed.com/uk/quizzes	8

Fix missing ARIA label IDs

Buzzfeed

Where this issue has occurred