Embed Size (px)
Citation preview
1. 들어가
1
牛山之木 (우산지목) ≒
우산의 나 들 일찍이 아름다웠다.
하지만, 사람들 우산에는 나 가 없다라고 믿음
맹 자
"The power of the Web is in its universality.
Access by everyone regardless of disability
is an essential aspect."
"The power of the Web is in its universality.
Access by everyone regardless of disability
is an essential aspect."
Tim Berners-Lee (웹 창시 )Tim Berners-Lee (웹 창시 )
u 하지만, 우리의 웹 재 어떠한가 ?
1. 들어가
2
웹 근 고 =
인 상의 경사로를 만들어 주자
웹 근 고 =
인 상의 경사로를 만들어 주자
다리가 아 때
축구, 등산을 하고 난 뒤
거운 짐을 들고 다닐 때 등
키보드를 활용하지 못할 때
사양 컴퓨 , 모뎀 등 통신환경이 좋지 않을 때
시끄러운 환경에 놓여 일을 때 동 상 보 등
웹 근 소개 동 상 : http://www.kado.or.kr/wa/data/wa_WMV_512Kbit_stream.wmv
1. 들어가
3
「장애인차별 지 권리구 등에 한 법률」 (07.4월)
££ 동법동법 2121조조 (( 보통신보통신··의사소통에 의의사소통에 의 당한당한 편의 공편의 공))
-- 행 자는행 자는 장애인에게장애인에게 자 보자 보 비 자 보를비 자 보를 동등하게동등하게 근근
이용할이용할 있는있는 필요한필요한 단을단을 공공
££ 동법동법 시행시행 1414조조 [[ 보 근보 근··의사소통에 의의사소통에 의 당한당한
편의편의 공의공의 단계단계 범범 편의의편의의 내용내용))
<<필요한필요한 단단> 1. > 1. 구든지구든지 신체신체 ·· 여건과여건과 계없이계없이
웹사이트를웹사이트를 통하여통하여 원하는원하는 비스를비스를 이용할이용할 있도록있도록 근근
이이 보장 는보장 는 웹사이트웹사이트
’08년 4월 11일부 ‘장애인 차별 지 권리구 등에 한 법률’ 시행 !!’08년 4월 11일부 ‘장애인 차별 지 권리구 등에 한 법률’ 시행 !!
2. 추진경과 - 향
4
q 핵심(Core)요소로 한
o 사용 (Usability)과 요소는 가
o 환 (Interoperability)과 요소도 가
q 검증가능 (Testability)
o 평가자의 주 요소를 가
q 존 평가(실태조사 & 품질마크) 지표의 단 화
o 항목, 지표, 체크리스트 à 항목, 체크리스트로 단 화
2. 추진경과
5
q 실 검토 원회 구 운
o 학계, 업계, 장애인계 등 주요 가로 실 검토 원회
구 (5회 실시, 7.22, 7,30, 8. 7, 8.12, 9.19)
q 가 단체 의견 : 4회
o 가 의견 (13명, 웹 근 표 작업 품질마크 심사자,
7.30~8. 6)
o 장애인단체 장애인 보조 업체 의견 회의(8.14)
o 포 업체 담당자 상 의견 (8.18)
o 포럼 회원 의견 (9.19)
3. 웹 근 체크리스트(안)
6
체크리스트1
(1) 이미지의 의미나 목 을 이해할 있도록 한 체텍스트를 공해야 한다.
※ 의미가 있는 이미지의 경우 체 텍스트를 의미나 능이 동일하게 공
※ 의미가 없는 이미지의 경우 체 텍스트를 공 (alt="") 로 공
사사
3. 웹 근 체크리스트(안)
7
체크리스트2
경 이미지가 의미를 갖는 경우, 경 이미지의 의미를 이해
할 있도록 체 콘텐 를 공해야 한다.
※ 의미가 있는 이미지는 경 이미지로 사용하지 않는 것이 람직함
경이미지 활용
3. 웹 근 체크리스트(안)
8
체크리스트
3
동 상, 음 등 티미 어 콘텐 를 이해할 있도록 체
단(자막, 원고 는 화)를 공해야 한다.
* 실시간 송이라도 체 단을 공하여야 하나, 외로 인 할 있음
사사
3. 웹 근 체크리스트(안)
9
체크리스트
4
색상을 하여도 원하는 내용을 달할 있도록, 색상 이
외에도 명암이나 로 콘텐 구분이 가능해야 한다.
사사
3. 웹 근 체크리스트(안)
10
체크리스트
5
버 이미지 맵을 공할 경우, 해당 내용 능을 사용할
있는 체 콘텐 를 공해야 한다.
* 지리 보시스템(GIS) 외로 인 할 있음
3. 웹 근 체크리스트(안)
11
체크리스트
6
임을 공할 경우, 임의 내용을 이해할 있도록
한 목(title 속 )을 공해야 한다.
3. 웹 근 체크리스트(안)
12
체크리스트
7
깜빡이는 콘텐 를 공할 경우, 사 에 경고하고 깜빡임을 회
할 있는 단을 공해야 한다.
※ 깜 임 : 당 3~49번을 깜 이는 콘텐
3. 웹 근 체크리스트(안)
13
체크리스트
8모든 능을 키보드로 이용할 있어야 한다.
3. 웹 근 체크리스트(안)
14
체크리스트
9
복 는 링크를 건 뛸 있도록 건 뛰 링크
(skip navigation)를 공해야 한다.
3. 웹 근 체크리스트(안)
15
체크리스트
10
시간 한이 있는 콘텐 를 공할 경우, 시간 어 능을
공해야 한다.
※ 외사항 : 경매, 실시간 게임 등과 같이 시간 한이 필 인 콘텐
3. 웹 근 체크리스트(안)
16
체크리스트
11
새 창( 업창 포함)을 공할 경우, 사용자에게 사 에 알 야
한다.
3. 웹 근 체크리스트(안)
17
체크리스트
12
데이 테이 을 공할 경우, 테이 의 내용을 이해할 있는
보( 목, 요약 보 등)를 공해야 한다.
<table class="type_a" summary="89575개의 게시 이 있습니다">
<caption>자 게시 </caption>
<!-- 하략 -->
3. 웹 근 체크리스트(안)
18
체크리스트
13
데이 테이 을 공할 경우, 목 과 내용 을 구분할
있어야 한다.
<table>
<thead>
<tr>
<th>번 </th>
<th> 목</th>
<th> 일</th>
<th>작 자</th>
<th>작 일</th>
<th>조회</th>
3. 웹 근 체크리스트(안)
19
체크리스트
14
해당 페이지를 잘 이해할 있도록 페이지 목(<title>)을 공
해야 한다.
사사
3. 웹 근 체크리스트(안)
20
체크리스트
15콘텐 는 논리 인 로 구 어야 한다.
평가사항 : 콘텐 간의 치 , Tab 이동의 논리 , 식(form) 간의
이동
1 2
3
3. 웹 근 체크리스트(안)
21
체크리스트
16라인 식을 공할 경우, 이 (<label>)을 공해야 한다.
3. 웹 근 체크리스트(안)
22
체크리스트
17
애 릿, 러그인(ActiveX, 래시) 등 부가 애 리 이션이 공
하는 경우, 해당 애 리 이션이 자체 인 근 을 하거나
는 사용자가 체 콘텐 를 택하여 이용할 있어야 한다.
3. 웹 근 체크리스트(안)
23
체크리스트
18
마크업 언어로 구 할 있는 능(링크, 식, 버튼, 페이지
목)을 자 스크립트로만 구 하지 말아야 한다
Firefox Web Developer extensionFirefox Web Developer extension
u Disable 메뉴 : Disable JavaScript를
à 신 사용(지침 13번) 검 가능
4. 결 론
24
근 ≒ [ 가치 ]
가치(Value)
ü Think Different à Innovation à Making $$$$
ü Corporate (Individual) Social Responsibility
ü Machine (Technology) helps you
같이(Together)
üWeb(IT) for everyone
ü Cooperation between developer and users
4. 결 론
25
격하게 변화하는 웹 환경에
우연 구의 편인가 ?
검 색
모 일신규
고객 창출
지
보
이미지
고
라우
변화
![[인천] Neopop 팜플렛 안 v1.0](https://img.pdfslide.tips/doc/110x75/58a8c9fa1a28ab53138b5d39/-neopop-v10.jpg)
