click to play button
click to replay button
LinksVideo.mp4
X
    00:00 / 00:00
    CC
    One of the most basic elements of HTML is hypertext links, and making them accessible is one of the most important properties of web accessibility Perhaps the most commonly used method of navigating through links, using the keyboard alone, is the tab key. This method allows you to skip through the links, using the Enter key to select a link. One way to create a barrier in links is to create a link that goes nowhere, such as this example, which creates a link whose purpose is to expose a drop-down menu containing other links that have real destinations. These links, like this one, often have a pound sign as the destination, which means the destination is the same page. Mouse users are completely able to access the drop-down menus, however, the drop- down menus are not at all accessible to keyboard users due to the same page destination. A solution to this problem would be to scratch the drop-down menu and use standard hypertext links. Screen reader users often rely on using the keyboard as opposed to the mouse Therefor, links must be made more accessible for keyboard users in order to make a web page accessible to screen reader users. First, screen readers make a link perfectly clear, so there is no reason to include “link” or “link to” in the link text. Links should also make sense out of context, not simply “click here” or “read more” or “link to”. This makes skimming through the content using a keyboard possible. Furthermore, “click here” should never be used, even in conjunction with a links true meaning because the screen reader makes it clear that it’s a link and links should be concise as possible without losing meaning. Using URLs as links creates two possible problems: readability and lenghth. Listening to a URL through a screen reader can be very confusing, especially when the URL is very lengthy and contains many numbers, slashes, and other text. Human readable text is recommended instead. Length is also very problematic. Take this screenshot for example. The URL takes up five lines in order to display the entire address. No one has time to listen to listen to this long, confusing URL through a screen reader. The link above could be shortened to “California seagull stock photos,” since the link goes to a page with stock photography of California seagulls. A very useful link to screen reader users is a link that skips to the main content of the page. Sighted users can easily maneuver to any part of the page they wish to see, but screen reader users are forced to listen to all the navigation links on the page. The “Skip Navigation” or “Main Content” links should be placed at the top of the page before the long navigation menus. Having the “Skip Navigation” links in the menus defeats the purpose. Also depending on the length of the main content, providing links that direct the user back to the top of the page is quite useful. You can place these “Top of Page” links after paragraphs and/or before headings just in case the user has gathered the info in which he or she was searching for and wishes to return to the top of the page. Hope this video helps. Thanks for watching!