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!