본문 바로가기

개발참고자료

tab에 의한 키보드 접근주기(메인편)

반응형

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

<style type="text/css">
#skiptoContent strong, #skiptoContent dd a {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  text-align: center;
  top: -10000px;
  z-index: 10005;
  font-size: 1.3em;
 }
 #skiptoContent dd  a:hover,
 #skiptoContent dd  a:focus,
 #skiptoContent dd  a:active { position: absolute; top:0; padding:15px 0; font-weight:bold; color:#fff; background:#9A0907; z-index:10005;}
</style>

<TITLE> New Document </TITLE>
</HEAD>

<BODY>

<dl id="skiptoContent">
 <dt><strong>바로가기 메뉴</strong></dt>
 <dd><a href="#main">메인메뉴 바로가기</a></dd>
 <dd><a href="#contents">본문 바로가기</a></dd>
</dl>


</BODY>
</HTML>

반응형