본문 바로가기
디자인 TIP

웹접근성 가이드 확인하기 Tip!

by 디자인.연 2022. 8. 7.

 

IT업계 그중에서 홈페이지를 제작하는 분들이라면 자연스럽게 웹접근성인증에 대해 익히셨으리라 생각합니다.

제가 웹접근성인증을 진행할 때 가장 힘들었던게 스크린 리더기가 없어서 제대로 들어갔는지 아닌지

확인하기 어렵다는 점 이였습니다!

완벽하게는 아니지만 자체적으로 어느정도 확인 할 수 있는 방법을 알려드리려고 합니다.

1.웹접근성이란?

http://www.wa.or.kr/m1/sub1.asp

 

웹접근성이란? > WA : 한국웹접근성인증평가원

웹접근성이란? > WA > 웹접근성이란? 정보통신접근성(Web접근성)이란? 정보통신접근성 (Web 접근성)은 「지능정보화기본법」에 따라 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장

www.wa.or.kr

 

웹접근성인증평가원에서 소개하는 내용을 보면 장애인/고령자분이 쉽게 사이트에서 제공하는 정보를 비장애인과 동일하게

접근하고 사용할수 있도록 도와주는 것이라고 합니다!

심사절차는 아래 이미지와 같은데요

복잡해 보이지만 사실은 인증평가원에서 제공하는 양식에 맞춰서 심사요청을 메일로 보내고

그럼 확인전화가 옵니다. 그 후에 뭐 잘못 기재된 내용이 있거나 하면 추가해 주십니다.

그 후 세금계산서를 발행하고 회사의 절차에 맞춰서 비용처리를하시면 됩니다.

금액은 첫 심사와 재심사는 비용이 다르기 때문에 이점 유의하시고

아무래고 적은 금액은 아니고 거의 80~100만원선으로 진행이 되기 때문에 최대한 한번에 승인이

되어야하는 과정입니다!

심사 과정에서 보면 본심사시 총 심사 기회가 2번 있다고 나오는 데요

부적합한 사항에 대해서 문서로도 오지만 보고 이해가 안가는 부분은 전화로 문의를 해도

친절히 응대해 주십니다. 그리고 2차 심사에서 부적합이 나면 그대로 끝이라고

나오지만 사실은...! 전화나 메일로 계속 수정해야할 부분 알려주시고

그렇게 막 칼로 무자르듯이 안돼요! 하지는 않으세요

하지만 왠만하면 한번에 통과되는게 서로 좋겠죠?? ㅎㅎ


 

2.웹접근성 가이드확인하기

그럼 구체적인 웹접근성 가이드를 확인해 보겠습니다.

https://nuli.navercorp.com/

 

NULI

 

nuli.navercorp.com

네이버에서 제공하는 누리프로젝트에서 확인해보시면 더 자세히 확인 하실 수 잇는데요

웹접근성은 컬러의 비율, 글씨 크기의 비율 등 다양한 조건들이 있어서

한번 쯤 확인해 보시고 진행하시면 더 좋습니다

웹접근성 지침에 가서 보시면 기본적인 지침들이 설명되어 있습니다.

이미지에 alt값 제공 등등 부분별로 확인해 보시면 처음 하시는분들은 도움이 되실 것입니다.


 

3.내 사이트 웹접근성 확인하기

OpenWAX

 

https://chrome.google.com/webstore/detail/openwax/bfahpbmaknaeohgdklfbobogpdngngoe?hl=ko

 

OpenWAX

OpenWAX(Open Web Accessibility eXtension) is a tool that can help diagnose and fix the accessibility problem.

chrome.google.com

 

크롬 확장프로그램으로 추가할 수 있는 OpenWAX는

로컬로 개발하고 있는 사이트에서도 사용가능합니다!

단, 크롬으로 열고서 확인하셔야합니다.

저는 이 확장프로그램 요긴하게 써먹었습니다.

물론 확장 프로그램이기 때문에 화면의 색비율이나, 크기비율은 못잡지만

이미지에 alt값이 빠졌다거나 Table의 caption같은

일일이 찾기 어려운 부분은 잘 찾아주기 때문에 업무를 훨씬

수월하게 해줍니다~!

 

반응형

댓글