Accessible names

Adding information with aria-label

Name a nav, a section or a list with aria-label:

Follow us on:

• Facebook
• Instagram

The latest news

[list of the latest news items]

Related news

[the related news items]

Add info with aria-labelledby

The latest news

[list of the latest news items]

Add info with aria-describedby

Please make a donation

Donate

We hope for 10€ or more.

Aria-describedby for live updates

Your message:

150 characters remaining of 150 characters

Override link- and button text

aria-labels on links and buttons override all text inside for a screen reader.

Link: Yes

Button: Add