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;"?