Haeppa World

최근 센스리더(www.xvtech.com)는 4.0 beta 를 공개하고 베타테스트를 진행했습니다. 현재 beta4까지 공개되었고 곧 정식출시를 앞두고 있다고 합니다.
센스리더 4.0 업데이트는 Windows 8 지원이 가장 큰 키워드로 보일 수 있지만, 가상커서에서도 변화가 있었습니다. 센스리더 개발 이후 줄곧 유지하던 가상커서 체계에 큰 변화가 있었고, 복잡했던 기능키조합도 크게 바뀌었습니다.

가상커서 - 브라우저 탭키의 등장

기존 가상커서에서는 브라우저의 기능 및 초점이동을 센스리더가 직접 제어하는 방식으로 동작합니다. 이로인해 jQuery UI 등의 다양한 네이게이션응ㄹ 활용할 수 없고 RIA 환경에 적절하게 대응할 수 없었습니다.
센스리더가 4.0으로 업데이트 되면서 "브라우저 탭키"라는 모드를 도입하고 브라우저의 기능과 초점을 더 이상 제어하지 않아 기능변화에 약간의 기대를 걸고 있습니다.
또한 WAI-ARIA에 대한 기능개선이 진행되고 있어 해외의 화면낭독기처럼 보다 나은 RIA, WAI-ARIA 환경을 이용할 수 있을지 기대됩니다.
기존의 가상커서 체계는 “가상커서 탭키”라는 명칭으로 병행 운용된다고 합니다.

입력모드와 기능키모드

브라우저 탭키에서는 입력모드와 기능키모드가 존재합니다.
입력모드는 편집창에서 텍스트를 입력하는 상태를 말하고 기능키모드는 이동기능키(H, F, I 등)를 눌러 콘텐츠를 탐색하는 상태를 말합니다.
이동기능(Tab, F2)으로 편집창을 만나게 되면 바로 "입력모드"로 변경되며 글자를 입력할 수 있습니다. 여기에서 다른 요소로 이동하기 위해 기존 3.x 버전의 방식대로 바로 이동기능 H(헤딩이동)키를 누르게 되면 초점이 이동되지 않고 텍스트가 입력됩니다.
이런 상황에서는 Tab키나 ESC키를 눌러 기능키모드로 전환하하고 페이지 탐색을 진행하면 됩니다.

가상커서 설정의 기본값 변경

센스리더 4.0 beta4 기준으로 가상커서 설정의 기본값 중 아래 두 항목이 변경되었습니다.

• 자동포커스 = 선택
• 숨긴내용읽기 = 해제

자동포커스는 브라우저의 초점표시에 대한 옵션으로 onfocus 이벤트와 관련이 있고,
숨긴내용읽기는 display:none, visibility:hidden, aria-hidden 스타일의 음성출력과 관계가 있습니다.

가상커서 기능키 변화

내용 중 "-" 는 기능키 없음, 빈칸은 변경사항 없음을 의미합니다.

끝

파티션 관리 툴입니다.
윈도우 7 디스크관리자에서 기본으로 파티션 관리 기능을 제공하고 있지만 기능이 많이 미흡하죠?
예전에는 Partition Magic라는 프로그램을 참 많이 사용했는데 요즘엔 이 프로그램을 애용하고 있습니다.
파티션 생성, 삭제, 분할, 병합, 이동, 복구 등의 기능을 매우 편리하게 사용할 수 있구요 윈도우XP, VISTA, 7, 8까지 모든 버전을 지원하고 있어요. 게다가 개인사용자에게는 Home Edition을 무료로 제공하고 있습니다.

다운로드와 사용방법

minitool Partion Wizard 홈페이지로 이동 : http://www.partitionwizard.com/download.html
해빠의 다운로드 : http://goo.gl/0LjbnV
사용방법 파티션 분할 : http://qkrtmdqo2003.blog.me/150109430203
사용방법 파티션 복구 : http://cappleblog.co.kr/578

끝

웹 접근성에 관심을 가지고 가장 처음 접하게 되는 정보 중 하나가 img의 alt 속성이다. 시각장애인은 이미지 정보를 눈으로 확인할 수 없기 때문에 이를 보완하기 위해 alt 속성을 사용하게 되고, 이것을 화면낭독기가 음성출력한다.

다들 알다시피 모든 이미지에 alt 속성값을 제공하는 것은 아니다. alt 속성의 제공에서 제외되는 것은 정보를 담지 않은 블릿, 선, 배경 등의 이미지다. 장식에 사용되는 이런 이미지에는 화면낭독기가 음성을 출력하지 않도록 alt=””과 같이 공백문자를 제공한다.

뭐가 문제냐면요…

일반 이미지에서는 alt 속성의 사용이 매우 명확하다. 하지만 링크에 사용된 이미지라면 어떨까?

<a href=”#go” ><img src=”abc.jpg” alt=”아름다운풍경”></a>
<a href=”#go”>아름다운 풍경</a>

이 경우 인접한 두 링크의 텍스트와 목적지가 같기 때문에 이미지링크는 alt=”” 공백처리를 하게 된다.

<a href=”#go” ><img src=”abc.jpg” alt=””></a>
<a href=”#go”>아름다운 풍경</a>

제작자의 의도와 다르게 화면낭독기는 링크 속 이미지는 공백문자로 처리하지 않는다. 센스리더와 죠스는 아래와 같이 파일명을 그대로 음성출력하고 있다.

센스리더 : 에이비시점제이피지 그래픽링크
죠스 : 경로명/에이비씨 링크 그래픽

이런 현상에 대해 화면낭독기 개발사 측의 입장은 이렇다.

사이트를 이용하다 보면 아직도 전반적으로 준수상태가 매우 낮고 대체텍스트가 누락되거나 심지어 사이트의 모든 이미지링크가 공백처리 된 경우도 있다. 화면낭독기가 링크의 이미지도 alt=””를 공백처리하게 되면 일부 사이트를 이용할 수 없는 문제가 있다.

처음 이런 설명을 듣는 경우 납득하지 못할 수도 있지만, 화면낭독기는 접근성을 준수하지 않은 사이트도 이용해야하는 장애인보조기기이므로 이 주장을 반박하기가 어렵다.

어떻게 해야하죠?

그렇다면 어떻게 보완할 수 있을까? 해결방법은 “한국형웹콘텐츠접근성지침 v2.1 검사항목 2.4.3 적절한 링크텍스트”에서 확인할 수 있다

1-3) 이미지 링크를 제공하는 경우: URL에 관한 정보를 제공하는 텍스트와 URL로 이동하는 이미지 링크는 하나의 링크로 구성하는 것이 바람직하다. 이 경우, 이미지 링크의 대체 텍스트는 공백 문자로 제공해야 한다.

지침에서 알려주는 대로 한번 적용해보자.

<a href=”#go” ><img src=”abc.jpg” alt=””>아름다운풍경</a>

이미지를 공백처리하고 텍스트와 하나의 링크로 만들면 아래와 같이 음성출력 한다.

센스리더 : 아름다운풍경 그래픽링크
죠스 : 아름다운풍경 링크

이미지와 텍스트 링크가 인접한 경우 이 방법으로 보완할 수는 있지만, 이것이 정답이라고 말할 수는 없다. 디자인이나 개발 등 여러 이유로 하나의 링크로 묶을 수 없는 경우도 많기 때문이다.

이 사례를 접할 때마다 “지침상의 의도와 이상적인 접근성 높은 웹”이, “화면낭독기가 접하는 접근성 낮은 현실의 웹”과 상충하고 있는 지금이 참 씁쓸하다.

추가로,

이 문제를 보완하는 여러 방법이 있겠지만, 이미지를 링크에 넣지 않고 링크 영역의 베경이미지로 사용하면 된다는 의견이 제시 되었지만, 어쨋든 이 경우에도 링크라는 요소가 인지되고 음성출력되기 때문에 추천하기는 어려울 것 같다.

테스트는…

Internet Explorer 8
센스리더 v3.2.2.0
죠스 한글판 v13

끝

웹 접근성과 관련된 일을 하다보니 어찌어찌해서 책을 출판하게 되었어요~!
책을 준비한 기간은 1년 남짓~
1년이란 준비기간은 좋은 분들과 함께한 오래 기억에 남을 시간들이었어요. ^^
글을 쓰는 동안엔 미처 느끼지 못했는데 막상 출판되고 책을 받아보니 매우 민망하고 부끄럽고 그렇습니다. ㅎㅎ

책의 제목은 “웹접근성과 품질인증” 이에요.
품질인증이라는 이슈에 대응하기에는 다소 늦은 감이 있지만 지침에 대한 설명과 사례, 구현방법, 난제해결, 직군의 역할분담, 각종 노하우, 품질인증제도 싱세, 접근성 평가방법, 화면낭독기에 대한 상세설명까지 웹 접근성을 총 망라하는 매우 폭넓은 내용으로 구성되어 있어요.

전반적으로 좋은 내용을 담고 애정을 갖고 준비한 내용이지만 제가 전담하고 가장 중점을 두었던 꼭지는 화면낭독기에 관한 내용이니까 살짝 소개를 하자면요~

화면낭독기 쪽에서는 국내에서 사용할 수 있는 화면낭독기들을 찾아보고 비교를 해봤어요.
각 요소에 대한 화면낭독기의 반응과 구현 방법의 차이에 다른 화면낭독기의 음성출력 차이를 비교/분석했구요. 화면낭독기마다 서로 다른 기능키와 운용방법에 대한 설명도 담고 있어서 구축한 사이트를 직접 평가해보고자 하는 사람에게도 유용할 것 같아요.
헤헤~ ^^*

책에 대한 자세한 정보는 책 파는 사이트에 가보시면 보실 수 있어요.
가격이 다소 비싸지만 그만큼 엄청나게 무거운 책이에요. 
840쪽이나 되다보니 한 권의 무게가 무려 1624g!!
왠만한 노트북만큼 무겁지요 ;;;;

책에 대한 정보는 네이버 책에서~~
http://book.naver.com/bookdb/book_detail.nhn?bid=7398412

리뷰도 있네요~ ㅎㅎ
http://messinger00.blog.me/130186154988

끝~~~

웹 접근성 가이드라인의 사각 지대를 말하다

가이드라인에서 다뤄지지 않았지만 장애인이 불편해하는 사항들을 알아보고, 실제로 도움이 되는 접근성 팁을 소개합니다.

헤더스 - 김혜일

상세정보 바로가기 (널리 세미나 - NHN) : https://nuli.navercorp.com/seminar/s02th