Accessibility

The accessible name computation takes into account various sources to generate an accessible name. The most common is the text content inside an HTML element, such as a button or a link, which is a primary source for the accessible name. On images, alt is considered. Others include 1. programmatic labels for inputs 2. Aria-label (Can only be used on interactive elements) 3. Title etc

Accessible name computation is a standardized algorithm for determining the accessible name of a user interface element. This is the text that is announced by screen readers when a user focuses on the element. The accessible name computation algorithm takes into account a variety of factors, including the element's type, its role, its label, and its aria attributes. The accessible name computation algorithm is important because it ensures that screen readers announce the accessible names of user interface elements in a consistent and predictable manner. This makes it easier for users of screen readers to understand and navigate web pages and applications. Here are some examples of how the accessible name computation algorithm modifies the way screen readers announce certain content: For form elements: The accessible name of a form element is typically the text of its associated label. For example, a text field with the label "Username" will be announced as "Username edit" by screen readers. For links: The accessible name of a link is typically the text of the link itself. However, if the link has an aria-label attribute, the value of that attribute will be used as the accessible name instead. For example, a link with the text "Click here" and the aria-label attribute "Open the main menu" will be announced as "Open the main menu" by screen readers. For images: The accessible name of an image is typically the value of its alt attribute. If the image does not have an alt attribute, screen readers will typically announce the image's filename instead. For custom elements: The accessible name of a custom element is typically determined by the element's developer. Developers can specify the accessible name of a custom element using the aria-label attribute. The accessible name computation algorithm is a complex piece of technology, but it plays an important role in making the web more accessible to users of screen readers. By understanding how the algorithm works, developers can create web pages and applications that are easier for users with disabilities to use.