Markus der 2.: Barrierefreiheit

Beitrag lesen

Hallo, zur Barrierefreiheit (insbes. für Blinde) habe ich folgendes gefunden.

span.inivisble
{
    position: absolute;
    left: -1000px;
    font-size: 0px;
}
a.sprunglink
{
	position: relative;
	left: -99999px;
}
 
a.sprunglink:focus
{
	position: absolute;
	left: 0px;
}


HTML:
<h2 class="invisible">Navigation</h2>

<div id="header">
  <a href="#inhalt" class="sprunglink">Direkt zum Inhalt</a>
  ...
</div>


Wenn ich dies allerdings einbaue, rutscht mein gesamter Inhalt nach unten. Würde in beiden Fällen (invisible und sprunglink) nicht genügen "display: none;"?