Kellanova US | Coupons

Kellanova US | Recipes

Kellanova | Contact Us

Kellanova US | Club Crackers Brand Page

Where To Buy

Kellanova US | Homepage

Kellanova US | Our Brands

Kellanova US | Promotions

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

Kellogg's

Title / URL	Issues
Kellanova US \| Couponswww.kellanovaus.com/us/en/coupons.html	4
Kellanova US \| Recipeswww.kellanovaus.com/us/en/recipes.html	3
Kellanova \| Contact Uswww.kellanovaus.com/us/en/contact-us.html	3
Kellanova US \| Club Crackers Brand Pagewww.kellanovaus.com/us/en/brands/club.html	3
Where To Buywww.kellanovaus.com/us/en/where-to-buy.html?ps-sku=00024100106851	3
Kellanova US \| Homepagewww.kellanovaus.com/us/en/home.html	3
Where To Buywww.kellanovaus.com/us/en/where-to-buy.html	3
Kellanova US \| Our Brandswww.kellanovaus.com/us/en/our-brands.html	3
Kellanova US \| Promotionswww.kellanovaus.com/us/en/promotions.html	3

Fix missing ARIA label IDs

Kellogg's

Where this issue has occurred