Friday, 8 July 2011

Adding accessibility 'skip to' links

<div id="accessibility">
<a href="#skiptonavigation" accesskey="n">Skip to navigation</a>
<a href="#skiptocontent" accesskey="c">Skip to content</a>
</div>

<a name="skiptocontent"></a>


#accessibility {display: absolute; }
#accessibility a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#accessibility a:focus
{
position:static;
width:auto;
height:auto;
}

from http://webaim.org/techniques/css/invisiblecontent/

3 comments:

  1. Do you want to know more about topic sentences writing? On https://essaydragon.com/blog/good-topic-sentences you can read more about it

    ReplyDelete
  2. Such a romantic relationship presupposes an emotional, intellectual and sexual union, a full-blooded union of two souls who recognize each other as best married dating sites individuals and like-minded people and voluntarily and mutually agree to share their innermost and highest values, hopes and desires.

    ReplyDelete