HTML5 & CSS3 - 웹접근성 스킵 메뉴 만들기

스킵 메뉴란 위 사진은 네이버의 스킵 매뉴입니다. 키보드의 TAB 키를 눌렀을 때 해당 영역으로 즉시 갈 수 있는 매뉴 바로가기를 나타납니다.

스킵 메뉴가 없으면, 연합뉴스 영역으로 바로가기 위해 TAB 키를 수 없이 눌러야 한다. 그럼 왜 이걸 만들어야 할까?

우리는 웹을 만들 때 웹표준과 접근성에 대해 생각하고 만들어야 합니다. 웹 창시자인 팀 버너스는 웹을 다음과 같이 정의하고 있습니다.

"어떠한 사용자(장애인, 노인 등), 어떠한 기술환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것" 웹접근성에 대한 내용은 아래 사이트에서 확인 가능합니다. 방문하셔서 지침 및 가이드 라인을 확인하시는 것도 도움이 됩니다. https://www.wah.or.k.....