[웹 접근성] 웹 접근성의 이해

📌  웹 접근성이란

✅  웹 접근성 

- 접근성이란 사용자가 제품이나 서비스 등을 편리하게 이용할 수 있는 정도를 의미한다

- 사용자가 어떤 기술 환경에서도 전문적인 능력 없이 웹사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장한다

- 모든 사용자가 모든 기기에서 웹에 접근할 수 있도록 하는 것

 

 

✅  웹 접근성을 지켜야하는 이유

(1) 장애인 차별 금지법(장차법)

장애인들도 비장애인과 동등하게 전자정보 및 비전자 정보 사용을 법적으로 의무화

 

(2) 장애인 차별 금지법 처벌 법적 진행 절차 (1)

1. (인권위) 민/형사 고발

2. 형사의 경우 3개월 이내 수사, 민사의 경우 손해 배상 제도 절차

3. 악의로 인정된 경우 3년 이하 징역 또는 3천만원 이하의 벌금에 처한다 

 

(3) 장애인 차별 금지법 처벌 법적 진행 절차 (2)

1. (인권위) 진정 접수

2. (인권위) 협의, 조정, 구제 조치 등 시정 권고

3. 법무부에서는 불이행 확인일로부터 3개월 내 시정 명령

4. 정당한 사유 없이 불이행 시 3천만원 이하의 과태료 

 

 

 

📌  장애 환경

✅  장애란?

- 어떤 사물의 진행을 막아 충분한 기능을 하지 못하게 함. 또는 그런 일

- 신체 기관이 본래의 제 기능을 하지 못하거나 정신 능력에 결함이 있는 상태

 

즉, 신체적 또는 정신적 결함뿐만 아니라 정보를 얻지 못하는 상황도 장애라고 판단한다. 예를 들어 노안, 소음이 심한경우 스피커의 소리를 듣지 못하거나 지원 소프트웨어가 아닌 경우, 네트워크 접속이 되지 않는 상황 역시 장애이다

 

 

✅  장애 환경

(1) 전맹 시각 장애

- 시력이 거의 없는 분들로 다른 감강(청각,촉각)을 통해 웹을 이용한다 

- 청각 : 웹에 존재하는 이미지, 글씨를 음성으로 읽어주는 스크린 리더를 통해 정보를 인식 

- 촉각 : 점자 정보 단말기를 통해 점자를 손으로 읽으며 웹 페이지의 정보를 인식 

* 스크린 리더 : 스크린을 읽어주는 프로그램

 

(2) 저시력 시각 장애

- 안경이나 렌즈, 수술로 해결할수 없는 저시력자로 일상 생활에 어려움이 있다

- 웹 페이지의 내용을 인식하는데 어려움이 있어 확대하거나, 선명하게 볼 수 있는 기능을 필요로 한다

- 색약, 색맹으로 색상 분별에 어려운 분들은 웹 페이지를 더 선명하게 볼 수 있도록 고대비를 사용한다 

 

(3) 중증 운동장애

- 손 또는 팔을 사용하지 못하고 목만 움직일 수 있는 장애 환경으로, 보조 기기를 사용해 키보드를 조작한다

- 보조기기로는 헤드 포인터, 빅키 키보드, 키가드 등을 사용한다

 

(4) 손 운동 장애

- 한 손만 사용 가능하며 마우스나 키보드의 정교한 조작이 어려운 장애 환경

- 보조기기로는 한 손 사용자용 키보드와 트랙볼 마우스 등을 사용한다

* 한 손 사용자용 키보드 : 한 손으로 사용하는 키보드로, 일반 키보드와 위치와 모양이 상이

* 트랙볼 마우스 : 큰 볼을 굴려 마우스 포인터를 이동, 별도의 버튼을 한 번 클릭해  정교한 조작 가능

 

(5) 맥 사용자 

- 웹을 윈도우에서만 사용 가능한 경우도 맥에서는 접근이 불가능 하기 때문에 장애

 

(6) 느린 인터넷 

- 인터넷이 느려 로딩이 안되어 UI가 깨지는 경우 

 

 

 

📌  웹 접근성 지침

✅  웹 접근성  지침

(1) WCAG

- W3C에서 발표한 웹 콘텐츠 접근성 지침으로, 웹 접근성 관련 제도의 확산에 박차를 가했다 

 

(2) KWCAG 

- 해외 웹 표준 기술 동향을 바탕으로 국내 상황을 반영한 한국형 웹 콘텐츠 접근성 지침을 말한다

- 원칙 4개, 지침 13개, 항목 24내로 구성되어 있다

- 2009년 관련 법규가 개정되었고 2015년까지 모든 웹 사이트가 웹 접근성을 보장하도록 규정했다

-  한국형 웹 콘텐츠 접근성 지침 2.1.pdf

 

📌  웹 접근성 진단 도구

✅  웹 접근성 진단 도구 

(1) Colour Contrast Analyser (CCA)

- 전경색과 배경색의 명도 대비를 체크해주는 프로그램 (21.10.04 기준 최신 버전 2.5.0)

- 명도 대비는 확대 기능이 있는 브라우저의 경우 3:1, 그렇지 않은 경우는 4.5:1 의 비율을 가지도록 구현해야한다

 

(2) KWCAG a11y inspector

- 컨트롤의 대각선 길이를 측정해주는 프로그램으로 크롬 웹 스토어에서 설치 가능하다

- 웹에서의 컨트롤 크기는 대각선 6mm 이상으로 구현한다 

 

(3) OpenWAX

- 접근성을 자동으로 진단해주는 프로그램으로 크롬 웹 스토어에서 설치 가능한다

- 자동 진단이 정확하지는 않아 수동 진단을 병행할 것을 추천한다 

 

(4) W3C Validation

- 웹 표준을 검사하는 사이트로 접근성 오류와 마크업 오류를 확인할 때 주로 사용한다 

 

 

 

 

 

 

 

 

 

 

[참고 강의] https://www.boostcourse.org/web201/joinLectures/193141

웹 접근성 이해