Menu

User Experience

ARIA Labels

Also known as: Accessible labels

Plain English

Extra labels for .

Definition

ARIA labels are attributes used in HTML to improve by providing additional for .

In practice

Used to describe elements that are not clearly labelled visually.

In context

They are a repair, not a first choice. Native HTML that already carries the right semantics needs no label, and an ARIA attribute over the wrong element makes things worse.

The reality

ARIA is often misused or ignored, reducing .

Compared with

ARIA Labels vs Semantic HTML

Semantic HTML conveys meaning by using the correct element. ARIA adds meaning where no suitable element exists. The first rule of ARIA is not to use it if native markup will do the job.

FAQ

Common questions

A few practical answers to the questions that usually come up around this term.

What are ARIA labels?

They provide additional for tools.

Why are ARIA labels important?

They improve for users.

Where are they used?

In HTML elements without clear labels.

What is a common issue?

Incorrect or missing implementation.

Related Services

Related Guides

Related Terms

LET'S WORK TOGETHER

Ready to improve your product?

UX, research and product leadership for teams tackling complex digital services.

Previous feedback

I had a fantastic experience working with Andy. One of his most impressive achievements during our time at NHS HEE was masterminding a deeply complex information architecture for a new platform that brought together a large number of legacy websites.

Will Parkhouse

Senior Content Designer