![]() For details about this, see the Accessible Names and Visible Labels section of our ARIA on Websites page.You can play a video in a lightbox using either a Button module or a Video module. NOTE: When using ARIA attributes such as aria-label or aria-labelledby, it can be helpful to know how link text and other labels are calculated by assistive technologies. It combines the content of itself (“Read more…”) with the article title that’s provided elsewhere. This example is particularly clever as it’s self-referential. The value of this attribute must be one or more ids of existing elements on the page, separated by a space. The following example uses the aria-labelledby attribute. Technique #2: Combine content into one label using aria-labelledby In the following example, screen readers will read the value of the aria-label attribute rather than the link text: More. This can be used to provide more descriptive link text specifically for screen reader users, where sighted users get the same information by visual context. The aria-label attribute, if added to a link, will override the visible link text. Technique #1: Override link text with aria-label If link text is added at the end of repeated blocks of text, for example, “Read more” links at the end of short teasers for articles, there are a variety of acceptable techniques for making those links more accessible. On a page that serves as a hub, the primary purpose of which is to provide users with links, such as a page of search results. ![]()
0 Comments
Leave a Reply. |