Links gruppieren / Bereiche überspringen

[Orlando]

Hi Corinna,

aha, und kannst du mir mal ein prakisches beispiel zeigen.

zunächst eine Zeile CSS:

.wai { display:none; }

Alle Elemente, die eine Klasse namens "wai" aufweisen, werden in CSS-fähigen Browsern ausgeblendet. Textbrowser zeigen diese an (und Screenreader lesen sie vor). Der folgende Link ist somit in grafischen Browsern nicht zu sehen, ermöglich es aber Benutzern von Textbrowsern, die Navigation zu überspringen und direkt zum Inhalt zu gelangen:

<p class="wai">
  <a href="#inhalt">[Springe zum Inhalt]</a>
 <p>

<div id="navigation" name="navigation">
  <ul>
   <li><a href ... >Punkt 1</a></li>
   <li><a href ... >Punkt 2</a></li>
   <li><a href ... >Punkt 3</a></li>
  </ul>
 </div>

<div id="inhalt" name="inhalt">
  <h2>bla</h2>
  <p>bla</p>
  ...
 </div>

Da es ziemlich lästig sein muss, auf jeder Seite zunächst die Navigation vorgebetet zu bekommen, sollte man solche "unsichtbaren" Zusatzverweise einbauen.

Siehe auch

http://mluurzs2.urz.uni-halle.de/kurse/barrierefrei/wai-html.html#linkgruppe

Grüße,
 Roland