


Imagine trying to navigate a page and hearing, "button," "checkbox," "image" without any additional context. If a name is not present, then a screen reader only announces the element's role. When an element's name is combined with the element's role, it gives the user context so they can understand what type of element they're interacting with and how it is represented on the page. A label or text alternative gives an element its accessible name, one of the key properties for expressing element semantics in the accessibility tree. In order for a screen reader to present a spoken UI to the user, meaningful elements must have proper labels or text alternatives.
