Feed on
Posts
Comments

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

끝으로

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

매월 마지막주 토요일은 한국웹접근성그룹의 모임이 있는날이다.

항상 모임을 가질때마다 느끼는거지만 모임을 가질때마다 장소문제가 가장 크다.
고정된 장소가 있다면 얼마나 좋을까..
자발적으로 주말을 반납하고 열정을 가진사람들이 참여하는 이 모임은 이렇다할 스폰서나 지원이 없기때문에 금전적이나 장소적 문제가 언제나 따라오기마련이다.

이번 10회 모임은 온라인 아케이드게임 “카트라이더“로 유명한 넥슨에서 장소를 제공해주었다. 지하철 2호선 선능역에서 선정능 방향으로 조금만 걸어가면 보이는 장소였는데 내가 찾아가는 약도를 붙이는 봉사활동을 했지만 의외로 잘 찾아오는 사람들이 없었다..-_-;; 계속 어디냐는 전화가 왔었다는… 물론 내전화가 아니라 듀트님 전화로.. ㅋㅋ 죄송..-_-;;

미네르바 대회의실이라는 그곳은 매우 쾌적하고 시원했으며 잔잔한 복숭아향이 나는 지하회의실이였다.

이번 10회 모임은 그동안에 TF를 편성하고 중간점검발표도 했으며 전문가들의 발표도 들었던 지난 회들과 달리 우리끼리 어떠한 주제를 정해서 100분 토론식으로 진행을 했었다.
두가지의 큰 주제로 토론을 진행하고 나머지 시간으로 kwag 에 대한 토론을 가졌는데 내가 한가지 토론을 맡아 진행하기로 했었다.

먼저 민간분야의 웹 접근성에 대해 NHN에 정찬명님이 진행을했고 주제가 생업에 종사하는 사람들과 아주 밀접했던지라 토론의 열기는 지난 어느 모임때보다 열띠고 활발했었다.
지난 10회 토론이 궁금하다면 한국웹접근성그룹의 구글그룹스 글을 읽어보기 바란다.
총 세가지 소주제로 나눠서 진행된 찬명님의 토론은 그렇게 끝이났고 조금뒤 내가 발제한 주제로 진행됐다.
나는 웹접근성과 사용자의 사용성이 밀접하면서도 조금다른성격을 띠고 있다고 생각되 주제를 웹접근성과 사용성 으로 시작했고, 간단한 정의와 예를 설명한 후 토론으로 바로 들어갔다.

처음 모임장으로 가기전 같이 동행을 했던 중독님과 이 주제에 대해 고민을 했고 뻔한 이야기가 될지도 모르겠다는 우려를 했지만 예상과달리 굉장히 다양한 의견들이 나왔고 좋은 정보들을 많이 들을 수 있었다.
진행을 해야하는 내가 결론을 내고 끝을 내야했지만 이번 주제는 어떤 결론을 지으려 했던게 아니기 때문에 좀더 많은 의견을 듣기위해 그냥 가만히 지켜보기만 했다. (사실은 나도 이렇다 하게 딱 짤라 말할 무언가가 없었다..-_-)

두가지 주제가 끝난뒤 KWAG에 대한 조직, TF, site 에 대해 서로에 대한 생각을 이야기해보는 시간을 가졌었다. 집(부산) 으로 내려가는 열차에서 작성하는거라 생각보다 글을 작성하는게 뒷골이 땡기면서 그리 유쾌하지만은 않는걸 깨닳았다. 그만 적어야겠다..-_-;

글 주제와 상관없는 이야기지만 이번 회사를 그만두면서 MacBook을 구입했다. 회사를 다니는동안 사용했던 MacBook에 매료되어 노트북을 구입하려던 참에 별 고민없이 MacBook을 구입했는데 집으로 내려가는길에 이렇게 글을 적을 수 있도록 MacBook을 쎄팅해주고 다양한 프로그램들을 설치해준 지윤님께 이글을 빌어 고맙다고 말하고 싶다. (사실은.. 부탁하기위해 각종 술과, 간식거리, 새벽식사를 제공했었다..-_-)
지윤님 블로그글 중에는 MacBook을 처음 사용하거나 OSX를 설치한후 프로그램을 설치하기전 어떤걸 설치할 까에 대한 고민을 조금은 덜어줄 유용한 글이 있으니 참고하기 바란다.

KWAG(이하 “콱”) 이 일을 저질렀다.
이번 4월달 9번째 워크샵 장소는 이화여자대학교 이다.
갑자기 영화 타짜가 생각나는군..(정마담 : “나 이대 나온 여자야~ “)

KWAG 9th 워크샵 in 이화여대

  • 일시 : 2007년 4월 28일 토요일, 오후 2시
  • 장소 : 이화여대포스코관 251호 - 박주현(이화여대 디지털미디어학부)
  • 프로그램 :
    • [기조연설] 웹 접근성 현황 및 향후 방향 - 김석일 교수(충북대학교)
    • [발표] 시각장애인의 웹 사이트 이용 실태 - 김정호 팀장(엑스비전)
    • [발표] KWCAG 2.0 개발 TF - 현준호(한국정보문화진흥원)
    • [발표] 게임사이트의 접근성 향상을 위한 TF - 정성윤(넥슨)
    • [세미나] 장애인 입장에서 웹 접근성 - 장애인 초빙
    • [세미나] 모바일 웹의 접근성 - 김휴철(케익소프트)
    • [토론] 웹 접근성 & 장애인 사용성
  • 인원제한 :70명100명(세부장소 섭외 완료 후 재공지)
  • 기타문의 : 조훈(i@hooney.net)
  • 워크샵에 대한 자세한 내용 및 참가신청

지리적, 장소적 접근성이 좋던싫던 참가자가 많을것같은 예감이 드므로 -_-;; 어느모임때보다 체계적이고 구체적으로 진행될 예정이다. 지난 1회 Web Standard Day 가 생각나는군 ㅎㅎ;
이때까지 이런 모임에 갔을때 그냥 편하게 청취만했지만 이번 모임에선 자원봉사를 할 예정이다.

이화여대가 궁금하신분이나 콱이궁금하신분이나 제가 궁금하신분이나 자원봉사가 궁금하신분이나..-_-;; 아무튼 많이 참석해서 대한민국 웹 접근성개선에 조금이라도 동참하길 바란다..

추가/수정 : 원활한 워크샵 진행을 위해서 36명의 제한된 인원만이 참석할 수 있으니, 참석을 원하시는 분은 가능한 빨리 신청해주시기 바랍니다.
추가/수정02 : 70명100명의 인원이 참석할 수 있도록 수정됐으니 참석을 원하시는 분은 가능한 빨리 신청해주시기 바랍니다. 특히, 이번 워크샵에는 한국 웹 접근성의 대부(?)라고 불리우는 충북대학교 김석일 교수님의 기조연설이 있습니다.

- Next »