개인적인 정리

건너뛰기 링크 본문

웹접근성

건너뛰기 링크

yeon.Biju 2018. 4. 2. 13:36

<style>

#skipnavigation a {position:absolute; top: -9999px; left:-3000%; height:0px;}

#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}

</style>




<div id="skipnavigation">

<a href="#visual-box">본문 바로가기</a>

<a href="#gnb">주 메뉴 바로가기</a>

</div>




항목 14. 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다. 

'웹접근성' 카테고리의 다른 글

<caption>제공방법이 부적절한 경우  (0) 2018.04.04
html5에서 caption, summary  (0) 2016.12.05
Comments