Web Design

248

Create Accessible Navigation ..................................

3 Near the top of the page,

type <a href=”#?”>,

replacing? with the ID value

you added in Step 2.

1 Open a page in your editor.

2 In the element that wraps

around the main content,

or the main content’s first

element, add a descriptive

ID attribute if one does not

already exist.

Create Accessible Navigation

U

nder normal circumstances, a visually impaired user’s screen reader reads through the page

chronologically. Because most sites have the main navigation at or near the top of the

document, above the main content, users must endure having all of the links read to them for each

and every page, which can quickly become annoying. The solution, a skip navigation link, is simple

to implement. Add a descriptive ID attribute to the main content, and provide a link just before the

navigation to that spot on the page.

1

3

2