30
웹 접근성의 이해 및 개선 방향 접근성의 접근성의 이해 이해 개선 개선 방향 방향 한국정보화진흥원 박재표 2009. 7

접근성 이해와 개선방안_박재표

Embed Size (px)

DESCRIPTION

박 재 표 한 국 정 보 화 진 흥 원 웹 접근성의 이해 및 개선 방향 웹 웹 접근성의 접근성의 이해 이해 및 및 개선 개선 방향 방향 1 1 3 3 5 5 4 4 인터넷 인터넷 상의 1. 1. 웹 웹 접근성 접근성 개요 개요 이미지를 검색할 때 기계는 무엇으로 인식할까? 당신이 흑백 프린터로 웹 페이지를 인쇄한다면 ? 당신이 마우스를 사용할 수 없는 환경에 있다면 ? 당신이 그림을 볼 수 없는 환경에 있다면? 웹 웹 접근성 접근성 이란 이란? ? 외국어로 된 동영상을 보는 경우 자막이 없다면 ? 다른 방법으로 하는 사람이다 !!! 장애인은 단지 비장애인과 의사소통, 컴퓨터, 인터넷, …을 1. 1. 웹 웹 접근성 접근성 개요 개요 출처 : 한국장애인고용촉진공단, http://www.kepad.or.kr/info_center/multi_data/movie.jsp#

Citation preview

Page 1: 접근성 이해와 개선방안_박재표

웹 근 의 이해 개 향웹웹 근 의근 의 이해이해 개개 향향

한 국 정 보 화 진 흥 원

박 재 표

2009. 7

Page 2: 접근성 이해와 개선방안_박재표

11

22

33

55

44

Page 3: 접근성 이해와 개선방안_박재표

웹 근 이란?

인 상의 경사로를 만드는 것

웹웹 근근 이란이란??

인인 상의상의 경사로경사로를를 만드는만드는 것것

당신이 그림을 볼 수 없는 환경에 있다면?

이미지를 검색할 때 기계는 무엇으로 인식할까?

외국어로 된 동영상을 보는 경우 자막이 없다면 ?

당신이 마우스를 사용할 수 없는 환경에 있다면 ?

당신이 흑백 프린터로 웹 페이지를 인쇄한다면 ?

1. 1. 웹웹 근근 개요개요

Page 4: 접근성 이해와 개선방안_박재표

애 단지 비 애 과

사 통, 컴퓨터, 터넷, …

다른 방법 로 는 사람 다 !!!

애를 느끼지않는 IT 환경 축 요

애를 느끼지않는 IT 환경 축 요

출처 : 한 애 고 촉 공단, http://www.kepad.or.kr/info_center/multi_data/movie.jsp#

1. 1. 웹웹 근근 개요개요

Page 5: 접근성 이해와 개선방안_박재표

참고 료 : YTN : 애 차 없는 IT 상, 2008년 3월 12http://www.ytn.co.kr/_comm/pop_mov.php?s_mcd=0105&s_hcd=&key=200803121052149079

< < 상묵상묵 수수 >>

“ 애 에게 필 한 것 포가 아니라

현실적현실적 정보 술정보 술(IT)(IT)””

1. 1. 웹웹 근근 개요개요

장애인의 소통 법장애인의 소통 법

장애인 황 : 220만 ~ 500만

시각 : 스크린리더, 자 보단말 ,

화면확

지체 : 특 마우스, 특 키보드,

타이핑 보조 등

청각 : 상 화 , 음 증폭 등

장애인 황 : 220만 ~ 500만

시각 : 스크린리더, 자 보단말 ,

화면확

지체 : 특 마우스, 특 키보드,

타이핑 보조 등

청각 : 상 화 , 음 증폭 등

Page 6: 접근성 이해와 개선방안_박재표

1. 1. 웹웹 근근 개요개요

보통신 장애 환경이해보통신 장애 환경이해

스크린스크린 리더리더 ( Screen Reader )( Screen Reader )

- 화면을 볼 없는 시각장애인들에게 모니 에 표시 보를

음 이나 자로 읽어주는 로그램

- 스크린리더는 웹의 구조를 음 보에 맞게 재구 하고

보 검색과 내용읽 , 이동 등이 가능하게 함

스크린스크린 리더리더 웹웹 근근

- 이미지의 Alt ( 체 텍스트) 속 표시

- 헤 이동, 테이 읽 , 폼 콘트롤의 Title, Alt, Label 속 읽

- 목록 보, Longdesc 속 , 래시 개체 근 등

Page 7: 접근성 이해와 개선방안_박재표

1. 1. 웹웹 근근 개요개요

스크린리더의 웹 사이트 재구 사스크린리더의 웹 사이트 재구 사

Page 8: 접근성 이해와 개선방안_박재표

Tim Berners Lee Tim Berners Lee

<<웹웹 의의 창시자창시자 >>

üü The Goal of the Web The Goal of the Web was to be a was to be a

shared information spaceshared information space

üü The The power of the Web power of the Web is in its is in its

universality, universality, AccessAccess by everyone by everyone

regardless of disabilityregardless of disability is an is an

essential aspet.essential aspet.

1. 1. 웹웹 근근 개요개요

Page 9: 접근성 이해와 개선방안_박재표

u 시각 애 실제 터넷 사용 애로점 ! – 파 명 외워야?

답답

1. 1. 웹웹 근근 개요개요

Page 10: 접근성 이해와 개선방안_박재표

웹 근 에 한 해웹 근 에 한 해

웹 근 직 장애인들만을 한 것이다?

- 잘 만들어진 콘텐 는 장애인, 고 자는 론 일 인들의 근 과

사용 을 더욱 편리하게 해

보조 가 체 할 있다?

- 값비싼 보조 없이도 웹 근 만 하면 웹 이용 가능

웹 근 개 비가 비싸다?

- 환비용 들지만, 거운 자인, 리비 시간 히 감

우리 웹 사이트에는 장애인 이용자가 거의 없다?

- 인 장애인들에게 필 (장애인 인 이용률 51% 어)

장애인 용 페이지를 공하면 해결 다?

- 용페이지도 결국 차별

(본 사이트 동일한 콘텐 를 실시간 로 공하고 있는가?)

1. 1. 웹웹 근근 개요개요

Page 11: 접근성 이해와 개선방안_박재표

장애인, 고 자 등이 웹 사이트에 공하는 보에

비장애인과 동등하게 근하고 이용할 있도록 보장

장애인의 웹사이트 이용 애로요인

이미지 등 시각 보에 한 명부재

동 상에 의 음 보에 한 명부재

키보드만 로의 콘텐 근 불가

자확 불가능

웹 근 안

이미지 정보에 대한 대체 텍스트 제공

동 상에 한 캡션 공

키보드 이용 보장

자를 로 공(고 크 가 아님)

※ 웹 근 시

2. 2. 웹웹 근근 필요필요

Page 12: 접근성 이해와 개선방안_박재표

국민국민 인 이용률인 이용률 : 77.1%(: 77.1%(만만 66 이상이상))

장애인장애인 인 이용률인 이용률 : 51.8%: 51.8%

자조달자조달((나라장나라장 ) : ) : 약약 3030만건만건 ((’’08.1208.12월말월말) )

자민원자민원 : 560: 560만건만건 ((’’08.1208.12월말월말) )

인인 뱅킹뱅킹 고객고객 : 5,260: 5,260만만 명명

-- ’’0707년년 (4,470(4,470만명만명)) 비비 16% 16% 증가증가 ((한국 행한국 행, , ’’08.1208.12월말월말))

자상거래자상거래 이용자이용자 : : 인인 이용인구이용인구 약약 60.6%60.6%

((한국인 진흥원한국인 진흥원, , ‘‘08.1208.12월말월말))

인 자 부, 인 뱅킹, 자상거래, 교 , 뉴스 등

일상생활의 필 도구로써 장애인의 가장 요한 생활 단

2. 2. 웹웹 근근 필요필요

Page 13: 접근성 이해와 개선방안_박재표

2. 2. 웹웹 근근 필요필요

Page 14: 접근성 이해와 개선방안_박재표

2. 2. 웹웹 근근 필요필요

웹 접근성 준수 효과 (Thatcher et. al., 2002)

장애인, 노인 등을 포함한

다양한 범위의 이용자 확대

장애인장애인, , 노인노인 등을등을 포함한포함한

다양한다양한 범위의범위의 이용자이용자 확대확대

v 웹 접근 보 해 애 , 노 등 신규 고객확보 가능

v 홈페 접근 또한

v 웹 접근 보 해 애 , 노 등 신규 고객확보 가능

v 홈페 접근 또한

새로운 장소, 새로운 기기

등 이용상황의 확대

새로운새로운 장소장소, , 새로운새로운 기기기기

등등 이용상황의이용상황의 확대확대

v 연환경, 주 환경(공항, 공사 등)에 애없넷 접근 가능

v 다양한 정보 신 (PDA, Mobile 등)에 애없넷 접근 가능

v 연환경, 주 환경(공항, 공사 등)에 애없넷 접근 가능

v 다양한 정보 신 (PDA, Mobile 등)에 애없넷 접근 가능

디자인 및 설계에

있어서의 효율성 제고

디자인디자인 및및 설계에설계에

있어서의있어서의 효율성효율성 제고제고

v 검색엔 색 과정, 사 트 개편, 다 어 전 등

사 트 개편 신규 제 시 편

v 검색엔 색 과정, 사 트 개편, 다 어 전 등

사 트 개편 신규 제 시 편

비용 절감의 효과비용비용 절감의절감의 효과효과v 적 점에 사 트 비 감

v 제 개 시(접근 무화) 추가 제 필

v 적 점에 사 트 비 감

v 제 개 시(접근 무화) 추가 제 필

홍보 효과홍보홍보 효과효과 v 애 , 노 등 한 비스 제공에 라 업미 제고에

v 애 , 노 등 한 비스 제공에 라 업미 제고에

Page 15: 접근성 이해와 개선방안_박재표

앙행 (46개)

‘05‘05 ‘06‘06 ‘07‘07

72.372.381.881.8

88.288.2

입법사법 (4개)입법사법 (4개)

‘05‘05 ‘06‘06 ‘07‘07

72.272.2

82.782.786.686.6

‘08‘08 ‘08‘08

90.690.6 89.589.5

웹 근

실태조사

웹 근

실태조사앙행 평균 90.6 로 우 한앙행 평균 90.6 로 우 한

3. 3. 웹웹 근근 황황

Page 16: 접근성 이해와 개선방안_박재표

역지자체(16개)

‘05‘05 ‘06‘06 ‘07‘07

71.671.681.881.8

86.886.8

자 부(20개)

‘07‘07

74.074.0

‘08‘08 ‘08‘08

80.380.391.691.6

지 자치단체(230개)

‘07‘07

77.677.6

‘08‘08

83.383.3

웹 근

실태조사

웹 근

실태조사역지자체는 평균 91.6 로 우 ,

지자체는 평균 83.3 로 다소 미흡

역지자체는 평균 91.6 로 우 ,

지자체는 평균 83.3 로 다소 미흡

2. 2. 웹웹 근근 황황

Page 17: 접근성 이해와 개선방안_박재표

연도별 웹 근 실태조사 결과(종합) 연도별 웹 근 실태조사 결과(종합) 구 분 ‘05년 ‘06년 ‘07년 ‘08년 년 비

중앙행 72.3 (56개) 81.8 (58개) 88.2 (57개) 90.6 (46개) +.2.4

입법‧사법‧헌법 72.2 (4개) 82.7 (4개) 86.6 (4개) 89.5 (4개) +.2.9

역 지방자치단체 71.6 (16개) 81.8 (16개) 86.8 (16개) 91.6 (16개) +.4.8

자 부 77.1 (1개) 78.4 (1개) 74.0 (19개) 80.3 (20개) +.6.3

지방자치단체 77.6 (230개) 83.3 (230개) +.5.7

공 업 77.5 (24개) 신규

준 부 73.7 (77개) 신규

국공립 학교 72.1 (52개) 신규

타 80.4 (34개) 신규

소계 72.2 (77개) 81.8 (79개) 79.8 (326개) 81.0 (503개) +1.2

※‘08년 처음 실태조사한 공 업, 부 등 체 로 낮 임

3. 3. 웹웹 근근 황황

Page 18: 접근성 이해와 개선방안_박재표

시 수 평균 시 수 평균

특 시 25개 85.2 강원 18개 74.9

산 역시 16개 85.2 충청 12개 86.9

역시 8개 89.2 충청남 16개 77.6

천 역시 10개 82.1 전라 14개 77.9

주 역시 5개 78.1 전라남 22개 82.0

전 역시 5개 83.7 경상 23개 87.7

산 역시 5개 77.7 경상남 20개 94.5

경 31개 80.7 총 계 230개 83.3

초 치단체 실태조사 결과 : 평균 83.3점초 치단체 실태조사 결과 : 평균 83.3점

3. 3. 웹웹 근근 황황

Page 19: 접근성 이해와 개선방안_박재표

4. 4. 웹웹 근근 법법·· 도도

「 보격차해소에 한 법률」 (’’01년 1월 )

- 장애인·노인 등의 보통신 근 향상을 한 권장지침

(고시) 마 (’’02년 1월)

“인 웹 콘텐 근 지침” 국가표 승인 (’’05년 12월)

- 국가 표 가이드라인 시('09. 3월)

* 다운로드 : 웹 근 연구소(www.wah.or.kr)

부업 평가 지자체 보화 평가지표에 '웹 근

실태조사’결과 상향조 (1 -> 8 )

「국가 보화 본법」[[’’09.5 09.5 개개 , , ’’09.8 09.8 시행시행 ]]

- 32조(장애인ㆍ고 자 등의 보 근 이용 보장)

우리나라의 웹 근 법률 규 , 도우리나라의 웹 근 법률 규 , 도

Page 20: 접근성 이해와 개선방안_박재표

「장애인차별 지 권리구 등에 한 법률」시행 (‘08.4월)「장애인차별 지 권리구 등에 한 법률」시행 (‘08.4월)

21조 ( 보통신·의사소통에 의 당한 편의 공)

- 행 자는 장애인에게 자 보 비 자 보를 동등하게 근

이용할 있는 필요한 단을 공

시행 14조 ( 보 근·의사소통에 의 당한 편의 공의

필요 단 단계 범 )

1. 구든지 신체 · 여건과 계없이 웹사이트를

통하여 원하는 비스를 이용할 있도록 근 이 보장 는 웹사이트

4. 4. 웹웹 근근 법법·· 도도

Page 21: 접근성 이해와 개선방안_박재표

행간

공공 료 복 시 문화 술

’09년정

치단체 등

특수학 /특수학는 공 학 / 애전담보 시

종합병원사회복 시

애복 시

’10년공 문화 술

단체/ 물 ,미술 /공공

’11년공 치원/초· ·

고 학 /보 시(100 상)

병원/치과/한 병원

( 원 30

상)

’12년민간종합공연

(1,000 ~)

화 (300 ~)

’13년

사 치원/평생

시 ,연 /업훈련 /보 시

(100 하)

그 병원

( 원 30

하)

체 련행 모든

’15년민간 공연 /

공연 등

단계 범 (‘09년 의 화 상 : 약 16,00016,000 개)

4. 4. 웹웹 근근 법법·· 도도

Page 22: 접근성 이해와 개선방안_박재표

4. 4. 웹웹 근근 법법·· 도도

출처 : 보건복

Page 23: 접근성 이해와 개선방안_박재표

「재활법 508조(Section 508 of the Rehabilitation Act)」에 의거 연 부

소속 에 공하는 모든 웹사이트에 웹 근 를 의 화(’01년 6월)

W3C(국 표 화 구)의 지침을 로 16개 항목에 한 웹 근 지침

(’00년 12월), ’06년 7월부 표 개 (28개 부 지침)

「재활법 508조(Section 508 of the Rehabilitation Act)」에 의거 연 부

소속 에 공하는 모든 웹사이트에 웹 근 를 의 화(’01년 6월)

W3C(국 표 화 구)의 지침을 로 16개 항목에 한 웹 근 지침

(’00년 12월), ’06년 7월부 표 개 (28개 부 지침)

「장애인차별 지법(Disability Discrimination Act)(1995년 후 2004년 용)

의거 모든 웹사이트 이용에 웹 근 를 의 화(’04년 10월)

W3C의 ‘웹 콘텐 근 지침 1.0’을 활용,「PAS(Publicly Available Specification)

78」 웹 근지침 해 , 평가 법 포함한 가이드라인 마 (’06년)

「장애인차별 지법(Disability Discrimination Act)(1995년 후 2004년 용)

의거 모든 웹사이트 이용에 웹 근 를 의 화(’04년 10월)

W3C의 ‘웹 콘텐 근 지침 1.0’을 활용,「PAS(Publicly Available Specification)

78」 웹 근지침 해 , 평가 법 포함한 가이드라인 마 (’06년)

미국의 웹 근 도미국의 웹 근 도

국의 웹 근 도국의 웹 근 도

4. 4. 웹웹 근근 법법·· 도도

일본 JIS (04년), 럽연합, 주 등 WCAG 1.0 요도 1 의 화일본 JIS (04년), 럽연합, 주 등 WCAG 1.0 요도 1 의 화

타 국 가타 국 가

Page 24: 접근성 이해와 개선방안_박재표

웹 근 소송 사웹 근 소송 사

4. 4. 웹웹 근근 법법·· 도도

Page 25: 접근성 이해와 개선방안_박재표

Ramada.com &. Priceline. Com

- 재활법 : 각각 4만불, 3.7만불 상

- Martin vs. Marta(2001년)

- Maguire vs. Sydney Organising Communittee for the Olympic Game

(2000년)

- America Online(1999년), Ford(1998년), Bank of America(2000년) 등

우리나라

- 웹(Open Web, 창 교 ) vs. 결 원 (‘07년)

- 공인인증 가 MS이외의 운 체 에 는 지 않아 4억원 소송

Ramada.com &. Priceline. Com

- 재활법 : 각각 4만불, 3.7만불 상

- Martin vs. Marta(2001년)

- Maguire vs. Sydney Organising Communittee for the Olympic Game

(2000년)

- America Online(1999년), Ford(1998년), Bank of America(2000년) 등

우리나라

- 웹(Open Web, 창 교 ) vs. 결 원 (‘07년)

- 공인인증 가 MS이외의 운 체 에 는 지 않아 4억원 소송

웹 근 소송 사웹 근 소송 사

4. 4. 웹웹 근근 법법·· 도도

Page 26: 접근성 이해와 개선방안_박재표

5. 5. 웹웹 근근 개개 향향

별 웹 근 개 안별별 웹웹 근근 개개 안안

장애인, 고 자 등에 한 사회 편견 버 야

- 장애인 단지 의사소통을 다른 법 로 하는 차이만 있을 뿐임

웹 근 표 가이드라인에 한 이해

- 담당자는 론 책결 자가 웹 근 의 요 이해해야

조직내 웹 근 책 립 지속 리

- 웹 콘텐 개 단계에 부 웹 근 지침

- 웹 표 , 웹 근 지침에 른 상시 인 리, 검

웹 근 보 집 과의 인

공공 의 사회 책 에 한 인식 고

Page 27: 접근성 이해와 개선방안_박재표

5. 5. 웹웹 근근 개개 향향

웹 근 인식 고웹웹 근근 인식 고인식 고

’09.4월 장차법 용 웹사이트(종합병원 등) 상 명회개최

- 지역ㆍ업종별 웹 근 인식 고를 한 명회 개최(‘09.3~)

민간부 웹 근 인식 고를 한 미나 개최(‘09.5)

부ㆍ지자체ㆍ포 사업자 등 민ㆍ 공동 캠페인 개(‘09.6~)

웹 근 국가표 가이드라인 개 , 보 (’09.3~)

- 본 인 웹 근 사항 18개 지표 법

부ㆍ지자체ㆍ공공 의 웹 근 실태조사 (‘09.9~12)

- 웹 근 실태조사 사 명회 개최 (‘09.7~8)

Page 28: 접근성 이해와 개선방안_박재표

5. 5. 웹웹 근근 개개 향향

웹 근 포 사이트 운 (’09.4~)

- 웹 근 법 도, 지침 작 법, 라인 콘텐 등 공

- http://www.wah.or.kr

웹 근 고웹웹 근근 고고

공 원 민간개 자 상 웹 근 교 1,200명

- 공 원 교 과 : 3월~10월, 행 안 부 보화교

- 민간개 자 교 과 : 4월~11월, 일 과 , 가과

웹 근 품질마크 인증 도 운 (‘09.3, 6, 9)

웹 근 자 비스운 (연 )- http://www.wah.or.kr- 웹 근 지침 작 법, 웹 근 진단 등- 법 도, FAQ 등 실시간 보 공

Page 29: 접근성 이해와 개선방안_박재표

본본을을 지키는지키는 것것

소중한소중한 것을것을 나누는나누는 것것

모두모두 함께함께 하는하는 것것

우리우리 사회의사회의 가치가치가가 올라가는올라가는 것것

웹 근 은?웹웹 근 은근 은??

Page 30: 접근성 이해와 개선방안_박재표

의처 : 웹 근 지원부 재 표 과장

02-3660-2502 , [email protected]

감 사 합 니 다.