레이블이 스크린리더인 게시물을 표시합니다. 모든 게시물 표시
레이블이 스크린리더인 게시물을 표시합니다. 모든 게시물 표시

2009년 12월 12일 토요일

웹개발자를 위한 스크린리더 이해 세미나 후기

오늘 오후 2시 '웹개발자를 위한 스크린리더의 이해 그리고 웹 접근성(이하 스크린리더 세미나)'이라는 제목으로 세미나가 있었습니다. 서울 삼성동에 위치한 잡코리아에서 두번째로 갖는 행사였구요. 백남중 선생님께서 긴 시간 강의를 해 주셨고, 장성민과 여러 자원봉사자 여러분들이 행사를 위해 준비를 해 주셨던 자리였습니다.

백남중 선생님

백남중 선생님

이번 스크린리더 세미나는 지난 1회 세미나와 거의 동일한 내용으로 진행되었지만 아무래도 한 번 진행을 해보셨던 부분이라 그런지 1회보다 더 깔끔하고 시연들이 많았던 것 같습니다. 그리고 여러가지 보조기기들을 전시하여 참석자들이 직접 눈으로 보고, 만져보는 등 '실감'할 수 있는 기회도 가졌습니다. 그리고 이번 2회 세미나에서는 뭐니 뭐니 해도 1회에 없던 '경품'이 생겨 나서 모두들 반가워 했는데요 백 선생님께서 직접 스크린리더 제품인 '센스리더' 2개를 경품으로 지원해 주신 것이었어요. 강의료를 드려도 모자를 판에 이렇게까지 해 주신데에는 한 분의 개발자라도 더 시각장애인분들을 위해서 올바른 웹을 만들어 주십사하는 진심 때문이셨을 것이라고 생각합니다. 오늘 '센스리더'를 받아 가신 두 분께서는 다른 분들보다 더 열심히 웹을 아름답게 만들어 주셔야 할 '사명감'이 있으신 겁니다. (^^ 아셨죠?)

이번 스크린리더 세미나의 아쉬움이었다면 조훈님의 웹접근성 세션 하나가 아쉽게 취소된 것이었지요. 오랜만에 아니 저 개인적으로는 처음으로 조훈님의 강의를 들어볼 수 있었던 기회이기도 했는데요 내년으로 미뤄야 했습니다.

질의 응답 시간

질의 응답 시간

그리고 마지막 세션으로 말도 안되지만 저를 포함해 4분의 전문가(여기서 저는 절대 전문가일리 없다는 해명을 하면서)를 모시고 질의 응답 시간을 가졌습니다. 사전 설문지를 통해서 깔끔하게 작성된 질문지를 들고 답변을 드리는 시간이었구요. 오페라 소프트웨어의 신현석님과 요즘 웹표준 강의로 많이 바쁘신 조현진님, 기획자지만 개발 실력도 수준급이라는 나인환님, 그리고 부족하기 짝이 없는 제가 성의껏 답변을 드렸습니다. 여러 질문들이 있었고, 앞에 나와 있던 분들도 참 대답하기 어려운 질문들도 있었구요. (몇가지 질문에 대해서는 시간이 되는대로 제 블로그를 통해서 이야기를 풀어보고 싶기도 합니다.)

그렇게 예정된 종료 시간을 40여분 정도를 넘기고서야 공식적인 일정이 모두 마쳐졌는데요. 아마 지금 이 시각엔 송년회겸 마련된 뒤풀이가 한참일 것으로 생각됩니다. 행사를 준비하신 모든 분들과 백남중 선생님, 패널분들, 그리고 참석자 한 분 한 분이 모두 수고하셨던 하루였습니다.

질의응답 시간에 나왔던 마지막 질문 하나가 집으로 돌아오는 내내 제 머리속에서 지워지지 않고 남아 있습니다. 미래의 웹접근성은 어떻게 될 것인가?라는 것이었어요. 여러분은 한 달 후 2010년 1월과 조금 더 지난 미래, 더 먼 미래에 우리의 웹이 어떻게 변하게 될지 예상하실 수 있으신가요?

저는 솔직히 모르겠습니다. 근래들어 내가 알아본 웹표준과 웹접근성이라는 지식의 알갱이들이 과연 진실이었고, 실체를 가진 것들인지. 그것들이 하루 뒤에 한 달 뒤에 어떻게, 어떤 모습으로 어떤 의미로 다시 내 감각들을 자극할지를 말이죠.

현석님이 마지막으로 마이크를 잡으시고 이렇게 말씀하셨죠. HTML이 제대도 만들어져 있다면 미래가 지금보다 더 발전했건 못 했건 우리는 콘텐츠에 접근할 수 있을 것이라구요. 미래에 어떤 새로운 표준 명세서가 발표되고, 기술이 만들어지더라도 겁먹을 필요가 없다는 말씀이신것 같아요. 현재 우리가 할 수 있는 방법으로 가장 정직하게 웹을 만들어 놓는다면 그것이 바로 현실에 대한 최선이자 미래를 대비하는 최고의 방법일 수 있을 거라는 거죠.

2010년. 많은 것들이 변하고 그래서 또 힘들 시간이 될 것이라고 생각합니다. 하지만 저는 왠지 2008년에서 2009년으로 넘어가던 그 겨울보다는 올 겨울. 이 시간이 조금 더 편안합니다. 그리고 덜 걱정되구요. 올 한해 정말 많은 분들이 웹표준을 공부하셨고, 웹 접근성을 이해하셨잖아요. 그 한 분 한 분이 2010년에는 더 많은 분들을 이해시켜서 정말 아름다운 웹을 만드실테니까요.

2009년 12월 8일 화요일

웹개발자를 위한 스크린리더의 이해 그리고 웹 접근성

지난 9월에도 한 차례 가졌던 '웹 개발자를 위한 스크린리더의 이해' 세미나가 불과 두달여 만에 업그래이드 되서 두번째 세미나를 갖는다고 하네요.

역시 이번에도 장성민님께서 수고를 해 주고 계시구요. 한국 시각 장애인 복지관의 백남중 선생님과 디비딥의 조훈님께서 강의를 해 주신다고 합니다.

웹 접근성이 이슈화 되면서 많은 분들이 스크린리더에 대한 관심을 갖고는 있지만 실상 제품이 몇개 없고, 개인이 구입하기에는 가격도 많이 비싼 편입니다. 그래서 실제로 테스트를 해볼 수 있는 여유가 거의 없는게 현실인데요. 이 날 세미나에 참석하시면 국내 스크린리더의 역사부터 시작해서 실제 구현되는 모습과 음성을 들어보실 수도 있습니다.

첫 세미나 때는 조훈님의 발표는 없었는데 아마도 웹 접근성과 관련해서 최신의 정보를 알려 주시지 않을까 기대가 됩니다.

현재 스무명 남짓 되시는 분들이 신청을 마친 상태입니다. 총 40명을 모으는 세미나이니만큼 꼭 듣고 싶으신 분들은 서둘러서 신청해 주셔야 할 것 같습니다.

2009년 2월 9일 월요일

KADO 정보통신 보조기기 체험관 견학

세번째 웹 표준의 날 공식 행사를 시작하기 한시간 전 KADO 1층에 마련된 '정보통신 보조기기 체험관'을 견학하는 시간이 있었다. 세번째 웹 웹표준의 날 행사 풍경에 이어 두번째 풍경을 소개해 드립니다.

KADO 현준호 부팀장님의 설명을 듣고 있는 사람들

청각 언어장애인을 위한 실시간 전화 서비스

토요일 오후에도 여러 직원이 나와서 근무를 하고 있다.

어떤 방식으로 할까?

청각 언어장애인을 위한 실시간 전화 서비스는 음성 전화를 수화로 전환하여 청각 언어장애인에게 전달하는 중계 서비스입니다. 한국정보문화진흥원 통신중계서비스 웹페이지를 통해서 더 자세한 정보를 찾아 보실 수 있습니다.

KADO 전시실 안내를 위한 점자 안내도

전시실 전경, 다양한 장애 환경을 위한 제품들이 전시되어 있다.

웹표준 전도사이신 신현석님께 여러가지 질문을 하고 있는 사람들

저시력자를 위한 화면확대 프로그램

직접 체험을 해보는 있는 손님

헤드포인터와 클리어 뷰 헤드 포인터

손으로 키보드 타이핑이 어려운 이들이 사용할 수 있도록 고안된 입력보조도구이다.

책장넘기기 및 타자 입력 보조도구를 살펴보고 있다.

(가운데) 손가락 움직임이 힘든 장애인이 책장 넘기기, 컴퓨터 자판입력하기, 전화기 버튼 누르기 등의 활동에서 손사용을 보조하는 입력보조도구로 사용된다.

움직임을 통해 명령을 전달하는

열심히 움직여 보고 있는 서정민군. 마음대로 되지 않나 보다.

브이패드

현준호 부팀장님과 신현석씨가 함께 스마트뷰 익스탠드를 살펴보고 있다.

스마트뷰 익스탠드는 19인치 모니터를 통해 글자, 그림 등을 확대해서 볼 수 있는 장애인용 탁상형 독서 확대기다.

한글키보드미투와 키가드, 조이스틱형마우스, 조이스틱롤러마우스, 헤드마우스

(좌측부터) 한글키보드 미투와 키가드는 키보드 사용 초보자를 위해 자판 배열을 가나다 순으로 맞춘 키보드와 키가드이며, 조이스틱형마우스는 상지 미세 근육이 발달하지 않은 장애인이 손목을 지지해 주는 받침대를 이용하여 사용 가능한 조이스틱 모양의 마우스. 조이스틱롤러마우스는 조이스틱과 3개의 버튼을 사용하는 마우스, 헤드마우스는 머리에 착용하여 사용하는 마우스다.

확대키보드 빅키, 트랙볼 마우스, 각종 스위치

(가운데) 확대키보드 빅키는 손의 사용이 부자유스러운 지체 장애인들이 키보드를 사용하기 용이하도록 키보드를 4배 정도 확대한 키보드이며, (우측) 트랙볼 마우스는 손바닥 등으로 큰 볼을 움직여서 사용하는 마우스. 좌우로 배치된 각종 스위치는 켜기/끄기(실행/중지) 기능의 입력보조를 위한 스위치들이다.

포켓고토크,코토크9+,키즈보이스,오케이톡톡,JOY-10

(좌측부터) 포켓고토크 고토크9+는 의사표현을 원할하게 하지 못하는 장애인의 의사소통을 보완하고 대체하는 의사소통 보조기기이며 키즈보이스는 의사소통 장애인의 원활한 의사소통을 돕고 언어발달과 언어습득 훈련, 발성발어 촉진, 발음훈련을 위한 보안대체의사 소통기기. 오케이톡톡은 언어훈련 및 언어치료를 위한 보안,대체 의사소통기기로써 기본적으로 저장된 데이터 외에 제공된 소프트웨어 컴퓨터에 설치하면 직접 녹음한 소리와 이미지도 처리. JOY-10은 귀의 구조를 싸고 있는 뼈를 통해 소리를 전달하는 골전도 방식을 통한 골도무선음향청취기.

수화로 의사전달을 쉽게 할 수 있는 영상전화기들

비쥬폰은 수화 통화 및 인터넷을 활용하여 무료통화가 가능한 영상전화기이다.

영상전화 비쥬폰

한국농아인협회 지역 및 지부 영상전화기 번호가 소개되어 있다.

영상전화 브이패드

브이패드는 인터넷 기반의 영상,음성,문자를 통합하는 청각 및 언어장애인의 통신 단말기다.

컴퓨터 화상 장치

조우스2,분리형키보드

조우스2는 입 도는 턱, 볼 등 머리의 움직임을 통해 커서를 이동하고 호흡을 통해 클릭 기능을 사용할 수 있는 특수마우스이며, (맥심)분리형키보드는 오른손, 왼손 사용 영역이 분리되어 사용자의 상태에 따라 적합하게 사용할 수 있는 분리형 키보드. (전시장 PC에는 실행되어 있지 않았으나 함께 소개되고 있는) 다음음절예측 입력S/W 바로키는 마우스, 스위치 등을 통해 사용하는 모니터용 키보드 소프트웨어이다.

킹키보드,헤드마우스 익스트림, 3발 머리마우스, 손바닥마우스

킹키보드는 키가드가 부착된 확대 키보드이며, (모니터 앞 카메라처럼 생긴 것과 까만색 장치)헤드마우스 익스트림3발 머리마우스는 반사체의 움직임에 따라 컴퓨터의 커서를 움직일 수 있는 특수 마우스. 손바닥마우스는 손에 쥐고 손가락을 이용하여 사용 가능항 마우스다.

마우스 스틱, 마우스 스틱용 킵드, 트랙볼 손가락 마우스

(좌측부터) 마우스 스틱마우스 스틱용 키보드는 함께 사용되는 도구로 마우스 스틱을 사용하여 타이핑을 쉽게 할 수 있도록 제작된 키보드이며, 트랙볼 손가락 마우스는 팔 움직임이 불편한 분이 손가락을 이용하여 작동시키는 마우스이다.

좌측부터 아이보드, 한손사용자용 키보드, 라꾸라꾸 마우스, 마운트형 미니키보드

아이보드는 음절 예측이 가능해 일반 키보드보다 좀 더 빠르고 편하게 입력을 가능하게 해주며, 한손 사용자용 키보드는 한 손만을 사용하여 타이핑을 할 수 있는 키보드이며, 라꾸라꾸 마우스는 방향 및 좌우 클릭 등의 기능버튼을 통해 사용하는 마우스. 마운트형 미니키보드는 키보드마운트를 이용하여 키보드의 위치 및 각도를 사용자에 맞게 조절하여 사용가능한 키보드.

신현석씨가 마우스 스틱 키보드를 살펴보고 있다.

양손을 사용할 수 없는 장애인이 마우스 스틱, 헤드 포인터 등을 사용하여 입이나 발로 타이핑을 할 수 있도록 도와주는 보조기기이다.

핸디아이-프로, 화상키보드 클리키, 이지트랙볼

(좌측부터) 핸디아이-프로는 얼굴 등 특정부위의 움직임을 인식해서 사용하는 마우스, 화상키보드 클리키는 마우스, 스위치 등을 통해 사용하는 모니터용 키보드 소프트웨어, 이지트랙볼은 손바닥 등으로 큰 볼을 움직여서 사용하는 마우스다.

반디, 포켓뷰어, 센스뷰 포터블, 센스뷰 듀오

(좌측부터) 반디, 포켓뷰어, 센스뷰 포터블, 센스뷰 듀오로 문서, 사진 등 각종 인쇄물 등을 확대하여 볼 수 있는 휴대용 독서확대기.

보이스아이 메이트의 바코드 판독 장치

보이스아이 메이트의 음성 출력 장치

보이스아이 메이트는 2차원 바코드인 '보이스아이'가 삽입된 인쇄물의 내용을 음성으로 들려주는 인쇄물 음성변환 출력기다.

마치 MP3 플레이와 같이 생겼다.

DF-VOICE TTS

시각장애인이 디지털 콘텐츠 자료 및 학습 독서환경을 제공함으로써 언제 어디서나 정보습득이 가능하도록 개발된 제품으로 TTS엔진을 추가하여 일반 텍스트 문서를 음성으로 재생하는 시각장애인용 PDA

독서확대기 센스뷰

독서확대기 머린LCD

점자정보단말기 한소네2

스크린리더를 살펴보고 있습니다.

각종 정보통신 보조기기를 소개하고 있는 안내책자


KADO는 당산역에서 버스로 10여분 거리에 위치한 곳으로 그다지 지리적 접근성이 좋은 곳은 아니다. 그리고 정보통신 보조기기 체험관 역시 토요일이나 일요일은 공개되지 않고 있어서 주중 오후에 일반인들이 찾기가 쉽지 않은 곳이다. 세번째 웹표준의 날을 맞아 특별히 KADO를 찾아주신 분들에게는 아주 좋은 체험과 경험이 되지 않았을까 싶다.

사진이 촬영된 제품을 위주로 간단히 제품소개를 해 봤는데 KADO가 운영하고 있는 '정보통신 보조기기' 웹사이트를 방문하면 더욱 많은 제품과 상세한 소개를 제공받을 수 있다.

PS/ 체험관 안내와 소개를 맡아 주신 KADO의 현준호 부팀장님께 감사드립니다.


2008년 1월 20일 일요일

<b>와 <strong>의 차이

HTML문서를 작성할 때 가장 많이 표현하게 되는 양식이 글자를 굵게하는 것입니다. 그리고 이 문제를 해결하기 위해서 <b> 앨리먼트를 너무나 당연하게, 그리고 쉽게 사용합니다. 하지만 웹접근성을 높이고자 한다면, 웹표준을 이해하고 준수하고자 한다면 <b>앨리먼트보다는 <strong>앨리먼트가 좋습니다.

<strong>앨리먼트는 의미적으로 강조를 가리킵니다. 반면에 <b>앨리먼트는 글자를 단순히 굵게 표시하여 표현하는데 목적을 둡니다. 표현상으로 두 앨리먼트의 차이는 없지만, 스크린리더와 같이 앨리먼트 의미를 해석해서 내용을 읽어주는 경우 <strong>앨리먼트가 적용된 텍스트를 강조해서 읽어줄 수 있습니다.

더불어 강조된 글자 표현을 위해서 스타일을 이용하는 경우가 많은데, 이럴 경우 스크린리더에서는 display, visibility등 몇몇 경우를 제외하고는 스타일을 참조하지 않으므로(신현석님 도움말씀) 강조의 의미를 살릴수가 없는것 같습니다. 특별히 의미를 고려해서 텍스트를 강조해야만 한다면 <strong>앨리먼트를 이용하는 것이 좋을것 같습니다. 그런데 <b> 앨리먼트를 <strong>앨리먼트로 교체해야한다는 논리 때문에 무수하게 많이 사용된 모든 <b>앨리먼트를 <strong>앨리먼트로 바꾼다면 오히려 문제가 생기지 않을까 싶습니다. 첫째로 글자수가 늘어나 시간이 늘고, 용량이 늘어나게 됩니다. 둘째로 습관적인 굵은 글씨가 모두 의미적으로 "강조"였는가 하는 것입니다. 무분별하게 <strong>앨리먼트를 사용한다면 정말로 중요한 것과 우선순위를 낮출수 있는 것들과의 구분이 모호해질 수 있게 됩니다. 따라서, <b>와 <strong>앨리먼트를 사용할 곳을 잘 판단하여야 할 것이고, <strong>과 같이 강조 의미를 가지고 있는 <em>앨리먼트를 지정한 후에 스타일을 이용해서 기본 스타일속성을 없애고, <strong>과 같이 굴게 표시(이 경우 본래의 em 속성을 사용할 일이 없어야 한다)하는 스타일을 지정해볼수도 있을것 같습니다.