AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Set name of element10/4/2023 Chrome Developer Tools (DevTools) will even show the hierarchy of the accessible name computation for a specific element, and everything competing for this top spot. Chrome and Firefox both include built-in tools to inspect not only the HTML, but the element's accessibility properties, including name and description. A tool to inspect the underlying HTML. WAVE is a free tool that provides this functionality. Among other things, this tool should reveal form labels, image alternative text, and the presence of aria-label/labelledby/describedby. A tool that exposes accessibility information throughout the page.Web accessibility evaluators should optimally have at least three types of tools to aid them in identifying the accessible name of components within the page: The only way to be sure of an element's accessible name is to either inspect its underlying HTML structure or interact with it using a screen reader. Tools to Identify the Accessible Name and Description Alternative text of "Next Page" would meet the Label in Name requirement because the accessible name contains the visible label (although a perfect match of "Next" would almost certainly be better). The label and name do not have to match exactly. An image with visible text of "Next" and alternative text of "Continue" would fail this requirement. Label in Name requires that the accessible name for a link or control contain the text label. WCAG 2.1 addresses this issue with a Level A success criterion: " 2.5.3 - Label in Name". A screen reader user who is not blind might be confused when they see "Next" but hear "Continue". A blind user may encounter an impasse when a sighted colleague asks them to "click on Next," but they cannot find a link or button with that name. A user of voice control software like Dragon would be unable to activate this link using the visible label. But this mismatch between the visible text and alternative text still poses problems. WCAG 2.0 requires equivalent alternative text for images, and the word "Continue" is arguably equivalent to "Next", so you could make a case for this conforming with WCAG 2.0. What if this same linked image has alternative text of "Continue": The WCAG label for this element is the visible text of "Next", but you cannot know the accessible name provided for this image just by looking at it.
0 Comments
Read More
Leave a Reply. |