2008/01/11 16:53
웹 접근성 (Web Accessibility) ?
웹 접근성이란 일반 유저들처럼 장애인들도 웹에 효과적으로 (효율적이 아닌) 접근할 수 있게 하는 의미.
현란한 그래픽적 요소나 신기술들을 배제하더라도 최소한의 정보전달은 될 수 있도록 웹의 서비스를 구현하자~라는 것이다.
우리나라 웹의 현실 :
Interface 만을 위주로 작업이 되고 있기 때문에 Interaction(상호작용)에 문제가 발생한다.
다행스러운 것은 대규모 업체들을 중심으로 최근 HCI (Human-Computer Interaction)에 대한 중요성을 인식하고 연구가 활발히 진행되고 있다.
웹 접근성을 준수의 방법 :
1. 색약/색맹 장애우 들이 판단하기 쉽도록 색상의 충분한 명암을 이용한 디자인
2. 클릭할 수 있는 영역을 확장하여 좀 더 쉽게 클릭 가능하게 함 (마우스 컨트롤이 쉽지 않은 너무 작은 링크 지양)
3. Screen Reader 기로 읽어 들여도 충분히 인지 가능한 디자인 (웹 표준 : 의미에 맞는 정확한 태그 사용)
4. 청각장애자를 위해 동영상 플레이 시 캡션 제공
5. 키보드 만으로도 웹 컨텐츠가 제공하는 모든 기능을 할 수 있어야 한다.
6. 깜박이는 오브젝트 표현 자제 (특정 장애인이게 발작을 일으키게 하는 요인이 될 수도 있다-사용자에게 사전 경고. 사용자
조작 가능하게~ )
웹 표준 디자인 가이드 라인 :
1. 의미에 맞는 정확한 태그를 사용 (헤드라인 태그, 리스트 태그, 데이타 태그, b 태그와 strong 태그 차이 등)
2. 레이아웃을 테이블의 형태로 구성하는 것이 아니고 CSS 를 이용하여 구성
3. 대체 텍스트 제공 : 이미지 태그의 경우 alt 태그 사용하여 의미 전달
4. input field : input에 title 속성을 사용하거나, lable 태그 사용
(마우스 포인터가 field 안에 위치하면 대체 텍스트를 읽어준다)
*Issue*
웹 접근성을 준수하여 웹 표준으로 디자인할 때..
1. 이전 방식보다 많은 시간이 소요되는 문제
2. 리소스를 더 잡아 먹을 수 있는 문제
3. 트래픽이 증가하는 문제
4. Alt text really helps?
웹 접근성이란 일반 유저들처럼 장애인들도 웹에 효과적으로 (효율적이 아닌) 접근할 수 있게 하는 의미.
현란한 그래픽적 요소나 신기술들을 배제하더라도 최소한의 정보전달은 될 수 있도록 웹의 서비스를 구현하자~라는 것이다.
우리나라 웹의 현실 :
Interface 만을 위주로 작업이 되고 있기 때문에 Interaction(상호작용)에 문제가 발생한다.
다행스러운 것은 대규모 업체들을 중심으로 최근 HCI (Human-Computer Interaction)에 대한 중요성을 인식하고 연구가 활발히 진행되고 있다.
웹 접근성을 준수의 방법 :
1. 색약/색맹 장애우 들이 판단하기 쉽도록 색상의 충분한 명암을 이용한 디자인
2. 클릭할 수 있는 영역을 확장하여 좀 더 쉽게 클릭 가능하게 함 (마우스 컨트롤이 쉽지 않은 너무 작은 링크 지양)
3. Screen Reader 기로 읽어 들여도 충분히 인지 가능한 디자인 (웹 표준 : 의미에 맞는 정확한 태그 사용)
4. 청각장애자를 위해 동영상 플레이 시 캡션 제공
5. 키보드 만으로도 웹 컨텐츠가 제공하는 모든 기능을 할 수 있어야 한다.
6. 깜박이는 오브젝트 표현 자제 (특정 장애인이게 발작을 일으키게 하는 요인이 될 수도 있다-사용자에게 사전 경고. 사용자
조작 가능하게~ )
웹 표준 디자인 가이드 라인 :
1. 의미에 맞는 정확한 태그를 사용 (헤드라인 태그, 리스트 태그, 데이타 태그, b 태그와 strong 태그 차이 등)
2. 레이아웃을 테이블의 형태로 구성하는 것이 아니고 CSS 를 이용하여 구성
3. 대체 텍스트 제공 : 이미지 태그의 경우 alt 태그 사용하여 의미 전달
4. input field : input에 title 속성을 사용하거나, lable 태그 사용
(마우스 포인터가 field 안에 위치하면 대체 텍스트를 읽어준다)
*Issue*
웹 접근성을 준수하여 웹 표준으로 디자인할 때..
1. 이전 방식보다 많은 시간이 소요되는 문제
2. 리소스를 더 잡아 먹을 수 있는 문제
3. 트래픽이 증가하는 문제
4. Alt text really helps?
Trackback Address :: http://marie1114.tistory.com/trackback/29
