![]() ![]() Check that the value of the aria-label attribute properly describes the purpose of the link element.Accessible Name and Description Computation.HTML to Platform Accessibility APIs Implementation Guide: Accessible Name and Description.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. Old Willy "Dusty" Williams in yesterday's mayoral election. Payel, while that is right, as label has in-built accessibility semantics, so in cases where you should be using label (e.g. 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. Property taxes for the coming fiscal year.īaby Mayor: Seminole voters elect the city's youngest mayor ever by voting in 3 year aria-label can be used in cases where text that could label the element is not visible. 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Īnchor text of "") to allow consistent communication between users. More" text on the page can be replaced with a more descriptive label of the link. Provide a good use case for aria-label in that the simpler, non-descriptive "read On a page by using shorter, repeated link text such as "read more". In some situations, designers may choose to lessen the visual appearance of links Examples Example 1: Describing the purpose of a link in HTML using aria-label. This will allow consistent communication between Text used in aria-label with the text used within the link. Due to this it is recommended to start the As such the text supplied willīe used instead of the link text by AT. Per the Accessible Name and Description Computation 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. The Web page that lead to other destinations and helps the user determine whether Providing a descriptive text label lets a user distinguish the link from links in Ifĭescriptive 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Ī 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. 2.4.9: Link Purpose (Link Only) (Sufficient). Link context using one of the following techniques: If a page contains multiple
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |