[웹 UI 개발 코칭스터디 1기] 2. 웹 접근성의 이해

1. 웹 접근성의 이해

접근성이란?

사용자가 어떤 제품이나 서비스 등에 접근해 편리하게 이용할 수 있는 정도.

 

웹에서의 접근성이란?

• 웹에 잘 접근할 수 있는지 없는지의 정도.
• 어떠한 사용자(장애인, 노인 등)가 어떠한 기술 환경에서도 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것.

즉, 모든 사용자가 모든 기기에서 웹에 접근할 수 있도록 하는 것을 말한다.

그러므로 개발자는 모든 사용자와 모든 기술환경을 고려해야 한다.

 

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

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

2013년 4월 11일부터 장애인들도 비장애인과 동등하게 전자정보 및 비전자정보를 사용할 수 있도록 해야 한다는 내용이 포함되어 있다. 따라서 법으로 정해져 있기 때문에 웹 접근성을 지켜야 한다.

2. 장애 환경

장애란?

1. 어떤 사물의 진행을 가로막아 거치적거리게 하거나 충분한 기능을 하지 못하게 함. 또는 그런 일.
2. 신체 기관이 본래의 제 기능을 하지 못하거나 정신 능력에 결함이 있는 상태.

• 즉, 신체적 또는 정신적 결합이 있는 것 뿐만 아니라, 정보를 얻지 못하도록 방해하는 것도 장애가 된다.
• 장애 환경: 여러 장애들 + 노안, 운전 중일 때, 소음이 심할 때, 스피커가 없어서 소리를 듣지 못할 때, 소프트웨어가 지원되지 않거나 네트워크가 접속되지 않는 경우들도 모두 포함된다.

장애 환경

1. 전맹 시각 장애
   • 시력이 전혀 또는 거의 없어 앞을 볼 수 없음
   • 청각, 촉각으로 웹을 이용한다.
     • 청각적: 스크린리더가 웹에 존재하는 이미지와 글씨를 음성으로 읽어주어 정보를 파악할 수 있다.
     • 촉각적: 점자 정보 단말기를 통해 점자를 손으로 읽으면서 웹 페이지의 내용을 인식한다.
2. 저시력 시각 장애
   • 보이기는 하지만 정확히 보이지 않아 일상생활이 어려움
   • 좀 더 크게 또는 성명하게 볼 수 있는 기능을 이용한다.
     • 화면 확대 기능을 이용한다.
     • 색약, 색맹: 웹 페이지가 흑백으로 보인다. 따라서 더 선명하게 웹 페이지를 볼 수 있도록 고대비를 사용한다.
3. 중증 운동 장애
   • 손 또는 팔을 사용하지 못하고 목만 움직일 수 있는 장애 환경
   • 보조기기를 이용하여 키보드를 조작할 수 있다.
     • 보조기기: 헤드 포인터, 빅키 키보드, 키가드
     • 포인트 스틱: 손을 대신하여 타이핑이 가능. 머리에 고정하여 키보드를 조작한다.
     • 빅키 키보드: 자판이 큼직한 키보드
     • 키가드: 타이핑 스틱이 어긋나지 않도록 보조해준다. 더 정확하게 타이핑할 수 있다.
4. 손 운동 장애
   • 한 손만 사용 가능하며, 마우스나 키보드의 정교한 조작이 어려운 장애 환경
   • 보조기기를 이용하여 마우스와 키보드를 쉽게 조작할 수 있다.
     • 트랙볼 마우스: 큰 볼을 굴려서 마우스 포인터를 쉽게 이동할 수 있고, 별도로 제공되는 버튼을 한 번만 클릭하여 정교한 조작을 쉽게 할 수 있다.
     • 한 손 사용자용 키보드: 한 손으로만 사용하기 때문에 일반 키보드와 비교했을 때 위치와 모양이 다르다. 
5. 청각 장애
   • 들을 수 없기 때문에 시각을 통해 정보를 인식한다.
     • 안내 문구나 자막과 같은 화면의 글씨를 읽는다.
6. 맥 사용자
   • 윈도우에서만 사용이 가능한 경우에도 웹에 접근이 불가능하기 떄문에 장애이다.
7. 느린 인터넷
   • 로딩이 잘 되지 않아 UI가 깨지는 등의 경우는 오히려 비장애인들이 웹 페이지를 인식하는데 불편함을 준다.

 

2. 웹 접근성 지침

WCAG

1990년대부터 영국, 호주, 미국, 일본 등이 장애인 차별 금지 관련 법에 따라 모든 이의 웹 접근성을 높였다.

1997년 5월 W3C(World Wide Web Consortium)가 웹 콘텐츠 접근성 지침 WCAG(Web Content Accessibility Guidlines)를 내놓아 제도 확산의 속도를 더했다.

 

KWCAG

• WCAG에 있는 지침들을 국내 설정에 맞게 반영된 한국형 웹 콘텐츠 접근성 지침 (+Korea)
• 원칙 4개, 지침 13개, 항목 24개로 구성

한국도 2009년 5월에 국가 정보와 기본법을 개정하여 장애인, 고령자 등의 정보 접근 및 이용 보장을 명시했으며, 2015년까지 한국 내 모든 인터넷 사이트가 웹 접근성을 보장하게 개정하였다.

 

또한 과학 기술 정보 통신부 품질 인증 기관에서는 웹 접근성 가이드에 맞춰 준수도를 파악하고 잘 지킨 사이트에 한해서 웹 접근성 품질 마크를 부여한다.

웹 접근성 품질 마크

 

 

1. 적절한 대체 텍스트 제공

 

 

2. 자막 제공

 

 

3. 색에 무관한 콘텐츠 인식

 

 

4. 명확한 지시 사항 제공

 

 

5. 텍스트 콘텐츠의 명도 대비

 

 

6. 자동 재생 금지

 

 

7. 콘텐츠 간의 구분

 

 

8. 키보드 사용 보장

 

 

9. 초점 이동

 

 

10. 조작 가능

 

 

11. 응답 시간 조절

 

 

12. 정지 기능 제공

 

 

13. 깜빡임과 번쩍임 사용 제한

 

 

14. 반복 영역 건너뛰기

 

 

15. 제목 제공

 

 

16. 적절한 링크 텍스트

 

 

17. 기본 언어 표시

 

 

18. 사용자 요구에 따른 실행

 

 

19. 콘텐츠의 선형 구조

 

 

20. 표의 구성

 

 

21. 레이블 제공

 

 

22. 오류 정정

 

 

23. 마크업 오류 방지

 

 

24. 웹 애플리케이션 접근성 준수

 

 

 

3. 웹 접근성 진단 도구

 

 

4. 스크린 리더

스크린 리더

 

1. Window 스크린 리더 사용법

 

 

2. Mac 스크린 리더 사용법

 

 

3. Android 스크린 리더 사용법

 

 

4. iOS 스크린 리더 사용법