Accessible name
An accessible name is the name of a user interface element; it is the text associated with an HTML element that provides users of assistive technology with a label for the element.
Accessible names convey the purpose or intent of the element. This helps users understand what the element is for and how they can interact with it. In general, accessible names for elements should be unique to a page. This helps users distinguish an element from other elements and helps users identify the element they want to interact with.
Depending on the element and the HTML markup, the value of the accessible name may be derived from visible (e.g., the text within aria-label attribute set on an element) content, or a combination of both. How an element's accessible name is determined is based on the accessible name calculation, which is different for different elements.
It is best to use visible text as the accessible name. Many elements, including Other elements get their accessible name from the content of associated elements. For example, when a , and , can get their accessible name from their content. For example, given Bar, the accessible name of this hyperlink is "Bar."
or element contains a descendant
or