표제지

감사의 글

목차

국문초록 14

제1장 서론 16

제1절 연구배경 16

제2절 연구목적 18

제3절 연구방법 및 구성 19

제2장 이론적 고찰 22

제1절 웹 접근성(web accessibility) 22

1. 웹 접근성의 개념 22

2. 웹 접근성의 중요성 23

3. 웹 접근성 보장의 당위성 25

4. 웹 접근성 정책 및 표준화 동향 31

가. 월드 와이드 웹 컨소시엄 31

나. 미국의 표준화 동향 33

다. 영국의 표준화 동향 35

라. 호주의 표준화 동향 35

마. 일본의 표준화 동향 36

바. 한국의 표준화 동향 38

제2절 웹 사용성(web usability) 40

1. 웹 사용성의 개념 40

2. 사용성의 중요성 40

3. 웹 사용성과 웹 접근성의 차이 41

제3절 웹 표준(web standards) 42

1. 웹 표준의 정의 42

2. 웹 표준의 종류 및 필요성 42

3. 웹 표준 준수로 취할 수 있는 이점 44

제4절 선행 연구 고찰 45

1. 국내 행정기관 웹사이트의 접근성 평가 45

2. 국내ㆍ외 행정기관 웹사이트의 접근성 평가 46

3. 선행연구 비교 및 시사점 47

제3장 웹 접근성 및 웹 사용성 평가 49

제1절 중앙행정기관 웹 접근성 평가 49

1. 평가배경 49

2. 평가목적 49

3. 평가방법 설계 50

4. 평가방법 및 내용 53

가. 자동평가 53

나. 전문가 평가 55

제2절 이용자 웹 사용성 평가 59

1. 평가목적 59

2. 평가방법 60

3. 평가항목 및 체크리스트 61

4. 평가항목별 측정 범위 63

제4장 평가결과 및 문제점 개선방안 65

제1절 평가결과 65

1. 자동평가결과 65

2. 전문가 평가결과 69

3. 이용자 웹 사용성 평가결과 73

제2절 중앙행정기관 웹 접근성 문제점 및 개선방안 76

1. 인식의 용이성 접근성 문제 77

가. 대체 텍스트 미제공 77

나. 텍스트이미지 대체 텍스트 미제공 78

다. 영상매체의 동기화된 자막 미제공 79

라. 대체 텍스트 없는 이미지 맵(image map) 제공 81

2. 운용의 용이성 접근성 문제 82

3. 이해의 용이성 접근성 문제 84

가. 테이블의 잘못된 사용 84

나. 온라인 서식 레이블 미제공 85

4. 기술적 진보성의 접근성 문제 86

제3절 CSS이용 사례를 통한 개선방안 제안 89

1. CSS를 이용한 레이아웃 89

2. CSS를 이용한 주메뉴 내비게이션 97

3. CSS를 이용한 유동 폰트크기 제공 105

4. 유동적 레이아웃 107

5. 크로스 브라우징(cross browsing) 지원 110

제5장 결론 114

제1절 연구결과 및 시사점 114

제2절 평가시의 문제점 및 대책 117

제3절 연구의 한계점 및 향후 연구방향 118

참고문헌 120

Abstract 124

[표 2-1] 웹 표준 제정 워킹그룹과 업무 32

[표 2-2] 국가별 웹 접근성 관련 제도 33

[표 2-3] 미국 재활법 508조 웹 콘텐츠 접근성 표준 33

[표 2-4] 일본의 웹 접근성 관련 표준 JIS X8341-3 개요 37

[표 2-5 ] 웹 문서에 관한 설계지침 39

[표 2-6] 평가 메뉴얼 47

[표 3-1] 조사대상기관 51

[표 3-2] '한국형 웹 콘텐츠 접근성 지침 1.0' 53

[표 3-3] 평가항목 및 배점 55

[표 3-4] 인식의 용이성 56

[표 3-5] 운용의 용이성 57

[표 3-6] 이해의 용이성 58

[표 3-7] 기술적 진보성 59

[표 3-8] 이용자평가 표본사이트 60

[표 3-9] 시각장애인 평가원 현황 61

[표 3-10] 상지장애인 평가원 현황 61

[표 3-11] 이용자 평가지표 및 체크리스트 62

[표 4-1] KADO-WAH 주요지침 준수율(%) 65

[표 4-2] Bobby 오류수와 경고수 67

[표 4-3] 중앙행정기관(59개) 웹 접근성 준수실태 69

[표 4-4] 중앙행정기관 점수 비교 71

[표 4-5] 접근성 점수대별 이용자 업무수행시간(초) 74

[표 4-6] 접근성 점수대별 이용자 업무수행률 75

[표 4-7] 이용자 만족도 76

[표 4-8] MoonTe.kr 사이트의 XHTML 코드(index.html) 91

[표 4-9] MoonTe.kr 사이트의 CSS 코드 94

[표 4-10] MoonTe.kr 사이트의 내비게이션 코드 99

[표 4-11] 재정경제부 웹사이트 내비게이션 XHTML 코드 103

[표 4-12] 재정경제부 웹사이트 내비게이션 CSS 코드 104

[표 4-13] 글자크기 지정 예 106

[그림 1-1] 한국과 외국의 대체 텍스트 준수율 18

[그림 2-1] IE 브라우저상의 그림표시 Off 방법 24

[그림 2-2] 웹 접근성 준수가 주는 혜택 25

[그림 2-3] 장애인과 비장애인 인터넷 이용률 27

[그림 2-4] 영국국립미술관 인증마크 35

[그림 3-1] KADO-WAH 2.0 55

[그림 3-2] Bobby 5.3 55

[그림 4-1] 웹 접근성 점수대별 기관의 수 70

[그림 4-2] 4개의 분야별 2005년과 비교 71

[그림 4-3] 2005년 실태조사와 지침별 비교 72

[그림 4-4] 주요 항목별 비교 73

[그림 4-5] 접근성 점수대별 이용자 업무수행시간 74

[그림 4-6] 접근성 점수대별 이용자 업무수행률 75

[그림 4-7] 대체 텍스트 제공이 되지 않은 모습 77

[그림 4-8 ] 잘못된 대체 텍스트 제공 모습 78

[그림 4-9] 올바른 대체 텍스트 제공 모습 78

[그림 4-10] 텍스트이미지 대체 텍스트 미제공 78

[그림 4-11] longdesc와 d-link 사용 예 79

[그림 4-12] 비디오나 오디오 텍스트제공 예 80

[그림 4-13] 클라이언트 이미지 맵 사용시 tabindex 사용 예 81

[그림 4-14 ] form에서 tabindex 사용 예 83

[그림 4-15] 동일한 타이틀 사용 84

[그림 4-16] 잘못된 noscript 사용 사례 88

[그림 4-17] 잘못된 noscript 사용시 브라우저 모습 88

[그림 4-18] 올바른 noscript 사용 사례 88

[그림 4-19] CSS를 이용한 레이아웃 90

[그림 4-20] W3C Xhtml & CSS Validator Results 91

[그림 4-21] 중앙행정기관 주메뉴 제공형태별 기관수 97

[그림 4-22] CSS 미 적용시 모습 98

[그림 4-23] MoonTe.kr 사이트의 CSS 내비게이션 99

[그림 4-24 ] W3C 웹사이트 100

[그림 4-25] 미국 백악관 웹사이트 101

[그림 4-26] 미국정부 포털 사이트 101

[그림 4-27] 모질라 웹사이트 101

[그림 4-28] 재정경제부 웹사이트 102

[그림 4-29] 스크립트 중지시 텍스트로 제공되는 주메뉴 103

[그림 4-30] 퍼센트 값을 이용한 글자크기 지정 예 106

[그림 4-31] 기본 글자크기 107

[그림 4-32] 글자 확대 후 107

[그림 4-33] W3C 웹사이트 글자크기 확대 전 모습 107

[그림 4-34] W3C 웹사이트 글자크기 확대 후 모습 107

[그림 4-35] 1280×768 해상도 108

[그림 4-36] 1024×768 해상도 108

[그림 4-37] 800×600 해상도 109

[그림 4-38] 창의 크기에 따라 조절되는 레이아웃 109

[그림 4-39] 창의 크기에 따라 조절되는 미국정부 포털사이트 109

[그림 4-40] Internet Explorer 사용시 111

[그림 4-41] Netscape 사용시 111

[그림 4-42] Mozilla Firefox 사용시 112

[그림 4-43] Opera 사용시 112