Newsroom, Announcements and Media Contacts | Gartner

Gartner Expert Insights To Make Smarter Decisions | Gartner

Gartner for Sales Leaders

Gartner for Software Engineering Leaders

Gartner for Product Management Leaders

Gartner for Data and Analytics Leaders

Gartner for Human Resource (HR) Leaders

Gartner for Legal and Compliance Leaders

Gartner for Finance Leaders

Gartner for Innovation & Strategy Leaders

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

Gartner Inc

Title / URL	Issues
Newsroom, Announcements and Media Contacts \| Gartnerwww.gartner.com/en/newsroom	7
Gartner Expert Insights To Make Smarter Decisions \| Gartnerwww.gartner.com/en/experts	5
Gartner for Sales Leaderswww.gartner.com/en/sales	3
Gartner for Software Engineering Leaderswww.gartner.com/en/software-engineering	3
Gartner for Product Management Leaderswww.gartner.com/en/product-management	3
Gartner for Data and Analytics Leaderswww.gartner.com/en/data-analytics	3
Gartner for Human Resource (HR) Leaderswww.gartner.com/en/human-resources	3
Gartner for Legal and Compliance Leaderswww.gartner.com/en/legal-compliance	3
Gartner for Finance Leaderswww.gartner.com/en/finance	3
Gartner for Innovation & Strategy Leaderswww.gartner.com/en/innovation-strategy	3

Fix missing ARIA label IDs

Gartner Inc

Where this issue has occurred