Search Jobs

Sign in to Your Account - Evergy

Evergy History

Money and Energy Saving Programs - Evergy

Residential Discounts - Evergy

Our Company

Sign In to Energy Analyzer - Evergy

Power Outage Map - Evergy

Culture

Rate Information - Evergy

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

May 2025

April 2025

evergy.com

Title / URL	Issues
Search Jobswww.evergy.com/careers/search-jobs	1
Sign in to Your Account - Evergywww.evergy.com/manage-account/my-account	1
Evergy Historywww.evergy.com/about-evergy/history	1
Money and Energy Saving Programs - Evergywww.evergy.com/Ways%20to%20Save/Programs	1
Residential Discounts - Evergywww.evergy.com/ways-to-save/discounts	1
Our Companywww.evergy.com/about-evergy/our-company	1
Sign In to Energy Analyzer - Evergywww.evergy.com/manage-account/energy-analyzer	1
Power Outage Map - Evergywww.evergy.com/Outages/Outage-Map	1
Culturewww.evergy.com/careers/culture	1
Rate Information - Evergywww.evergy.com/manage-account/rate-information	1

Fix missing ARIA label IDs

evergy.com

Where this issue has occurred