HTML · Global attributes

role

Overrides the accessibility role of an element. Use native elements first; roles cannot add keyboard behaviour.

Syntax
role="…"

Example

Try it

Notes

A role alone does not make an element interactive. Add keyboard handling and ARIA states when necessary.

More in this group

accesskey aria-atomic aria-controls aria-current aria-describedby aria-disabled aria-expanded aria-hidden

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course