Note: While aria-label is allowed on any element that can have an accessible name, in practice, aria-label is only supported on interactive elements, widgets, landmarks, images and iframes. If both are present on the same element, aria-labelledby will take precedence over aria-label. If the label text is available in the DOM, and referencing the DOM content and acceptable user experience, prefer to use aria-labelledby. If there is no visible name for the element you can reference, use aria-label to provide the user with a recognizable accessible name.
Both provide an accessible name for an element. The purpose of aria-label is the same as aria-labelledby. If there is visible text that labels an element, use aria-labelledby instead. If none of these options are available, or if the default accessible name is not appropriate, use the aria-label attribute to define the accessible name of an element.Īria-label can be used in cases where text that could label the element is not visible. Accessible names can also be created by certain attributes or associated elements.īy default, a button's accessible name is the content between the opening and closing tags, an image's accessible name is the content of its alt attribute, and a form input's accessible name is the content of the associated element. Most content has an accessible name generated from its immediate wrapping element's text content. Note: aria-label is intended for use on interactive elements, or elements made to be interactive via other ARIA declarations, when there is no appropriate text visible in the DOM that could be referenced as a label
0 kommentar(er)
