Feed on
Posts
Comments

웹 접근성은 정의상 장애를 가진 사람들이 동등하게 웹 서비스를 이용할 수 있도록 하기위한 목적을 가지고 있습니다. 그러나 그로 인해 일반사용자들이 불편을 감수하면서 까지 접근성을 확보해야 하는것은 아닙니다. 한국에는 한국형 웹 콘텐츠 접근성 지침이라는 웹사이트에서 웹 콘텐츠를 제공할 경우 지켜야하는 웹 접근성 지침 표준문서가 있습니다.

지난 9월 민간개발자를 대상으로 하는 웹 접근성 교육에 참여 했습니다. 그 중에 한국형 웹 콘텐츠 접근성 지침 2.0 에 대해 알아보는 시간이 맡았는데요 자료와 핵심 내용만 간략하게 정리해서 블로그에 적으려 합니다.

한국형 웹 콘텐츠 접근성 지침(KWCAG)은 W3C의 웹 콘텐츠 접근성 지침(WCAG)를 한국 실정에 맞게 알아보기 쉽게 구성한 표준문서입니다. 현재는 1.0이 국가표준이고 2011년 2.0으로 국가표준이 개정될 예정입니다. 구성은 크게 4가지의 원칙과 13가지의 세부 지침으로 구성되어 있고 각 세부 지침별로 사례별 기술지침이 부가적으로 포함되어 있습니다. 자료 내용과 함께 내용을 확인하시면 좀 더 쉽게 이해할 수 있을거라 생각합니다.
의미의 모호함을 없애기 위해 “적절한” 이라는 단어를 가급적 사용하지 않았습니다.

첫째, 인식의 용이성(Perceivable)
기본 원칙은 모든 콘텐츠는 사용자가 인식할 수 있어야 하는것이며 세 가지 세부지침으로 나누어진다.

  • 텍스트가 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다.
    텍스트가 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체텍스트를 제공해야 한다. 충분한 대체텍스트를 제공하는 것이지 너무 불필요한 모든 내용을 대체텍스트로 제공할 필요는 없다는 것이 요다. 제공된 대체텍스트는 일반적인 접근을 하지 못하는 사용자 뿐만 아니라 예외적인 상황에서는 일반인들에게도 유용할 수 있다.
    만약 너무 복잡하거나 긴 콘텐츠를 대체텍스트로 제공해야 한다면 별도의 부가설명페이지가 마련되어 있는 링크를 직접 추가해두거나 longdesc 속성을 이용하여 대체텍스트를 제공할 수도 있다.
    하지만 국내 스크린리더 사용자들중 longdesc의 옵션을 사용할 줄 아는 사용자가 많지 않아 longdesc 보다는 alt 속성으로 되도록이면 제공하는것이 좋다는 의견도 최근에 있었다.
  • 동영상, 음성 멀티미디어 콘텐츠를 이해할 수 있도록 대체 수단을 제공해야 한다.
    동영상은 소리를 들을 수 없는 사용자나 영상을 볼 수 없는 사용자를 위한 대체 수단이 필요하다. 가장 쉬운 방법은 자막이나 원고를 첨부하는 것이고 수화는 소리를 들을 수 없는 사용자를 위해 추가로 제공하는 것이다. 자막은 수정이 불가능한 닫힌자막과 사용자가 수정이 가능한 열린자막으로 나눌 수 있으며 되도록이면 열린자막을 제공하는것이 좋다. 열린자막은 사용자의 환경에 맞게 크기, 색상, 속도 등을 조절할 수가 있으며 언어의 변환이나 검색에도 용이하기 때문이다.
  • 콘텐츠는 명확하게 전달되어야 한다.
    콘텐츠는 색상에 관계없이 인식이 가능하도록 제작되어야 하며 방향이나 모양 크기나 위치 색상등을 지시할 경우에는 명확한 설명이 있어야 한다. 저시력자를 위해 텍스트의 색상은 12px을 기본 크기로 가정할 경우 약 4.5대1의 비율 이상으로 설정해야 한다. 음성을 이용하여 접근하는 사용자를 위해 자동으로 배경음이 실행되도록 해서는 안되며 반드시 필요한 경우 3초 이상을 넘기지 말거나 사용자가 선택이 가능한 기능이 마련되어야 한다.
    전경색 배경색 색 대비 알아보는 차트(#ffffff 기준)

둘째, 운용의 용이성(Operable)
기본 원칙은 사용자 인터페이스 구성요소는 직접 조작이 가능하도록 구성되어야 하고 네비게이션(이동)할 수 있어야 하는것이며 네 가지 세부지침으로 나누어진다.

  • 콘텐츠는 키보드로 접근할 수 있어야 한다.
    마우스를 사용하지 못하는 환경이나 사용자들을 위해 키보드만으로 사용할 수 있도록 제공해야 하며 마우스에서만 동작이 가능한 스크립트 이벤트(onmouseover, onmouseout)는 키보드 이벤트도 함께 제공하는것이 좋다. 키보드가 접근할 경우 기본적으로 표시되는 초점(아웃라인)이 없어지지 않도록 스타일 사용에도 주의해야 하며 접근순서가 구성요소의 논리적인 순서와 다른 순서로 이동되어서는 안된다.
  • 콘텐츠를 읽고 사용하는데 충분한 시간을 제공해야 한다.
    콘텐츠를 읽는데 시간제한이 있다면 불편할 것이다. 그러나 어쩔 수 없는 경우 그 시간제한을 사용자가 조절할 수 있는 기능만이라도 제공된다면 불편이 줄어들 것이다. 이런 경우는 콘텐츠가 움직이거나 이동한다던지 페이지가 자동으로 이동되는 경우나 서식 작성시 보안이나 로그인 세션 문제 등의 이유로 작성 제한시간이 주어지는 경우 일 것이다.
  • 광과민성 발작을 일으킬 수 있는 콘텐츠를 제공하지 않아야 한다.
    광과민성 발작을 일으키는 사용자가 느끼는 광과민성 콘텐츠는 초당 3회에서 50회의 깜빡임이다. 주로 gif 애니메이션 이나 플래시를 이용한 콘텐츠에서 문제가 발생하며 자주 사용되는곳은 없지만 <blink> 나 <marquee> 등을 사용할 경우에도 문제가 발생할 수 있다.
  • 콘텐츠는 쉽게 내비게이션 할 수 있어야 한다.
    쉽게 내비게이션할 수 있어야 한다는 것은 쉽게 이동할 수 있어야 한다는 말이다. 이 말은 두가지의 의미로 해석할 수 있으며 실제로 콘텐츠별 영역으로 쉽게 이동이 가능하도록 해야 한다는 것과 그렇게 이동하기 위해서는 링크의 명확한 목적설명이나 독립적인 페이지 타이틀을 제공한다던지 콘텐츠 블록에 콘텐츠를 설명하는 제목을 제공해서 어떠한 내용이나 용도, 목적을 가지는 콘텐츠인지를 인식할 수 있도록 제공해야 한다는 것이다.

셋째, 이해의 용이성(Understandable)
기본 원칙은 콘텐츠를 쉽게 이해할 수 있어야 하는것이며 네 가지 세부지침으로 나누어진다.

  • 콘텐츠는 읽고 이해하기 쉬워야 한다.
    문서를 구성할 때 문서에서 사용되는 주 언어가 무엇인지를 선언해야 한다. 선언한 언어 코드는 음성인식 보조기기와 번역프로그램 그리고 검색엔진에 정확한 단어와 문장의 뜻으로 제공되어 도움을 줄 수 있다.
    공식언어코드(ISO 630) 목록
  • 콘텐츠의 기능과 실행결과는 예측 가능해야 한다.
    사용자가 의도하지 않은 동작이 발생하지 않아야 한다. 예를 들어 셀렉트박스 리스트를 선택했을 뿐인데 script 이벤트나 페이지 이동이 일어나서는 안되고 링크를 클릭했을 때 사용자가 예측하지 못하게 새창으로 이동되어서는 안된다.
  • 콘텐츠는 논리적으로 구성해야 한다.
    콘텐츠를 구성할 때는 논리적으로 콘텐츠가 순서에 맞게 구성이 되어야 하며 스타일이 더해진 상태에서도 마찬가지여야 한다. 표(<table>)를 구성하더라도 이해하기 쉽게 구성이 되어야 하며 되도록 데이터 표가 아닌 콘텐츠를 <table>을 이용해서 구성하지는 않아야 한다.
  • 입력 오류를 방지하거나 정정할 수 있어야 한다.
    서식을 입력하는 컨트롤에는 어떤 내용을 입력하는지에 대한 레이블이 제공되어야 한다. 만약 제공이 어렵다면 title 속성으로라도 대체해야 하고 컨트롤별 그룹이 필요한 경우(예를 들어 비슷한 내용을 입력해야 하는 컨트롤들이 있거나 하나의 질의에 대한 답변을 선택하는 라디오버튼이나 체크박스 들의 그룹)<fieldset>을 활용하여 그룹시키고 <legend>로 용도나 목적을 설명하는 것이 좋다.

넷째, 견고성(Robust)
기본 원칙은 미래의 기술로도 웹 콘텐츠를 접근하는데 무리가 없도록 견고하게 만들어야 하는것이며 두 가지 세부지침으로 나누어진다.

  • 웹 콘텐츠는 마크업 언어의 문법을 준수해야 한다.
    다양한 기술이 웹 콘텐츠에 문제 없이 접근할 수 있는 가장 기본적인 조건은 올바른 문법으로 웹 콘텐츠를 제작하는 것이다. 당연한 말이지만 문법은 문서선언(DOCTYPE)에 맞게 작성되어야 한다.
  • 웹 애플리케이션은 접근성이 있어야 한다.
    콘텐츠에 포함된 웹 애플리케이션은 자체적인 접근성이 있어야 하는데 만약 그러지 못할 경우를 대비해서 대체 콘텐츠를 제공해야 한다. 다만 브라우저마다 애플리케이션의 대체기법을 인식하는데 차이가 있기 때문에 주의를 해야 한다.

.
.

여기 까지가 자료의 핵심 내용입니다. 아직까지는 웹 접근성 품질마크 인증을 위해서 1.0 기준을 따라야 하지만 곧 2.0으로 바뀔 것이기 때문에 미리 알아 두는 것이 좋겠다는 생각입니다. 하지만 주요 내용이 크게 달라지지 않기 때문에 1.0을 잘 준수하고 있었다면 큰 어려움이 없다고 생각됩니다.
한국형 웹 콘텐츠 접근성 지침 2.0 에 대한 TTA표준 문서는 되도록 읽어 보는것이 좋습니다. 왜냐하면 이 자료는 한국형 웹 콘텐츠 접근성 지침 2.0을 단지 알기 쉽도록 제작했기 때문에 깊이 이해하기는 힘들 수 있습니다.

관련 자료는 아래 slideshare 프리뷰문서로 확인이 가능하고 pdf 파일로 다운받아서 참고할 수 도 있습니다. 만약 다른 곳에서 공유할 경우 조그맣게 출처 밝혀주면 고맙겠습니다. :)

한국형웹콘텐츠접근성지침2.0알아보기.pdf
관련 자료

국제 웹 접근성 세미나 광경

2010년 10월 6일 서울 소공동 롯데호텔에서 국제 웹 접근성 세미나가 개최되었다.
W3C와 여러 공공 및 민간에서 웹 접근성 분야를 대표하여 발표를 했고 그 중 나는 관심을 가졌던 W3C 웹 접근성 위원회(WAI)의장을 맡고 있는 주디 브루어(Judy Brewer)와 미 재활법 508조를 담당하고 있는 티모시 크리건(Timothy Creagan)의 발표 내용을 정리하려 한다.
이미 팀 블로그인 NULI에 내용을 요약 정리했지만 참여하지 못한 분들에게 최대한 모든 내용을 알려주기 위해 자세하게 정리했다. 때문에 내용이 딱딱하고 길어질 수 있는 점 참고하길 바란다.

W3C 웹 접근성 표준화 동향 및 향후 웹 접근성 방향
Web Accessibility: Progress, Resources and Future Challenges
Judy Brewer / W3C WAI (WAI 의장)

주디 브루어의 발표장면

장애를 가진 사람들도 웹 서비스를 이용할 수 있어야 하는것이 접근성의 기본 원칙이며,
웹 접근성의 가장 중요한 점은 한가지 장애를 가진 사람들이 아니라 다양한 장애를 가진 사람들에게 영향을 미칠 수 있다는 점이다.
장애의 종류는 청력, 전맹, 저시력, 상지, 언어, 기억력, 지적, 발작 장애등 여러가지 다양하다. 중요한 점은 이러한 장애가 장애인들에게만 있는 것이 아니라 일반인들에게도 나이가 들면서 장애가 생길 수 있다는 것이다.
다양한 웹 접근성 문제를 준수하기 위해서는 W3C의 가이드 라인을 준수해야 한다. 웹 접근성의 주요 원칙은 아래와 같이 4가지로 나누어 진다.

  1. 인식의 용이성
    웹 사이트의 정보 콘텐츠가 명확하게 인식되도록 제공되어야 한다. 웹 사이트를 사용하는 사용자가 정보를 보고나 듣거나 어떤 상황에서든 동등하게 제공받을 수 있어야 한다는 것이다. 예를 들어 이미지에 대한 대체텍스트, 미디어라면 캡션이 존재해야 한다. 사용자는 대체텍스트를 이용해서 사용자에 맞게 큰 글씨체로 보고자 할 때 그것을 가능하도록 제작되어야 한다. 사용자들이 쉽게 정보를 식별하도록 고대비로 제공하는것도 인식을 높이는 방법이다.
  2. 운용의 용이성
    웹사이트 사용자가 키보드를 사용하던지 마우스를 사용하던지 머리,눈 등 어떤것을 사용하던지 웹사이트의 정보를 얻을 수 있도록 해야 한다. 온라인 서식에서 무엇을 작성할 경우 충분히 작성할 시간이 주어져야 한다. 번쩍거리는 콘텐츠에 대한 콘텐츠를 제공하지 않는것이 중요하다. 웹사이트 내에서 이동이 용이하도록 네비게이션을 잘 준비하는 것이 중요하다.
  3. 이해의 용이성
    잘 읽을 수 있도록 가독성에 주의해야 한다. 디자인을 할 경우 일반성을 가진 디자인이어야 한다. 서식을 작성할 경우 서식입력에 필요한 도움을 얻을 수 있는 정보를 제공해야 한다.
  4. 견고성
    몇몇 장애인들이 사용하고 있는 보조기술과 웹사이트가 잘 호환이 되어야 한다. 스크린리더, 음성인식소프트웨어, 마우스를 대신해 눈으로 작동하는 소프트웨어, 등(실제 행사장에 오셨던 분중 장애를 가지신 분중에 눈으로 마우스를 대신하는 소프트웨어를 사용하시는 분의 말을 들어보면 국내 웹 사이트 대부분이 잘 호환이 되지 않고 있다고 한다.) 정보화진흥원에는 보조기술에 대한 정보를 1층 에서 잘 체험학습할 수 있도록 되어 있다.

WAI 소개
WAI는 W3C에서 웹을 위해 제작되는 다양한 표준에서 웹 접근성을 지원하기 위한 기술적인 기반을 알리려는 목적을 가지고 있다.

  • Introducing Accessibility
    웹 접근성이 무엇인지, 왜 중요한지, 접근성을 고려한 제작이 중요한지, 장애를 가진 사람들이 어떻게 이용하는지(11월 개정 예정), 접근성 지침이 어떻게 도와줄 수 있는지, 웹 접근성과 고령층에 대한 관계 등을 소개한다.
  • Guidelines & Techniques
    웹 접근성이 있는 코드에 대한 기술을 확인할 수 있고 HOW TO WCAG2.0 에는 어떻게 하면 접근성을 준수할 수 있을지에 대한 내용이 있다. 예를들어 HTML, CSS, Javascript를 이용하여 WCAG2.0의 AA 기준에 준수하게 제작려 한다면 그 기준에 맞는 정확한 지침의 내용을 확인할 수 있다. 플래시나 실버라이트에 대한 정보도 지속적으로 업데이트 시키고 있다.
  • Managing Accessibility
    웹 접근성 관리도구에 대한 내용에는 웹 접근성을 어떻게 지켜야 하는지에 대한 당위성에 대해 다루고 있다. 예를들어 사법적, 기술적, 기업의 사회적 책임에 대한 이유 등을 다루고 있고 다양한 모바일 기기들의 대응을 위한 내용도 다루고 있다.
  • Evaluating Accessibility
    W3C에서 표준을 진행할 때 접근성 관련 문제가 발생하는지에 대해 WAI에서 관리를 하며 그렇게 나온 표준 문서들이 접근성 평가를 하기 위한 용도로 사용된다.
    평가는 비교적 개발하는 도중에 평가툴을 사용하는것이 좋으며, 이것은 웹 개발 초기부터 하는 것이 좋다.

종류별 다양한 지침
그 밖에 웹 접근성을 준수하기 위해 참고하면 좋은 지침들이 있다.

  • 저작 도구 접근성 지침(ATAG)
    웹 사이트를 개발할 경우 제작도구를 활용할 것이다. 저작도구는 HTML제작도구, 블로깅제작도구, 위키소프트웨어 등등 다양하다. 이런 웹 사이트 저작도구에 대한 지침으로 ATAG 이라고 하는 개발도구접근성지침이 있다. ATAG 이라는 것은 소프트웨어제작자(개발자)를 위한 지침이며, 어떻게하면 웹 접근성을 향상시키는 웹사이트를 만들수 있는 저작도구를 만들지에 대한 내용이다. 웹 개발자와 저작도구접근성지침과의 관계 중요성은 만약 사용하는 저작도구가 이 ATAG를 준수하는 저작도구가 아니라면 웹 접근성을 준수하는데 어려움이 있을 수도 있기 때문에 중요하다. 웹사이트를 개발할 때 비용효율을 생각한다면 이런 기준을 지키는 툴은 웹사이트 개발시 시간을 줄여줄 수 있다. 예를 들어 ATAG을 지원하는 저작도구를 사용한다면 웹사이트를 개발하는데 필요한 (접근성)업무를 대신해주는 효과도 얻을 수 있다.
  • 웹 콘텐츠 접근성 지침(WCAG)
    실제로 콘텐츠에 어떻게 웹 접근성을 보장하는가에 대한 지침이 WCAG 이다. 콘텐츠에 대한 지침의 최신 버전은 WCAG2.0이다. 웹사이트를 제작시 WCAG2.0을 활용한다면 1.0버전 보다 웹 접근성에 대한 기술 기준이 훨신 향상되어 있기 때문에 더 웹 접근성을 준수하는 웹사이트를 만들 수 있다. 이 지침은 HTML, CSS 뿐만 아니라 50여개가 넘는 W3C의 표준에 적용을 할 수 있다. WCAG2.0은 유연하고 탄력적으로 사용할 수 있고 쉽고 정확한 테스트가 가능하다.
  • 유저 에이전트 접근성 지침(UAAG)
    방문자와 사용자들을 위한 UserAgent에 대해서도 접근성 가이드 라인이 있다. 주로 웹 브라우저나 비디오플레이어 등이 대상이다.
  • 웹 접근성 RIA(WAI-ARIA)
    ARIA를 사용한다면 스크립트등을 이용할 때 접근성 문제에 도움이 된다. 구축하는 웹사이트에서 자동으로 움직이거나 변화하는 부분에 대해서는 보조기술을 사용하는 사용자들에게는 정보를 제공하기가 어렵다. ARAI에서는 이런 기법에 대해 접근성을 향상시키는데 도움을 얻을수 있다. ARAI는 지침가이드라인이 아니라 테크닉이기 때문에 WCAG2.0을 준수하는 것을 기초로 확인하는 것이 좋다.

웹 사이트가 정말로 장애인들에게 접근성을 제대로 보장하도록 하기 위해서는 이렇게 위 지침을 잘 준수해야 한다.

.
.
.

미국의 웹 접근성 법률 및 정책 동향 - 재활법 508조 중심
Timothy Creagan / U.S Access Board (미국 접근성 위원회)

티모시 크리건의 발표모습

재활법 508조가 하는 역할은 전자제품이나 웹사이트를 미국에 납품(?) 하기위해 필요한 표준을 다루고 있다. 이 표준은 소프트웨어, 웹, 전화(통신기기), 비디오(멀티미디어), 키오스크, 데스크톱 의 총 6가지 제품 군으로 구성되어 있다.

재활법 연대기

  • 1998년 재정( 통신기기 위주)
  • 2001년 508조 재정
  • 2008년 지금 재정중인 508조에 대해 자문위원회의 보고서 받음(제안서)

508조 초안은 과거 1장에서 6장까지에서 1장부터 10장까지로 개정안이 구성된다. 기존 표준에는 어떤 기능들의 변화가 있는지에 대한 내용이 있다. 예로 들어 과거에는 특정 기기가 전화냐 컴퓨터냐 를 구분했었지만 지금은 그런 구분을 하기가 힘들게 되었다. 그래서 이 기기가 전화냐 컴퓨터냐를 구분하기 보다는 어떠한 기능을 가지고 있느냐로 구분하는 것이 좋다고 판단되었다. 복사기를 예로 든다면 휠체어 사용자는 손이 어디까지 닫게 하는지에 대한 기준으로 달라지고 있다. 인터넷 같은경우 어떤 사용자에 따라 쉽게 이동(네비게이트)할 수 있는지에 대한 기준을 가지고 있다.

변화된 기준
변화된 기준으로는 약시, 난청, 신체적접촉없이 활용할 수 있는가 의 3가지로 크게 구분되었다. 약시(시각적 제약)와 전맹은 해결방법이 다르기때문에 약시의 최소 시력이 0.1로 법적 기준(미국)이 되었다.
신체적접촉없이 활용할 수 있는가 의 기준은 마비가 되었을 경우와 블루투스 기능이 확대되면서 추가 되었다.
10년전과 비교하여 두가지의 큰 변화가 있었다면 용어의 변화(전자정보기술 EIT -> 정보통신기술 ICT로 변경)와 적용 콘텐츠(어떤 매체를 이용하는지(이메일, CD) -> 어떤 메체가 관계없이 어떤 콘텐츠인가)의 변화가 있을 것이다.

미국 재활법 소개
현재까지 공개된 재활법 508조의 수정 내용은 다음과 같다.

  • 제 1장
    모든 연방규정에는 제 1장에서 508조의 범위는 전자기기와 통신기기를 다 아우른다는 내용이 가장 처음에 있다. 1장은 두가지로 나눠져있고(255조와 508조)508조는 연방정부 기관이라면 반드시 준수해야 하고 255조는 상대적으로 비교적 쉽게 따를 수 있는 범위이다.
  • 제 2장
    디자인 기준에서 표준에 맞게 디자인이 되었는지에 대한 내용을 다룬다. 예를 들어 WCAG2.0의 기준을 준수했는지에 대한 설명이 있다. 2장은 어떻게 디자인하는지 보다는 결과물을 보는데 예를 들어 하나의 모드에서는 시각장애인, 청각, 난청, 저시력자 등이 이용할 수 있도록 하는지에 대해 갖추고 있는지를 본다. 왜냐하면 각 장애마다 대한 해결책이 다르기 때문이다.
  • 제 3장
    3장에서는 소프트웨어, 하드웨어, 전화, 기기 등에 대한 공통적인 기능에 대해 다루고 있다. 기존에는 개인이 아는것 혹은 가지고 있는것을 인식 기준으로 나누었으나(주로 비밀번호나 보안카드) 개정안은 주로 생체인식(바이오 메트릭스)에 대해 다루고 있다. 이는 9.11 사테 이후 안보(보안)이 강화 되었기 때문이고, 망막스캔, 지문 등 사람이라면 반드시 가지고 있는것에 대한것을 이용할 수 있는 지에 대한 기준을 마련하고 있다.
  • 제 4장, 5장
    4장과 5장은 웹 접근성에 대해 다루고 있다. 4장은 플랫폼 어플리케이션, 인터렉티프 컨텐츠 5장은 전자문서에 대한 내용이다. 4장과 5장을 따로 구분한 이유는 대상으로 하는 사람이 다르기 때문이다. 4장은 웹개발자나 디자이너가 대상이며, 5장은 일상적인 컴퓨터 이용자(메일, 문서제작)가 대상이다.
  • 제 7장
    7장중 704는 제품에 대한 표준을 정의하고 있다. 예를 들어 제품에서 어느 부분에 케이블을 이용할 수 있는지에 대해서 단순히 보고 알 수 있게 되어 있는지 만져봐도 알 수 있는지에 대한 기준을 규정하고 있다.
  • 제 8장, 9장
    8장과 9장은 각각 하드웨어의 오디오 출력, 통신기능 대화의 기능에 대한 규정이다. 8장은 일반적인 모든 소리에 대한 부분, 9장은 실제적인 소통에 대한 부분을 다루고 있다. 예를 들어 핸드폰이 벨소리만 내는지 벨소리와 진동이 함께 되는지에 대한 기준, 그리고 의사소통과 관련된 부분은 듣고 이해하는것인지 문자를 이용해서 소통할 수 있는지에 대한 기준이다.
  • 제 10장
    10장에서 다루고 있는 내용은 ICT에 대한 문서와 ICT 지원 서비스에 대한 내용, 제조업체 측에서 제품에 대해 어떠한 기능과 어떠한 접근성을 지원하는지에 대한 내용을 기관에 요청하도록 하는 내용이다.

이상..

.
.

이밖에도 미래 웹 접근성의 발전을 위해 노력하는 민간업체들의 훌륭한 발표 내용들이 더 많다. 더 많은 내용은 다음 관련 링크에서 참고하기 바란다.

지난주 토요일(5월 29일), 한국정보화진흥원에서는 CDK가 주최하는 제 4회 웹 표준의 날 이 있었다.
제 4회 웹 표준의 날

2006년에 처음 생겨났던 이 모임은 1회, 2회, 3회를 거쳐 올해 4회를 진행하고 있는 CDK 공식 행사이다.

웹표준의날 후기는 1회부터 작성했던지라 후기를 적기 전에는 항상 지난 모임 후기 글(1회, 2회, 3회)을 한번 씩 읽어보곤 하는데 매번 후기를 볼 때마다 마치 그 글이 어제 일 처럼 떠오르면서 “벌서 이렇게 시간이 흘렀구나..” “몇몇 보이지 않는 분들의 소식도 궁금하네..” 라는 생각이 들곤 한다.

이번 네번째 웹 표준의 날은 “본격! 웹 표준” 이라는 주제로 웹 표준과 UI개발이 이제는 대중적인 단어로 사용될 만큼 웹 서비스 사이에서 자연스럽게 나오는 이야기가 된 것에 대해, 그렇다면 이후에 준비해야 할 것들이 무엇인지에 대해서 알아보고자 했던 자리라고 생각한다.

발표에는 현석님이 다양한 브라우저 이야기와 생각들을, 찬명님이 CSS3에 대해 예제와 생각을 전달해주셨고, 조훈님이 휴대기기와 디바이스 독립적인 환경에서 웹의 무한한 가능성에 대해, 백남중님이 RIA 환경에서의 접근성과 HTML5에서 생각해볼 접근성에 대해서, 그리고 내 발표현준호님이 웹 콘텐츠 접근성 지침 2.0에 대한 소개를 재미있게 해주셨다.

이후 한동안 활동이 없었던 KWAG에 대한 부활과 활동 예고에 대해 장성민님이 해주셨는데 개인적으로도 많이 기대가 되는 부분이여서 다음 KWAG모임이 기대가 되었었다.
모임의 모든 발표가 끝난 후 웹표준경진대회가 있었는데 운영진들과 문제를 출제 하면서 많은 고민을 했었지만 이날 경진대회를 하면서 나름 얻는것도 많았고 생각할 것들이 많았던것 같아 의미있었던 프로그램이였다고 생각이 든다.
항상 모임이 있을때마다 자발적(?)으로 도와주시는 자원봉사자 분들과 사진을 공유해주신 현진님, 그리고 운영에 힘쓰시는 윤표님께 감사드리고 이날 발표하신 모든 분들과 참석하신 분들께도 고맙다는 말 전해드리고싶다.

나는 이번 모임에서 처음으로 발표를 했다.
여러 같은 UI개발자들과 함께하는 자리에서 발표를 해야 하는것이 떨리기도 했지만 평소에 잘 지켜지지 않고 있는 고질적인 문제들을 함께 공유하고 스스로가 고치기로 마음 먹는다는 다짐을 하는 취지에서 발표를 하게 되었다.
미투데이 웹 접근성 발표

처음엔 행사 후기만 기록하려고 했으나 내 발표 내용을 자료로 활용하기에는 이미지 위주이기 때문에 이해하기가 힘들것 같아 간략히 정리해서 공유를 하려고 한다.
이날 내가 준비한 발표는 내가 UI개발을 하고 있는 서비스인 미투데이에 대한 웹 접근성에 대해 다루었고, 미투데이라는 서비스가 얼마나 웹 접근성을 잘 지키고 있으며, 지키지 않는 부분이 있다면 어떤부분이고 왜 지키지 못하고 있는지에 대한 내용이다.

발표 내용 요약

미투데이는 블로그와는 조금 다른 가볍게 한마디 정도의 말을 기록하며 사람들과 소통하는 공간이다.
무조건 공개가 목적이고 누구든지 볼 수 있고 누구라도 사용할 수 있는 공간이기 때문에 어느서비스보다도 접근성과 사용성이 좋아야 할 공간이기도 하다.
W3C의 WCAG2.0에 나와있는 기준대로 접근성을 준수하기란 어려울 수도 있지만 한국에는 K-WAH3.0과 같은 접근성 평가 도구가 있기 때문에 어느정도 최소한의 접근성을 준수 하기 위해 도움을 받을 수 있다.
또한 이전 버전인 KADO-WAH2.0 과 최신 버전인 K-WAH3.0에는 도움말이 포함되어 있는데 WCAG1.0과 2.0 그리고 인터넷 웹 콘텐츠 접근성 지침에 대한 내용을 볼 수 있어 많은 도움이 된다.
실제 실무에서 웹 접근성을 지키자고 하면 많은 부서들과 커뮤니케이션이 필요하다. 왜냐하면 웹 표준과는 또 다르게 웹 접근성은 아직까지 일반인들에게는 생소한 느낌일 것이기 때문이다. 그렇지만 적극적으로 이해를 도와주고 설득해서 주변에 많은 동료를 만든다면 웹 접근성을 잘 준수시키는 사이트를 만드는데 그리 외롭거나 어려움은 없을거라 생각한다.
미투데이는 실제로 K-WAH3.0으로 검사를 하면 그다지 좋은 결과를 확인하지 못한다. 많은 사이트에서 비슷한 문제가 있을거라 생각되지만 일단은 UI개발자들이 조금 더 부지런해야 할 것 같다는 생각이 든다.
다음 세가지는 특히 준수하기 위해서 노력을 하도록 하자.

  1. 이미지의 대체텍스트 준수 같은 경우는 반복되는 이미지가 많기 때문에 자칫 한가지를 못지켜도 마치 준수율이 많이 떨어지는 느낌을 주기 때문에 반드시 지켜야 할 것이다.
  2. 서식과 label의 연결은 사용성과도 연관되기 때문에 개발자에게도 전달이 되어야 하며 서비스가 되기 전까지 점검을 해야 할 필요가 있는 항목이다.
  3. 링크와 form의 action URL은 Javascript를 이용한다고 해도 대체 페이지로 이동할 수 있도록 마련해 줘야 하며, 이것은 기획단계에서부터 먼저 준비가 되어야 하며 그렇지 않으면 서비스에서는 잘 적용하기가 힘들다.

접근성 준수를 위해 올바른 마크업을 사용해야 하는 것이 기본이겠지만 만약 이미 서비스 되고 있는 것을 마크업 구조까지 변경하기란 쉽지가 않을 것이다. 구조 변경으로 인해 다른 문제가 발생할 수도 있기 때문이다.
그렇기 때문에 접근성 준수를 HTML과 CSS만으로 해결하기보다 최소한이지만 조금이라도 더 배려할 수 있는 방법을 찾는 것도 하나의 방법이라 할 수 있다. 예를들면 입력 폼의 fieldset 제공이나 컨트롤러에 title만이라도 제공한다면 최고는 아니지만 최소한의 접근성은 배려할 수 있기 때문이다.
웹 접근성은 사람이 사람의 생활을 편리하게 하는 행위중에 하나이다. 누구도 쉽게 할 수 없는 일을 할 수 있다는 것에 전문의식과 자부심을 가지고 좋은 사이트가 많아질 수 있도록 모두 힘 내주었으면 좋겠다.

발표 자료 - 미투데이 웹 접근성

한국정보문화진흥원에서 “웹 접근성을 고려한 신기술 콘텐츠 제작기법” 이라는 가이드를 공개 했습니다.

이 가이드는 RIA콘텐츠를 개발하기 위하여 고려해야 하는 규정과 예를 제시하고 있다고 합니다.
HTML과 CSS만으로 표현하던 예전과 달리 콘텐츠의 상호작용을 동적으로 하고 데스크탑 프로그램과 같이 복잡한 기능구현을 가능하게 해주는 RIA기술을 요즘 많이 사용하고 있지만 기존의 콘텐츠 접근성 표준지침은 RIA기술을 이용하여 구축한 동적 콘텐츠에 대하여 표준 기준을 적용할 수 없게 되어 있었지만 이 가이드로 부가어플리케이션의 접근성이 좀 더 좋아 지길 기대해 봅니다.

국내 지침에는 실버라이트 내용이 없어서 실버라이트 개발자나 MS분들은 씁쓸하겠네요…;;
RIA 개발자분이라면 한번쯤 읽어 보시면 좋을 것 같습니다. :)

관련 W3C 자료

작년 겨울쯔음인가.. 이미지의 alt 텍스트가 비어있을경우 센스리더는 파일명을 그대로 읽어줘 버리기 때문에 엑스비전테크놀러지에 문의를 한적이 있다.
시대적 이유가 가장 컸었던걸로 기억하는데 당시 웹사이트는 대형 사이즈의 이미지를 4등분 잘라서 하나의 페이지로 만드는 사이트도 있었고 기타 이미지의 활용도가 지금과 같지 않았을 뿐만아니라 alt 속성에 대한 인식이 거의 전무한 상황에서 당시 최고의 웹에디터라 불리였던 나모웹에디터 에서 img 태그를 생성하면 alt 속성이 자동으로 생성되기 때문에 거의 빈 속성으로 남겨두고 사이트를 오픈하는 경우가 많았다고 한다.
그렇게 제작된 사이트를 정상적인 방식으로 센스리더를 이용하면 심할경우 센스리더가 아무것도 읽지 못하는 경우를 격게 된다고 한다.
(img 로 도배를 하고 alt 는 =”" 이라면 이해가 간다..)
그러니 울며 겨자먹기로 파일명으라도 읽게해서 이미지라고 라도 표현을 하게하려는 의도로 어렴풋 기억난다. 하지만 이제는 달라졌지 않았겠는가? 웹표준 마크업은 왠만한 웹에이전시나 기타 웹사이트를 제작하는 곳에서는 모르는 사람이 없을테고 접근성을 높이기위해 대체콘텐트에 관심을 가지는 이들도 꾀 많다.
그래서 이번에 출시하는 센스리더 프로페셔널 버전은 alt 속성에 대한 정확한 인식은 물론이고 다른 부분까지도 개선 되었다고 한다.

세부 개선사항

그동안 표준코드를 제대로 해석하지 못해 아쉬움이 많았던 센스리더가 이번 업그레이드에서 개선되는 개선사항은 다음과 같다.

  • 이미지에 longdesc 속성이 있는 경우 읽어주도록 수정.
    이번 수정으로 인해 애매했던 이미지에 longdesc설정이 정상적으로 url로 연결이 되어 있으면 alt+엔터키를 이용해서 해당 설명 url을 새로운창으로 열어줄 수 있게 됐다고 한다.
  • 테이블에 summary 속성이 있는 경우 음성출력이 되도록 수정.
    summary 속성이 있으면 테이블이라는 표시 다음줄에 summary내용을 알려주도록 개선 되었다.
  • ul, ol, dl태그 지원. 목록 항목으로 음성이 출력가능
    이번 개선으로 리스트 태그의 사용구분을 명확하게 할 수 있게 됐다. ol, ul, dl 태그가 있으면 목록시작과 끝을 알려주며 목록이 몇개인지 목록시작시 나타나고 목록안에 또 목록이 있으면 목록 단계를 알려줌으로 서브 목록임을 나타낼 수 있게 되었다.
  • accessibility를 적용한 플래시 지원.(예: 네이버 로그인 보안 2단계)
    accessibility를 적용한 플래시를 지원하도록 추가된 기능이다. 네이버외 기타 여러 페이지에서 인식이 되는것이 확인됐고 보면 요즘은 플래시 제작시 accessibility에 콘텐트를 작성하는 분들이 많다는게 느껴진다.
    accessibility 지원할 수 있도록 개발하는 방법은 adobe 접근성 리소스 센터에서 참고할 수 있다.
  • id를 통한 스킵 네비게이션 처리 지원
    스킵네비게이션이 ID를 인식하지 못하고 name으로만 이동이 가는한 것을 ID도 인식할 수 있도록 수정되었다. 예전 이 문제로 인해 ID와 name을 모두 선언했어야 했지만 그부분이 개선되었다고 할 수 있다. 하지만 당분간은 계속 지금과 같이 설정해야 하지 않을까 생각된다.
  • 이미지의 alt에 내용이 없을 경우 처리하지 않도록 변경
    alt=”" 으로 설정된것은 파일명을 나타내지않도록 수정한 것이다. 이제 의미없는 이미지 태그를 사용시 빈 alt텍스트를 기입해도 파일명을 읽어주지 않는다.
  • 편집창의 이름이 웹표준에 맞게 작성되어도 적용되지 않던 문제 개선
    이 말은 label 태그를 인식하게 했다는 뜻이다. 단, 편집창 외에 체크박스, 라디오버튼 등은 아직 인식되지 않는다고 한다.

이외에도 테이블을 좀더 잘 읽어줄 수 있도록 테이블 모드기능과 fieldset, abbr, acronym 태그를 인식할 수 있도록 수정되었으며 accesskey가 있으면 바로 정보를 알려 줄 수 있도록 수정되었다고 한다.
위에 설명한 개선사항은 프로페셔널과 기존에 사용하던 파워버전도 동일하게 적용된다고(Power 1.5v 부터) 하니 기존에 파워버전을 사용하시던 분은 업그레이드를 통해서 이용이 가능하고 신규로 구매하시거나 윈도우 비스타 환경에서 사용해야 하는분은 프로페셔널 버전을 구매하면 된다고 한다.
(기존 파워버전은 윈도우 비스타에서 작동하지 않는 문제가 있다. 프로페셔널은 가능)

보편화 기간

문제는 언제쯤 보편화가 될 것인가인데 이렇게 센스리더가 기존버전의 업그레이드와 신규빌드가 출시 됐다고 하지만 이용자들에게 보편화 되려면 시간이 꽤 걸리지 않을까 생각된다.
왜냐하면 현재 센스리더의 구입 비용이 만만치 않고 구입비용 지원이 된다고 하지만 그 시기가 항상 인것은 아니기 때문이다.
(power 1.5 버전 업그래드이는 무료로 할 수 있다는 소식이 살짝 반갑네 ^^)
참고로 시각장애인들이 센스리더와 같은 보조장비를 구입하는 경로는 다음과 같다고 한다.
(한국시각장애인복지관 도움)

  • 개인구입(100% 비용지급)
  • 정보문화진흥원에서 1년에 1회 시행하는 장애인 정보보조기기 보급사업에서 장비에 따라 본인부담 10~20%가격으로 구입할 수 있도록 지원
  • 장애인고용촉진공단에서 시행하는 취업장애인을 대상으로 1인당 1천만원까지 보조기기구입금 지원

다만 이번 파워 1.5v 업그레이드와 프로페셔널 버전 출시로 인해 웹사이트쪽의 개선도 있었지만 기타 환경과 응용프로그램 쪽에서도 개선사항도 많아(특히 오피스와 한글워드프로세서 지원강화) 빨리 변경을 원하시는 분들도 있지 않을까 생각된다.

끝으로

이번 개선사항으로 인해 접근성을 고려해서 웹사이트를 제작하는 분들이나 직장에서 센스리더를 이용해 업무를 보시는 시각장애인 분들에게 많은 희소식이 될 수 있을 것 같다.
좀 아쉬운 부분이 있다면 엑스비전테크놀러지 공식사이트를 좀 고쳤으면 좋겠다는 생각이 아주많이든다.. 사이트에서 얻을 수 있는 정보가 너무 없기때문이다.
브라우저 개선사항 외 기타 세부 개선사항에 대한 정보는 아래 첨부문서 참고하기 바란다.
센스리더 프로페셔널 세부정보

- Next »