Datenschutz | ETH Zürich

Alle Blog-Beiträge | ETH Zürich

Alle Online-Beiträge «Globe» | ETH Zürich

First time visit: View without clicking anything

«Globe» – das Magazin der ETH Zürich und der ETH Alumni | ETH Zürich

Impressum | ETH Zürich

Weitere Meldungen | ETH Zürich

ETH-News | ETH Zürich

Zukunftsblog | ETH Zürich

Disclaimer & Copyright | ETH Zürich

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

ETH Zurich (Swiss Federal Institute of Technology)

Title / URL	Issues
Datenschutz \| ETH Zürichethz.ch/de/footer/datenschutz.html	1
Alle Blog-Beiträge \| ETH Zürichethz.ch/de/news-und-veranstaltungen/zukunftsblog/blog-archiv.html	1
Alle Online-Beiträge «Globe» \| ETH Zürichethz.ch/de/news-und-veranstaltungen/globe/online-beitraege.html	1
First time visit: View without clicking anythingethz.ch/de.html	1
«Globe» – das Magazin der ETH Zürich und der ETH Alumni \| ETH Zürichethz.ch/de/news-und-veranstaltungen/globe.html	1
Impressum \| ETH Zürichethz.ch/de/footer/impressum.html	1
Weitere Meldungen \| ETH Zürichethz.ch/de/news-und-veranstaltungen/eth-news/meldungen.html	1
ETH-News \| ETH Zürichethz.ch/de/news-und-veranstaltungen/eth-news.html	1
Zukunftsblog \| ETH Zürichethz.ch/de/news-und-veranstaltungen/zukunftsblog.html	1
Disclaimer & Copyright \| ETH Zürichethz.ch/de/footer/disclaimer-copyright.html	1

Fix missing ARIA label IDs

ETH Zurich (Swiss Federal Institute of Technology)

Where this issue has occurred