스킵 네비게이션(Skip Navigation)을 사용해야 하는 이유와 사용 방법

스킵 네비게이션은 웹 표준을 준수하기 위해 그리고 장애인도 평등하게 웹을 사용하기 위한 웹 접근성을 위해 꼭 설정해야 하는 요소 중 하나입니다. 

웹표준에 대한 자세한 내용은 아래 웹 표준 사이트를 참고하세요.

 

1. 다음 웹표준 사이트

 

http://darum.daum.net/

다룸, Darum 웹표준을 다루다

2. 네이버 웹표준 사이트

 

https://nuli.navercorp.com/

널리 : Sharing is Victory! : NULI

 

---

웹표준 준수를 위한 스킵 네비게이션(Skip Navigation) 만드는 방법

 

스킵 네비게이션을 만드는 html 코드와 css 코드는 아래 코드펜에 작성하였으니 참고하세요.

아래 코드펜에서 Tab 버튼을 누르면 스킵 네비게이션이 나옵니다.

 

See the Pen Skip navigation by Sky Lee (@Tropicalsky) on CodePen.