Learn Accessibility by Building a Quiz - Step 16

Tell us what’s happening:
Describe your issue in detail here.

I would like a bit explanation of some of these attributes
what does all this mean
role=“region” aria-labelledby=“”

Challenge: Learn Accessibility by Building a Quiz - Step 16

Link to the challenge:

A role provides semantic meaning for an element, which is used by assistive technology, such as screen readers, to provide better descriptions and support for elements so the person listening to the page knows what the element is and does.

The aria-labelled attribute allows us to set an accessible name for an element. This allows screen readers to tell the user what the name of the element is. For example, if there are three section elements on the page and each section has a unique accessible name, then a screen reader user navigating the page by landmarks will know which section they are currently on because they will hear that section’s accessible name.

1 Like