![]() ![]() Check that the value of the aria-label attribute properly describes the purpose of the link element.H30: Providing link text that describes the purpose of a link for anchor elements.G91: Providing link text that describes the purpose of a link.ARIA-XX: Using aria-label to provide an invisible label.ARIA-XX: Using aria-label to provide labels for objects.HTML to Platform Accessibility APIs Implementation Guide: Accessible Name and Description Calculation.Old Willy "Dusty" Williams in yesterday's mayoral election. Property taxes for the coming fiscal year.īaby Mayor: Seminole voters elect the city's youngest mayor ever by voting in 3 year Seminole tax hike: Seminole city managers are proposing a 75% increase in The words 'read more' are repeated in the aria-label (which replaces the original anchor text of "") to allow consistent communication between users. These situations provide a good use case for aria-label in that the simpler, non-descriptive "read more" text on the page can be replaced with a more descriptive label of the link. ![]() In some situations, designers may choose to lessen the visual appearance of links on a page by using shorter, repeated link text such as "read more". This will allow consistent communication between users.ĭescribing the purpose of a link in HTML using the aria-label element. Due to this it is recommended to start the text used in aria-label with the text used within the link. As such the text supplied will be used instead of the link text by AT. Per the WAI-ARIA specification and the HTML to Platform Accessibility APIs Implementation Guide, the aria-label text will override the text supplied within the link. In some assistive technologies the aria-label value will show in the list of links instead of the actual link text. Providing a descriptive text label lets a user distinguish the link from links in the Web page that lead to other destinations and helps the user determine whether to follow the link. If descriptive elements are visible on the page, the aria-labelledby attribute should be used instead of aria-label. The aria-label attribute provides a way to place a descriptive text label on an object, such as a link, when there are no elements visible on the page that describe the object. The objective of this technique is to describe the purpose of a link using the aria-label attribute. ChromeVox V.1 and greater has complete support.Jaws V.11 and greater has complete support.User Agent and Assistive Technology Support Notes almost or all cases where you have an input) then it is better than aria-label because aria-label will not help sighted users who could benefit from the visual aspects of accessibility/usability that the native HTML elements can also provide. SC 2.4.9 Link Purpose (Link Only) (sufficient) Payel, while that is right, as label has in-built accessibility semantics, so in cases where you should be using label (e.g.SC 2.4.4 Link Purpose (In Context) (sufficient).In 2020, the latest version of this information was at w3.org/WAI/WCAG21/Techniques/aria/ARIA8 4 User Agent and Assistive Technology Support Notes Ĭurrent information is available from the WAI website: w3.org/WAI. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |