Thema Navigation Barrierefrei:
Sprungmarken (angemessen) für wichtigste Bereiche verwenden um direkte Navigation zu den Blöcken zu ermöglichen, Titel: „zur Hauptnavigation“. (auch Springen direkt zum Inhalt sinnvoll):

Überschriften (h2-h6) für Navigation setzen und direkt über Listelemente setzten

Auszeichnung der Navi für Lesbarkeit mit Screenreadern:
• Nummerierung der Navigation (”1.2.3: Menütitel” -> Leerzeichen beachten und Doppelpunkt setzen). Ziel: „Erschließung der Site-Struktur von beliebigen Einstiegspunkten aus.
• Abstand zwischen Links gundsätzlich einen unsichtbaren Punkt als Trennung setzten (möglichst kein |)
• „Current Link“ in Navi kennzeichnen

Beispiel für eine Barrierefreie Navigation:

<div id="menue">
<h2>Navigation</h2>
<!-- Die Liste für die erste Ebene -->
<ul>
  <li><a href="foo.html"><dfn>1: </dfn>Struktur</a>
      <span class="unsichtbar">. </span>
   <!-- Einbettung der Liste für die zweite Ebene -->
   <ul>
     <li><a href="foo.html" title="Über das div-Element"><dfn>1.1: </dfn>
      Bereiche</a><span class="unsichtbar">. </span></li>
      <li><strong><dfn>1.2: </dfn><span class="unsichtbar">Standort:
      </span>Listen</strong><span class="unsichtbar">. </span></li>
    </ul>
   </li>
   <-- Ende der Einbettung der zweiten Ebene -->
   <li><a href="foo.html"<dfn>2: </dfn>Gestaltung</a>
   <span class="unsichtbar">. </span></li>
</ul>
</div>

CSS: (kein display: none oder visibility:hidden da das nicht alle Reader das auslesen können.)

span.unsichtbar {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;overflow:hidden;
  display:inline;
}