Post


http://accessibility.kr/pmwiki/pmwiki.php/Main/SurveyForTheDisabled2009

시각장애인을 비롯한 여러 장애인들을 대상으로 조사한 웹 사용 실태.
비장애인인 나도 웹 사용이 불편하다고 느낀적이 한두번이 아닌데 장애인들은 정말 얼마나 불편할지 상상이 안되네요..

링크된 글 하단에 있는 여러 기타 의견들을 하나하나 읽어보면 구체적인 문제점들이 여럿 나옵니다.
앞으로 웹퍼블리싱을 할때 무조건~!! 기억하면서 세심하게 작업해야겠다고 다짐했어요-
실제로 장애인들이 웹을 사용하는 것을 볼 기회가 있다면 좀더 기억에 남고 도움이 될것 같네요

ps. 이렇게 장애인을 위한 웹을 만들자는 생각으로 글을 쓰면서도,
      지금 이 블로그조차도 장애인을 포함한 여러 환경을 제대로 고려하지 않고 만들어져 있을것 같다는 생각이 드네요.. 쩝 -ㅅ-;;;;;;

Post


W3C(World Wide Web Consortium) 산하 WAI(Web Accessibility Initiative)에서 발표한 웹 콘텐츠 접근성지침입니다~
(번역문 출처 : 웹표준 핵심가이드북 XHTML+CSS/제우미디어)


1. 인지성(Perceivable) - 정보와 사용자 인터페이스 요소는 사용자가 인지할수 있도록 표시되어야 한다. 
  • 모든 텍스트가 아닌 콘텐츠에, 사람들이 원하는 인쇄,점자,음성,기호 또는 간단한 언어 등과 같은 형태로 대체텍스트를 제공해야 한다.
  • 시간을 바탕으로 한 미디어에 대한 대안을 제공해야 한다.
  • 정보와 구조의 손실 없이 콘텐츠를 다른 방식(예를 들면 더욱 간단한 형태)들로 표현할 수 있어야 한다.
  • 사용자들이 보다 쉽게 보고 들을 수 있는 전경에서 배경을 분리한 콘텐츠를 만들어야 한다.


2. 운용성(Operable) - 사용자 인터페이스 요소와 탐색은 운용 가능해야 한다.

  • 키보드로 모든 기능을 사용할 수 있도록 해야 한다.
  • 읽기 및 콘텐츠를 사용하는 사용자에게 충분한 시간을 제공해야 한다.
  • 알려진 방법으로 발작을 일으킬 수 있는 콘텐츠를 디자인하지 않아야 한다.
  • 사용자가 탐색하고, 콘텐츠를 찾고, 그들이 어디에 위치하는지를 알 수 있도록 도와주는 방법을 제공해야 한다.


3. 이해성(Understandable) - 정보와 사용자 인터페이스 운용은 이해할 수 있어야 한다.

  • 텍스트 콘텐츠를 판독하고 이해할 수 있도록 만들어야 한다.
  • 웹페이지의 탑재와 운용을 예측 가능한 방법으로 제작해야 한다.
  • 사용자의 실수를 방지하고 수정할 수 있도록 도와야 한다.



웹접근성과 관련된 유용한 자료 및 사이트

 

 


 
장애인 차별 금지 및 권리 구제 등에 관한 법률

 
  • 제21조(정보통신·의사소통에서의 정당한 편의 제공)
    행위자는 장애인에게 전자정보 및 비전자정보를 동등하게 접근,이용할 수 있는 필요한 수단을 제공

  • 시행령 제14조(정보접근·의사소통에서의 정당한 편의 제공의 단계적 범위 및 편의의 내용)
    누구든지 신체적,기술적 여건과 관계없이 웹사이트를 통하여 원하는 서비스를 이용할 수 있도록 접근성이 보장되는
    웹사이트

 


마지막으로, 웹접근성 향상 캠페인 사이트~ ^ㅅ^ http://www.wah.or.kr/campaign/ 


 

Post


출처 : 웹표준 교과서 | 디지털미디어리서치 - 마시코 타카히로 저


1. 수정과 관리가 용이
웹페이지를 제작할 때 (X)HTML로 올바르게 구조화하고 CSS로 시각표현을 통일하여 제어하면 페이지 제작 부담이 크게 줄어든다.


2. 웹 접근성 향상
올바른 (X)HTML과 CSS로 다양한 브라우징 환경에 대응하는 접근가능한 웹페이지를 만들 수 있다. 또한 장애인과 노인을 배려한 웹페이지를 만듦으로써 결과적으로 모든 사람에게 높은 접근성을 제공할 수가 있다.


3. 검색엔진 최적화(SEO) 대책
검색엔진의 Crawler는 (X)HTML소스를 거의 액면 그대로 해석하기 때문에 적절하게 구조화되고 깨끗하게 정리된 소스일수록 검색로봇이 잘 검색할 수가 있다. 문서구조가 명확한, 예컨대 타이틀(h1~h6요소) 사용법, 텍스트 강조(strong요소) 등 웹표준에 기반을 둔 적절한 마크업이 된 웹페이지는 '인간뿐만 아니라 검색엔진에게도 친절한 페이지'가 되는 것이다.


4. 파일 용량 축소와 서버 저장공간 절약
소스를 효율적으로 작성하면 파일 크기를 줄이고 서버 저장공간을 절약할 수 있다. 동시에 화면표시에 걸리는 시간도 줄고 서버의 부담도 덜 수가 있다. 따라서 여러가지 경제적인 효과를 얻게 된다.


5. 하위호환성과 상위호환성 확보
올바른 (X)HTML과 CSS로 페이지를 제작하면 오래된 브라우저에서도 컨텐츠가 적절하게 표시되고 상위호환성과 상호운용성이 확보 된다.

Post

웹표준화 가이드 (필독!)
http://www.mozilla.or.kr/ko/docs/web-developer/web-standard-guide-2005-appendix.pdf


W3C 문서 한국어 번역판
http://www.w3.org/2003/03/Translations/byLanguage?language=ko


NULI 공유하는 웹표준화 가이드 - NHN
http://html.nhndesign.com


CSS Design Korea - 웹표준 관련 자료
http://wiki.standardmag.org


웹접근성 향상 캠페인
https://www.kado.or.kr/wa


W3C 타당성 검사
http://validator.kldp.org - MarkUp 타당성 검사
http://css-validator.kldp.org - CSS 타당성 검사


후니넷 - CSS레퍼런스
http://hooney.net/docs/Css/DocumentsIndex


일모리와 웹표준 - CSS 기초 메뉴얼
http://ilmol.com/wp


나라디자인 - CSS,웹표준,웹디자인 참고
http://naradesign.net/wp


트리오 - W3C 규격 번역문(HTML,XML,XHTML,CSS,JavaScript)
http://trio.co.kr


Creative & Advanced Web Design for WebDesigner - HTML,XHTML,CSS,XML,JavaScript,웹디자인
http://www.cadvance.org


SpaceKan - W3C CSS2
http://user.chollian.net/~spacekan/css/css.htm


Web2Dong - 국내 Web2.0사이트 모음
http://www.web2dong.com


Go2Web20.net - 해외 Web2.0사이트 모음
http://www.go2web20.net
▲ top