Beispiele aus dem Buch (Abschnitt 2.3: Verständlichkeit, Navigation und Orientierung)
"Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.deDies ist ein Beispiel aus dem Buch 
Barrierefreies Webdesign (2004), das Ende 2004 im dpunkt.Verlag erschienen ist.
Navigation in einer Sprache und ohne Abkürzungen
Die verschiedenartigen Menüpunkte der nachfolgenden Navigation wurden aus dem vorherigen Beispiel überarbeitet. Die teilweise fremdsprachigen Punkte wurden ins Deutsche übersetzt und abgekürzte Einträge sind hier ausgeschrieben.
HTML
<ul class="navi">
<li><a href="#">Startseite</a></li>
<li><a href="#">Dateisammlung</a></li>
<li><a href="#">Mensch-Maschinen-Interaktion</a></li>
<li><a href="#">persönliche Einstellungen</a></li>
<li><a href="#">Gesamtübersicht</a></li>
</ul>
CSS
ul.navi {
margin:0 1em 0 0;
width: 16em;
list-style-type:none;
padding-left:5px;
}
ul.navi li a {
margin: 0.2em 0 0 0;
padding: 0 0 0 5px;
width: 100%;
display: block;
background: #d6d6d6;
text-decoration: none;
color: #000000;
font:bold 90% verdana,arial,sans-serif;
border-left:5px solid #d6d6d6;
}
ul.navi li a:hover, ul.navi li a:focus {
border-left:5px solid #0066B2;
}