HTML and CSS Reference
In-Depth Information
Move Unique Content to the Front of Links and Headlines
Place the most important, most distinct content first in each heading and link.
Code View:
<h1>Cheney Alleges Canada has Weapons of Mass
Destruction</h1>
<ul>
<li>Dick Cheney says Tuva Has Weapons of Mass
Destruction</li>
<li>Dick Cheney says Mexico Has Weapons of Mass
Destruction</li>
</ul>
<a href="finance.html">SuperPortal: Finance</a>
<a href="sports.html">SuperPortal: Sports</a>
<a href="news.html">SuperPortal: News</a>
<h1>Canada has Weapons of Mass Destruction, alleges
Cheney</h1>
<ul>
<li>Tuva Has Weapons of Mass Destruction,
says Cheney</li>
<li>Mexico Has Weapons of Mass Destruction,
says Cheney</li>
</ul>
<a href="finance.html">Finance SuperPortal</a>
<a href="sports.html">Sports: SuperPortal</a>
<a href="news.html">News: SuperPortal</a>
Motivation
Readers listening to a page with a screen reader scan by jumping from link, list item, or heading to the next
item without listening to the entire item. Do not make readers listen to more than they have to in order to
determine whether the link or headline is relevant to them.
Potential Trade-offs
On occasion, the language can become a little stilted, especially when complete sentences are involved.
Mechanics
Visually impaired users often scan pages by listening to the first two or three words of each successive link or
heading. Those words have to count.
You can inspect easy link, heading, and table title to see whether it needs to be reordered. It's easy enough to
write an XPath expression that will find all of these in any given document. For example:
Search WWH ::




Custom Search