[건너뛰기] "본문바로가기" 엔터시, 정확히 본문이 시작되는 곳으로 이동

항상 body 맨 상단에는 아래와 같은 소스가 들어가야한다. 

 

<div class="accessibility">

   <a href="#container">본문바로가기</a>

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

</div>

 

* class명과 id명은 자유롭게 바꿔도 된다.

 

 

 

 

 

 

저 소스를 body 제일 상단에 추가하게 되면 탭을 클릭했을때 브라우저 맨 상단에 

이런게 나타난다.

 

 

 

 

 

 

저걸 엔터 치는 순간 정확히 본문이 시작되는 곳으로 이동해야하는데, 이동한 곳이 본문이 시작되는 곳이 아니면 오류판정 받게 된다. (참고로 "주메뉴 바로가기"는 헤더의 첫번째 메뉴로 이동하면됨)

 

 

 

주의해야할 점은 아래 이미지처럼 상세 탭에 있을 경우 탭 하단에 있는 본문으로 이동해야한다.

탭까지 감싸고 있는 태그로 이동하면 안됨.

참고 : https://www.kisti.re.kr/mspt/client-satisfaction/pageView/31?t=1579008528427