웹 접근성을 고려한 신기술 콘텐츠 제작기법
2009.04.08 ,
오후 06:10 
웹 접근성,추천/리뷰 
13 comments »
한국정보문화진흥원(KADO)에서 웹 접근성을 고려한 신기술 콘텐츠 제작기법을 공개했습니다.
우리나라의 경우에 2008년 4월부터 시행된 「장애인 차별금지 및 권리 구제 등에 관한 법률」(이하 ‘장차법)에 따라 2009년 4월부터 정부기관, 지자체 및 공공기관을 시작으로 기관별 성격에 따라 단계적으로 이들 기관에서 제공하는 모든 웹 콘텐츠는 웹 접근성을 준수하여야만 한다. 뿐만 아니라 동적 콘텐츠에 대한 수요가 증가하면서 일부 웹 에이전시를 중심으로 Ajax, Flash, Flex, Silverlight 등과 같은 RIA 기술을 이용한 웹 콘텐츠가 개발되고 있다.
그러나 우리나라의 현실은 개발자가 참고할 수 있는 접근 가능한 RIA 콘텐츠의 개발방법이나 실무사례에 대한 자료가 매우 부족한 상태이다. 이러한 문제점을 해결하기 위한 방안으로 이 문서에서는 웹 개발자들이 처하게 될 어려움을 해소하는 데 필요한 사례들을 모아 RIA 콘텐츠 접근성 실무 지침을 개발하였다.
(본문의 연구목적 중에서)
접근성 높은 RIA 개발을 위한 좋은 자료네요. (다운로드: iabf.or.kr / direct)
목차
Ⅰ 리치 인터넷 애플리케이션의 접근성
- 연구목적
- RIA 콘텐츠와 웹 접근성
- RIA 콘텐츠
- 장애와 보조 기술
- 웹 콘텐츠 및 웹 애플리케이션 콘텐츠 접근성
- WAI-ARIA 동향
- RIA 기술로 인한 접근성 문제
- WAI-ARIA 주요 내용
- HTML 동향
- RIA 콘텐츠 접근성 평가방법
- 보조 기술을 이용한 개발 단계 평가
- 자동평가 도구의 사용
- 전문가 및 사용자 평가
- 웹 접근성 관련 사이트
- 웹 표준 관련 웹 사이트
- JavaScript 관련 웹 사이트
- Flex 관련 웹 사이트
- Flash 관련 웹 사이트
- MSAA 관련 웹 사이트
- DFXP 자막 생성 소프트웨어 관련 웹 사이트
- 화면 낭독 프로그램 관련 웹 사이트
Ⅱ 접근성 있는 JavaScript 제작 기법
- JavaScript 개요
- DOM과 DOM 스크립트
- JavaScript 프로그램의 확장
- 웹 접근성과 JavaScript
- JavaScript에 관한 오해
- 접근성 있는 JavaScript 코딩 방법
- JavaScript 접근성 지원 프로그래밍 지침
- 대체 텍스트 제공
- 키보드의 이용
- 반응시간의 조절
- 온라인 서식 구성
- 신기술의 사용
- 표준의 준수
- JavaScript 프로그램의 접근성 평가방법
- 대체 텍스트 제공
- 키보드의 이용
- 반응시간의 조절
- 온라인 서식 구성
- 신기술의 사용
- 표준의 준수
- JavaScript 애플리케이션 콘텐츠 구현 예
- 내비게이션 제작기법
- 접근성을 고려한 입력서식 제작기법
- 효과적인 UI 제작기법
- JavaScript 대체 기법
Ⅲ 접근성 있는 Flex 제작기법
- Flex 개요
- 웹 접근성과 Flex 콘텐츠
- Flex 버전
- 접근성 있는 Flex 콘텐츠 제작
- Flex 콘텐츠 접근성 기술 지침
- 대체 텍스트 제공
- 자막 제공 방법
- 색상과 접근성
- 키보드의 이용
- 읽는 순서의 설정
- 플러그인 정보 제공
- 접근성 지원 컴포넌트의 사용
- Flex 콘텐츠의 접근성 평가방법
- 대체 텍스트 제공
- 자막 제공 방법
- 색상과 접근성
- 키보드의 이용
- 읽는 순서의 설정
- 플러그인 정보 제공
- 접근성 지원 Flex 컴포넌트
- Flex 애플리케이션 콘텐츠 구현 예
- 접근성을 고려한 입력서식 제작기법
- 접근성을 고려한 차트 제작기법
- 사용자 UI를 고려한 제작기법
Ⅳ 접근성 있는 Flash 제작기법
- Flash 개요
- 웹 접근성과 Flash 콘텐츠
- 접근성 있는 Flash 콘텐츠 제작
- Flash 콘텐츠의 임베딩
- Flash 접근성 지원 프로그래밍 지침
- 대체 텍스트 제공
- 자막 제공 방법
- 색상과 접근성
- 깜빡거리는 객체 사용 제한
- 키보드의 이용
- 접근성 지원 애니메이션
- 비디오/오디오 컨트롤
- 읽는 순서의 결정
- 구조의 제공
- 대체 페이지 제공
- 플러그인 정보 제공
- 접근성 지원 컴포넌트의 사용
- Flash 콘텐츠의 접근성 평가방법
- 대체 텍스트 제공
- 자막 제공 방법
- 색상과 접근성
- 깜빡거리는 객체 사용 제한
- 키보드의 이용
- 접근성 지원 애니메이션
- 비디오/오디오 컨트롤
- 읽는 순서의 결정
- 구조의 제공
- 대체 페이지 제공
- 플러그인 정보 제공
- Flash 콘텐츠 구현 예
- 내비게이션 메뉴
- 사용자 UI를 고려한 콘텐츠
Hooney라는 ID로 온라인에서 활동하는 조훈입니다. 
13개의 의견이 있습니다. | 당신의 의견을 바랍니다.
1.
정찬명 ｜
2009.04.08 ,
오후 09:54 ·
permallink
아기다리고기다리던 문서 입니다. ^^; (결혼식에 참석 못해서 미안했습니다. 잘 살고 있는거죠?)
2.
길버트 ｜
2009.04.09 ,
오전 09:22 ·
permallink
실버라이트에 대한 언급이 빠져서 아쉬운 자료예요. ^^;
하지만 좋은 자료입니다.
3.
aminoai ｜
2009.04.09 ,
오전 09:39 ·
permallink
저만 그런가요? 글자가 흰색으로 나와서 읽을 수 가 없네요.
4.
윤좌진 ｜
2009.04.09 ,
오후 12:10 ·
permallink
실버라이트가 빠져서 MS에서 쌍심지 키는건 아닌지 모르겠네요 ㅋㅋ
5.
highgarden's me2DAY ｜
2009.04.09 ,
오후 01:56 ·
permallink
HighGarden의 생각…
웹 접근성을 고려한 신기술 콘텐츠 제작기법 나왔구나…..
6.
가우리 ｜
2009.04.09 ,
오후 08:08 ·
permallink
멋진 문서네요. ^^
7.
xyz ｜
2009.04.10 ,
오후 02:00 ·
permallink
목차를 보니 좋은 글이긴 한데 저는 글자가 하나도 안보이네요.. 왜 그럴까요? 댓글 달린 것을 보니 저만 그런것은 아닌것 같습니다만..
8.
Hooney ｜
2009.04.10 ,
오후 04:03 ·
permallink
aminoai, xyz: iabf.or.kr과 direct 둘 중 어느 파일이 문제인가요? 아님, 둘 다 문제인가요?
제가 사용하는 Foxit reader에선 아무런 문제가 없는데, 문제 상황을 좀 더 자세히 알려주시면 조치하겠습니다.
번거롭게 해드려서 죄송합니다.
9.
juwon ｜
2009.04.10 ,
오후 04:19 ·
permallink
저도 그렇네요^^; Adobe reader9 버전이구요.
중간중간 그림이나 소스코드가 간간히 보이는것도 있습니다.
전체적으로 텍스트가 모두 안보이네요. 마우스로 긁으면 컨텐츠 카피는 가능하네요.
10.
자애 ｜
2009.04.11 ,
오후 04:26 ·
permallink
저만 그런게 아니구요. adobe reader9 쓰는데..
juwon 님 처럼…똑같은 현상인데..
foxit reder를 깔아야 하남..
11.
에드 ｜
2010.09.08 ,
오후 05:38 ·
permallink
(포스팅 주소를 안남겼네요.위 댓글은 지워주세요.)
좋은 자료 감사합니다.
adobe reader에서도 볼 수 있게 만든 파일을 제 블로그에 올려두었습니다.
http://blog.edple.com/1614
(게시물 맨 아래 첨부파일이 있습니다.)
12.
Hooney ｜
2010.09.08 ,
오후 05:55 ·
permallink
@에드: 정말~ 감사합니다. ^_^
13.
쵸이 ｜
2011.08.10 ,
오전 11:55 ·
permallink
좋은 자료 감사합니다.
당신의 의견을 바랍니다..
사용할 수 있는 HTML 태그 :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>