이미 늦은 당신을 위한 20분 #a11y 레알(real)! 진짜 웹접근성 이야기 2013.05.09 이화여자대학교 삼성교육문화관 http://onoffmix.com/event/14948

1. e-bracebrace 미국∙영국[breɪs] 1. 보조기 2. 버팀목
다양한 솔루션의 웹 접근성 분석
2013. 05. 09

2. Solution?
문제를 해결하기 위해 필요한 것들을 모두
제공하고, 문제 해결까지 하는 서비스

3. 프로젝트 단계

4. 솔루션 도입 이유?
프로젝트의 개발 시간 단축

5. 접근성을 준수한 웹 사이트 구축 작업 중~~~!

6. 그런데 결과는?
Project Manager

7. 문제는 솔루션?
웹 접근성이 뭔지 몰랐어요~ 접근성이 왜 안되는거니? 왜? 왜!
나쁜사람~ㅠㅠ 나쁜사람~ㅠㅠ
솔루션 제공자 PM

8. Web Page
Component
API
솔루션 적용 방식
Web Page
솔루션 제조사에 제공하는 컴포넌트를 직접 설치하는 방식과 API를 연동하여 제공사에게
서비스를 받는 방식이 있음
솔루션 제공사

9. 솔루션 설 명
본인 인증 실제 본인인지 아이핀, 휴대폰 등의 수단 통해 확인 해 주는 서비스
e-book 디지털 파일을 매체를 통해 볼 수 있는 있음
멀티미디어 플레이어 동영상 파일을 재생 해 주는 소프트웨어
상용 검색엔진 웹 페이지 내의 정보를 쉽게 찾을 수 있도록 도와주는 소프트웨어
웹 에디터 실제 페이지 레이아웃과 유사한 형식의 웹 페이지를 작성
파일 업로더 대용량 또는 다량의 파일을 쉽게 업로드 할 수 있음
PKI(공인인증) 인증서를 통해 자신의 신원을 증명할 수 있도록 서비스 제공
전자결제
신용카드, 계좌이체, 핸드폰 결제 등 다양한 결제수단을 제공하는
서비스
CMS
웹 사이트를 구성하고 있는 콘텐츠를 운용자가 효율적으로 관리할
수 있음
웹 관련 솔루션 종류

10. 명확한 지시사항
대체 텍스트
명도대비
레이블
메일추출방지
시각 장애인은 메일을 보내지 못하게 차단하는 솔루션?

11. 웹 에디터
편집 창에서 tab를 눌렀을 때 들여쓰기가 되고 초점이 빠져 나오지 못함.

12. 파일 업로더
Silverlight, Flash로 구현 파일 업로드 - 대체 텍스트 미제공, 키보드로 접근 불가

13. E-book
Flash로 구현된 콘텐츠 - 대체 텍스트 미제공, 키보드로 사용 불가.

14. PKI(공인인증) 모듈
UIA로 검사한 결과 왼쪽 그림의 모듈은 컨트롤에 대체 텍스트를 제공하지 않음

15. 전자결제
페이지 제목
대체 텍스트
레이블
조그만 관심만 가지면 쉽게 개선할 수 있는 부분인데~~~

16. 본인인증
웹 사이트의 필수적인 본인인증 서비스 페이지는 준수가 잘 되어 있음!!!

17. 공공기관에서 많이 사용되고 있는 본인인증, 공인인증, 멀티미디어 플
레이어, 웹 에디터 등의 솔루션은 접근성 개선이 이루어져 있으나 기
업에서 사용되고 있는 솔루션은 아직 미흡한 단계임
솔루션 분석 결과

18. 프로젝트 분석 단계에서 솔루션에 대한 접근성 검증 후 도입
웹 접근성 준수를 위한 확인 단계

19. 기능 성능 디자인 품질 접근성
솔루션 개발 요소의 시사점
앞으로 접근성도 필수

20. 앞으로도 많은 관심과
노력 부탁 드립니다.
감사합니다.