표제지
목차
논문요약 12
Ⅰ. 서론 14
1. 연구목적 14
2. 연구방법 및 내용 16
Ⅱ. 웹 접근성의 개념과 중요성 17
1. 웹 접근성의 정의와 개념 17
2. 웹 접근성의 구성요소 19
3. 웹 접근성의 필요성 21
4. 웹 접근성 현황 23
A. 국외 현황 23
B. 국내 현황 및 실태조사 28
5. 웹 접근성 관련 법률 및 해석 31
A. 국외 법률 현황 31
B. 국내 법률 현황 35
Ⅲ. 웹 접근성 국내외 적용 성공사례 40
1. 국외 웹 접근성 적용 성공사례 40
A. 미국 백악관 웹사이트 40
B. 영국 자연 역사박물관 웹사이트 44
C. The New York Times 웹사이트 46
2. 국내 웹 접근성 적용 성공사례 48
A. NHN - NAVER 웹사이트 48
B. Daum Communications - Daum 웹사이트 51
C. 대한민국 정부기관 - 노동부 웹사이트 53
3. 웹 접근성 향상을 통한 기대효과 57
Ⅳ. 웹 접근성을 고려한 새로운 디자인 프로세스 60
1. 웹 접근성 주요지침내용 및 개요 60
2. 웹 접근성 지침 준수를 위한 항목 63
A. 인식의 용이성(Perceivable) 63
B. 운용의 용이성(Operable) 67
C. 이해의 용이성(Understandable) 71
D. 기술적 진보성(Robust) 75
3. 웹디자인의 포지션 변화와 새로운 웹 제작프로세스 77
A. 포지션의 변화와 기존 웹 제작프로세스의 문제점 77
B. 새로운 웹 제작프로세스 제안 83
Ⅴ. 웹 접근성의 관리 방안 88
1. 웹 접근성 관리 프로세스 88
A. 준수확인(체크리스트) 89
B. 자체평가 90
C. 웹 접근성 품질마크 획득 93
D. 웹 접근성 제작 후 관리 94
Ⅵ. 결론 99
참고문헌 102
ABSTRACT 104
〈표1〉 웹 접근성에 대한 주요 정의 18
〈표2〉 2006~2007년 세계 전자정부 홈페이지 접근성 준수 실태 23
〈표3〉 일본의 웹 접근성 관련 표준 JIS X8341-3 개요 27
〈표4〉 연도별 웹 접근성 실태조사 결과(종합) 29
〈표5〉 단계적 시행 범위 38
〈표6〉 주요 브라우저 단축키 50
〈표7〉 주요 CrossBrowsing Spec 50
〈표8〉 스킵 네비게이션 제공 화면(디자인스킨을 제외시킨 상태) 52
〈표9〉 한국형 웹 콘텐츠 지침(KWCAG 1.0)준수율 54
〈표10〉 데이터 테이블 구성화면- 알림게시판 55
〈표11〉 온라인서식 구성 설정 화면 56
〈표12〉 이미지에 대한 대체 텍스트 제공 63
〈표13〉 이미지 맵에 대한 대체 텍스트 제공 63
〈표14〉 서식 버튼 이미지에 대한 대체 텍스트 제공 64
〈표15〉 서식 버튼 이미지에 대한 대체 텍스트 제공2 64
〈표16〉 클라이언트측 이미지 맵 사용사례 67
〈표17〉 iframe에 적절한 타이틀 제공 사례1 67
〈표18〉 iframe에 적절한 타이틀 제공 사례2 68
〈표19〉 키보드로 모든 콘텐츠를 이용하지 못하는 콘텐츠 69
〈표20〉 1행이 제목 셀인 테이블 72
〈표21〉 1열이 제목 셀인 테이블 73
〈표22〉 서식에서 레이블을 제공한 경우 74
〈표23〉 서식에 대한 자세한 정보 제공 74
〈표24〉 체크리스트 항목 89
〈표25〉 웹 접근성 품질마크 인증절차 93
〈표26〉 심사기준 93
〈표27〉 웹 접근성 품질마크 심사절차 94
〈표28〉 에디터의 기능정의 95
〈그림1〉 웹 접근성 관련 구성요소 19
〈그림2〉 웹 접근성 준수 필요성 21
〈그림3〉 재활법 508조 공식 웹 사이트 24
〈그림4〉 RNIB 웹 사이트 및 웹 접근성 인증마크(See it right) 25
〈그림5〉 중앙행정기관 년도별 변화 추이 28
〈그림6〉 광역지자체 및 기초지방단체, 전자정부 년도별 변화 추이 29
〈그림7〉 웹 접근성 품질마크(한국정보화진흥원 인증마크) 30
〈그림8〉 백악관 웹사이트(whitehouse.gov) - alt tag 사용성 41
〈그림9〉 RSS 제공기능의 팟 캐스팅 기능을 이용한 오디오 형식의 제공 42
〈그림10〉 Text Only Page의 제공 43
〈그림11〉 영국 자연 역사박물관 메인페이지 45
〈그림12〉 영국 자연 역사박물관 웹사이트 접근성 안내페이지 46
〈그림13〉 The New York Times 웹사이트의 키보드운용 방향 47
〈그림14〉 NHN - NAVER.com W3C Markup Validator 통과화면 48
〈그림15〉 운영체제별 대체콘텐츠 제공 화면 49
〈그림16〉 noscript제공을 통한 대비 화면 49
〈그림17〉 핵심기능UI 단축키 제공 화면 50
〈그림18〉 노출 우선 순위에 따른 구조화 화면 51
〈그림19〉 무분별한 콘텐츠구분 및 노출 우선 순위에 따른 구조화 화면 51
〈그림20〉 독립적 링크 텍스트 제공 사례 - 실시간 이슈 검색어 53
〈그림21〉 동영상에 대한 원고 제공화면 54
〈그림22〉 동영상에 대한 동기화된 자막과 수화 제공 65
〈그림23〉 동영상, 음성 등 멀티미디어 콘텐츠에 대한 원고 제공 65
〈그림24〉 색상이 아닌 화살표 등을 통해 정보를 인식 66
〈그림25〉 색상의 구분만으로 적용된 잘못된 사례 66
〈그림26〉 메뉴를 건너뛸 수 있게 건너뛰기 링크를 제공한 경우 70
〈그림27〉 사용자의 제어 기능 제공 70
〈그림28〉 사용자에게 미리 새 창이 제공되는 것을 알림 71
〈그림29〉 페이지를 구분할 수 있는 제목을 제공 73
〈그림30〉 자체적 접근성 또는 대체 콘텐츠 제공 75
〈그림31〉 대체 콘텐츠 제공 76
〈그림32〉 기존 웹 제작 프로세스 78
〈그림33〉 각 역할 중심의 프로세스들 81
〈그림34〉 각 역할 중심의 프로세스들2 81
〈그림35〉 실전 웹 표준 가이드에서 제시한 개선안 82
〈그림36〉 새로운 디자인프로세스 83
〈그림37〉 콘텐츠 이동 경로 설계 사례들 84
〈그림38〉 화면구성법 여러 가지 사례(그리드의 적용) 85
〈그림39〉 CSS디자인스타일가이드 - 페이지레이아웃 선언 86
〈그림40〉 CSS디자인스타일가이드 - UIO 선언 86
〈그림41〉 웹 접근성 관리 프로세스 88
〈그림42〉 KADO-WAH2.0 환경설정 및 실행화면 91
〈그림43〉 KADO-WAH2.0 자동검사 항목 통계 보고서 92
〈그림44〉 KADO-WAH2.0 자동검사 항목 통계 보고서 인쇄용 92
〈그림45〉 웹 접근성을 위한 에디터 시스템 95
〈그림46〉 표 등록 96
〈그림47〉 이미지 등록 96
〈그림48〉 통합팝업 관리 97
〈그림49〉 배너 관리 98