Role, name and value

Lists

  1. One
  2. Two
  3. Three

Links

Form controls



Select a T-shirt size
What is your size?

Naming an image

On an image

No alt attribute:

Alt attribute with a value:

A cat sleeping.

Alt attribute with an empty value:

Naming an emoji

Tulip 
🌷

Add role=img and an aria-label: 🌷

Also give it a tooltip: 🌷

Role=presentation on a table

Basic HTML table
Animal Number of legs
Dog 4
Cat 4
Chicken 2
Same HTML table with role=presentation
Animal Number of legs
Dog 4
Cat 4
Chicken 2

aria-hidden="true" vs hidden

aria-required="true" vs required

Example required



Example aria-required



The accessible name of an iframe is the title attribute

Back to index To course chapter