웹접근성이라는 용어를 혹시 들어보셨는지 모르겠군요. 웹접근성은 어떤 누구라도 어떤 환경에서든 웹페이지의 내용을 쉽게 이용할 수 있도록 하는 거예요. 눈이 잘 보이는 사람도 눈이 안보이는 사람도 잘 이용할 수 있도록 말이죠. 장애인들을 위한 기능인 줄 알았는데, 그게 아니라는 군요.

그래서 현재 본인의 블로그가 접근성이 좋은 지를 확인할 수 있는 웹접근성 평가 도구를 소개합니다. 이 평가 도구는 단순히 웹접근성을 측정만 해주는 것이 아니라 오류에 대한 정보까지 제공하고 있으니까 해당 정보를 바탕으로 블로그의 스킨을 수정해 보세요.

웹 접근성 평가 도구 N-WAX

네이버 널리라는 곳에서 제공하는 웹 접근성 평가 도구 N-WAX입니다.

IE에서는 사용할 수 없고, 파이어폭스와 크롬의 플러그인 형태로 제공합니다. 사용하시는 브라우저에 맞게 플러그인을 설치하세요.

저는 크롬에 설치를 했는데, 주소표시줄 옆에 녹색 사다리 아이콘이 생겼습니다. 블로그에 접속해서 아이콘을 클릭하세요. 검사 시간이 아주 짧네요.

웹접근성 평가 도구 N-WAX 아이콘

 

브라우저 왼쪽 사이드에 결과가 표시됩니다. 검사하는 항목이 참 많네요.

웹접근성 평가 도구 N-WAX 검사 결과

 

각 항목별로 자세히 알아 볼 수 있죠. 제일 마지막 레이블을 클릭해봤습니다. 빨간색으로 오류가 표시되네요. Guid를 한 번 클릭해보죠.

웹접근성 평가 도구 N-WAX 세부 검사 결과

 

가이드 페이지가 열리고, 해당 오류에 대한 설명과 해결 방법등이 자세히 설명되어 있습니다. 이 설명에 따라 오류를 수정하시면 되겠죠? 다만 설명이 자세하지 않아요. 기본적인 웹 개발에 대한 지식이 어느 정도 있어야 이해할 수 있을 것 같아요.

웹접근성 평가 도구 N-WAX 가이드 페이지

 

웹접근성은 비교적 어려운 내용이 많더라고요. 단순히 html 태그만 안다고 되는 건 아닌 것 같아요. 이게 틀렸다는 건지 맞았다는 건 지 알아보기도 좀 어렵습니다. 하지만 한 두가지씩 고쳐나가다 보면 이용하기 편리한 페이지를 만들 수 있을 거예요.

단순히 평가만 하지 마시고 네이버 널리에 있는 다른 자료들을 읽어보면 웹접근성에 대해서 충분한 지식을 쌓을 수 있을 것 같아요. 시간 날 때마다 읽어봐야 겠어요.

함께 보면 좋은 글

티스토리 이웃 링크 추가 버튼 만들기
티스토리에 네이버 이웃커넥트 설치하기
검색엔진 최적화(SEO) 1탄 - meta, title, desciption, keywords 사용법
검색엔진 최적화(SEO) 2탄 - 로딩 속도를 빠르게
검색엔진 최적화(SEO) 3탄 - 도메인, 텍스트 편
블로그 로딩속도를 빠르게 - 이미지 용량 줄이기
블로그 로딩속도를 빠르게 - CSS Tidy
블로그 로딩 속도 빠르게 하기 - javascript 압축
블로그 속도 측정 - Google PageSpeed Insights