몇 해 전부터 광고 게시글 때문에 커뮤니티와 사이트들이 가입절차를 까다롭게 만들고 있습니다. 가입등급에 글쓰기 권한을 부여하지 않거나, 별도의 추가 질문에 대한 답변을 요구하고 그 답변의 성실도에 따라 가입을 승인해주는 등 여러 가지 방법이 사용되어 왔습니다.

이런 방법들은 관리자의 처리량이 늘어나기 때문에 사이트 운영 편의를 위해 가입을 확인/승인하는 보안메일을 보내거나 가입 과정에서 보안문자를 입력하도록 하는 경우도 많아지고 있습니다.

보안메일은 크게 문제가 되지 않지만 보안문자 입력의 경우는 시각장애인에게 접근성이 매우 떨어지는 방법입니다. 그림으로 표현되는 글씨를 눈으로 확인해야하는 작업이라 시각장애인이 혼자서 이것을 직접 하는 것을 불가능합니다. 그렇다고 카페나 사이트를 가입할 때마다 보이는 분에게 도움을 요청하기도 어려운 노릇이죠. 다른 정보들은 다 입력해놓고 보안문자에 걸려서 가입을 못하는 경우들이 종종 생기고 있습니다.


그림으로 된 보안문자 입력 부분에 있어서 대표적인 포털사이트인 다음과 네이버를 비교해보겠습니다.


먼저 네이버(www.naver.com) 카페의 가입 부분입니다.

네이버카페보안문자입력 
카페 가입시 위와 같은 그림문자 입력 부분이 나타납니다. 문자를 입력하는 편집창과 새로고침 링크만 있을 뿐 시각장애인은 아무리 살펴봐도 저 그림문자를 읽어서 입력할 수 있는 방법이 없습니다.


이번엔 다음(www.daum.net) 카페의 가입을 살펴보겠습니다.

다음보안문자입력

다음 카페는 네이버와는 달리 스피커 그림의 버튼이 있습니다. 저 버튼에 적혀있는 대체 텍스트는 “들리는 대로 문자 5개를 입력해주세요”입니다. 저 곳에서 엔터를 누르면 해당 그림문자를 음성으로 출력하는 기능을 합니다. 이 기능을 사용하면 시각장애인이더라도 출력되는 음성을 듣고 혼자서 그름문자를 입력하는 보안절차를 통과할 수 있습니다.


국내 사이트 외에도 구글의 지메일(www.gmail.com)을 가입할 때도 시각장애인에 대한 배려가 있는데요.

지메일가입보안문자입력

지메일에 가입할 때 위와 같은 그림문자 입력하는 절차가 나오는데 편집 창 오른쪽에 휠체어 그림이 있습니다. 저 그림에 달려있는 대체 텍스트는 “Listen and type the numbers you hear”입니다. 저 부분을 클릭하고 들어봤을 때… 당최 무슨 소리인지 알아들을 수는 없었지만;;; 장애인을 위한 배려가 있다는 것만으로도 의미가 있는 것 같습니다.


웹접근성의 기본을 다시 한번 생각해보고 싶습니다. “장애가 있더라도 비장애인과 동일한 웹을 누리게 하자”는 취지가 모든 사이트에 반영되었으면 합니다.
웹접근성을 보장한다는 취지에서 다음 카페의 보안문자 입력은 아주 좋은 본보기라고 할 수 있습니다. 보안문자 입력은 비시각장애인은 그냥 지나칠 수 있는 부분이지만, 이것을 놓치지 않았다는 점에 의미가 있습니다. 특정 장애영역에서 접근할 수 없는 부분에 대해 대체수단을 제공한다는 정신이 아주 중요합니다. 이러한 정신으로 웹을 만들 때만 비로소 진정한 접근성이 보장되는 웹을 구현할 수 있을 것 같습니다.

보안문자에 대한 백남중 부장님의 포스팅을 참고해보세요.
http://njpaiks.egloos.com/2848997


-------------------------------------------------------------------------------------------------------------------------
위 내용은 보안문자 입력을 설정해놓은 카페에만 해당하는 부분입니다. 보안문자 입력을 설정해놓지 않은 카페에서는 시각장애인이 가입을 하는데 문제가 되지 않습니다.
또한 특정 사이트가 나쁘다라는 비방을 하기 위한 것도 아닙니다. 좋은 예를 들어서 앞으로의 발전 방향을 제시하는 것이 목적입니다.
위 내용은 2010년 4월 20일 기준으로 작성되었습니다.
-------------------------------------------------------------------------------------------------------------------------

2010/04/20 13:59 2010/04/20 13:59
해빠 이 작성.

당신의 의견을 작성해 주세요.

  1. Comment RSS : http://www.haeppa.kr/rss/comment/39
  2. Comment ATOM : http://www.haeppa.kr/atom/comment/39
  3. 핑크돼지 2010/04/22 11:42  편집/삭제  댓글 작성  댓글 주소

    이번에 커뮤니티 사이트를 만드려고 기획하고 있는데 회원가입부분에 보안문자를 넣어볼까,, 고민하고 있었는데-
    좋은 정보 얻고 갑니다~~^^

[로그인][오픈아이디란?]

이미지에 대한 alt 태그 사용과 alt=”” 버그

센스리더는 웹페이지내의 이미지에 대해 기본적으로는 파일명을 음성출력합니다. 하지만 파일명만으로는 해당 이미지에 대한 정보를 정확히 알 수 없기 때문에 alt 태그의 정보를 활용하게 됩니다. 이미지에 대해 alt 태그로 정보를 넣어줄 경우 스크린리더는 해당 내용을 파일명 대신 음성출력하게 됩니다.



이미지의 alt 태그 유무에 따른 음성출력 예
<img src=”sub_g01.gif”>
<img src=”sub_go1.gif: alt=”전송”>
sub_g01.gif 이미지
전송 이미지


alt 태그의 정보를 활용해 음성출력하면 모든 이미지에 대해 alt 정보를 제공해야 하는지에 대한 논란이 발생할 수 있습니다. 일반적으로 의미를 갖지 않는 경계선/배경/불릿 등에 대해서는 alt=””과 같이 공백문자 처리를 함으로서 스크린리더가 이미지 파일명 조차 읽지 않고, 아무것도 없는 듯이 지나가도록 처리하고 있습니다.



이미지의 alt태그 활용 예
<img src=”sub_g01.gif”>
<img src=”hor_line01.gif” alt=””>
<img src=”sub_go1.gif: alt=”전송”>
sub_g01.gif 이미지
(아무것도 없는 듯 지나감) 
전송 이미지


위와 같이 이미지에 대해 alt=”” 태그를 사용하면 불필요한 이미지에 대한 음성출력을 막을 수 있습니다. 하지만 센스리더 프로 1.2.0.3 의 경우 이에 대한 처리에 버그가 있어서 이미지로 음성을 출력하게 됩니다. 이 버그는 1.2.0.4 BETA 이후 수정되었습니다.


센스리더 프로 v1.2.0.3 버그 (v1.2.0.4 이후 수정)
<img src=”sub_g01.gif”>
<img src=”hor_line01.gif” alt=””>
<img src=”sub_go1.gif: alt=”전송”>
sub_g01.gif 이미지
이미지
전송 이미지


이미지를 링크로 사용하는 경우가 많은데 이에 대한 음성출력은 다음과 같습니다.


이미지 링크에서 alt와 title
<a href=”#”><img src=”sub_g01.gif” alt=”전송”></a>
<a href=”#” title=”새창으로”><img src=”sub_g01.gif” alt=”전송”></a>
<a href=”#” title=”새창으로”target=”_blank”><img src=”sub_g01.gif” alt=”전송”></a>
<a href=”#” title=”새창으로”><img src=”sub_g01.gif”></a>
전송 그래픽 링크
전송 그래픽 링크
전송 새창 그래픽 링크

새창으로 그래픽 링크


이미지에서는 alt 값이 title 보다 우선합니다. a 태그 안에 있는 title 값도 img 안에 alt값이 있기 때문에 alt 값을 음성출력하게 됩니다. 링크에서 target=”_blank”는 스크린리더에서 인지해서 새창으로 음성출력하기 때문에 굳이 사용하지 않으셔도 문제가 없습니다.


-------------------------------------------------------------------------------------------------------------------------
위 내용은 센스리더 프로페셔널 에디션 v1.2.0.4를 기준으로 Internet Explorer 8에서 확인된 내용이며
2010년 4월 12일 기준으로 작성되었습니다.
------------------------------------------------------------------------------------------------------------------------

2010/04/12 14:15 2010/04/12 14:15
해빠 이 작성.

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

센스리더 프로페셔널 에디션 v1.2.0.4 BETA (Windows 7 지원) 변경사항 안내

드디어 Windows 7 x86 운영체제를 지원하는 센스리더 프로페셔널 베타 버전이 공개되었습니다.
x64의 경우는 현재 개발이 진행중이어서 조만간 새로운 버전으로 나올 것 같습니다.

이번 업그레이드는 패치가 아닌 설치파일 형태로만 제공된다고 합니다. 설치파일은 시각장애인 커뮤니티인 ‘넓은마을’에만 업로드 되어있기 때문에, 비장애인중 필요하신 분은 엑스비전 고객지원(02-888-1623)으로 전화를 하시면 이메일을 통해 설치파일을 제공해 드립니다.

저한테 달라고 하셔도 보내드립니다 ^^;


변경사항

1. Windows 7 32bit 지원.(XP, Vista 포함)

2. Sense 주소록의 암호 처리 버그 수정

3. 인터넷에서의 Alt 속성 처리 오류 수정

4. 가상커서 마크 목록 버그 수정


주의!! 센스리더 설치 시 드라이버 설치 경고가 나오는데 반드시 설치하셔야 합니다.

2010/04/12 10:47 2010/04/12 10:47
해빠 이 작성.

당신의 의견을 작성해 주세요.

  1. Comment RSS : http://www.haeppa.kr/rss/comment/36
  2. Comment ATOM : http://www.haeppa.kr/atom/comment/36
  3. 비밀방문자 2010/04/30 09:09  편집/삭제  댓글 작성  댓글 주소

    관리자만 볼 수 있는 댓글입니다.

  4. 비밀방문자 2010/05/11 00:04  편집/삭제  댓글 작성  댓글 주소

    관리자만 볼 수 있는 댓글입니다.

    • haeppa 2010/05/17 04:13  편집/삭제  댓글 주소

      안녕하세요.
      센스리더는 라이센스가 있는 프로그램입니다.
      다운 받아서 데모상태로 사용이 가능하고 부팅후 처음 실행했을 때 30분 동안은 사용할 수 있습니다.
      다운로드 링크만 원하시는 거라면 이메일 주소를 남겨주시면 제가 제공해드리겠습니다.
      기본적으로 센스리더는 구매를 해야만 사용할 수 있는 것으로 압니다. 라이센스에 관한 내용은 센스리더 개발사인 엑스비전테크놀로지(02-888-1623)의 김정호이사님과 상담을 해보셔야 할 것 같습니다.

  5. 옥상훈 2010/05/20 11:26  편집/삭제  댓글 작성  댓글 주소

    답변고맙습니다^^
    웹접근성 교육은 드림보이스로 일단 진행했습니다.
    센스리더관련 질문하나 드려도 될런지요?
    입력폼 필드에 포커스가 가면 센스리더는 자동으로 폼 라벨을 읽어주는지요?
    드림보이스는 포커스가 가도 읽어주지 않던데요....
    감사합니다.

    • haeppa 2010/05/20 23:27  편집/삭제  댓글 주소

      아.. 이런.. 드림보이스를 사용하셨군요...
      센스리더는 입력폼(Input type="text";)에 label, title 값을 지정한 경우 자동으로 음성출력합니다."아이디 편집창"과 같은 식으로 음성출력합니다.
      하지만 위/아래 방향키를 눌러서 이동하는 경우 label, title 값을 자동으로 읽어주지는 않습니다.
      보통 입력 폼 전에 해당 폼의 이름을 이미지나 텍스트로 넣어놓기 때문에, 함께 음성출력을 하면 이중으로 음성출력하는 불편을 줄 수 있기 때문입니다.
      입력폼을 찾아가는 단축키 (Ctrl-F8)나 탭키를 눌러서 입력폼으로 이동하는 경우는 바로 편집창으로 들어가기 때문에 label, title 값을 음성출력해서 해당 폼의 기능을 알 수 있도록 되어있습니다.
      또한 폼 등에서 Ctrl-Alt-Shift-T를 누르면 해당 폼의 label, title, alt 값을 모두 음성출력하는 기능도 있습니다.
      궁금하신점이 있으시면 더 물어보셔도 됩니다.
      대신 제가 모르는건....ㅎㅎ ^^;;;;
      감사합니다 ^^

  6. 비밀방문자 2010/06/08 13:32  편집/삭제  댓글 작성  댓글 주소

    관리자만 볼 수 있는 댓글입니다.

    • 해빠 2010/06/08 19:25  편집/삭제  댓글 주소

      안녕하세요
      센스리더를 받아서 사용해보실 수는 있지만
      상용 프로그램이라 정식 사용하시려면 구입을 하셔야 합니다.
      구입관련은 (www.xvtech.com)을 참고하시구요
      데모상태로는 사용이 가능합니다.
      http://haeppa.kr/45
      요 게시물 참고하세요
      인터넷 뷰어를 사용하셔도 어느 정도 확인은 가능합니다.
      http://haeppa.kr/17
      요 게시글 참고하세요
      멋진 홈페이지 기대합니다~
      수고하세요 ^^

[로그인][오픈아이디란?]
폭폭이 님이 리뷰하신 내용이 좋아서 스크랩합니다.

목록 태그에 대한 내용과 플래시 지원에 대한 내용들이 포함되어 있습니다.

http://blog.naver.com/butygal/50080391250

내용 중 새창 링크의 경우는 오해가 있는 것 같습니다.
가상커서 기본값에서는 target="_blank"를 '새창링크'라고 음성출력이 됩니다.
해당 내용은 <Ctrl-Shift-F9>를 눌러서 가상커서 설정에 들어가사면 음성출력이 되지 않도록 설정하실 수 있습니다.
2010/02/08 11:24 2010/02/08 11:24
해빠 이 작성.

당신의 의견을 작성해 주세요.

  1. Comment RSS : http://www.haeppa.kr/rss/comment/35
  2. Comment ATOM : http://www.haeppa.kr/atom/comment/35
  3. 폭폭이 2010/02/09 10:32  편집/삭제  댓글 작성  댓글 주소

    해빠님 안녕하세요 ^^

    (Ctrl + Shift + F9) > 가상커서설정 > "새창 링크 읽기 = 해제" 상태가 기본값인걸로 알고 있습니다. 왜냐하면 제가 센스리더 프로(1.2.0.3 버전)를 설치한 후 기본 설정값을 아무것도 수정하지 않은 상태거든요.

    또, 테스트당시에 target="_blank" 인데도 "새창 링크" 라고 읽어주지 않아서 센스리더 측에 문의를 드렸고,
    센스리더 측에서 답변 주시길, "시각장애인 분들 중 새창링크라고 읽어주는 것이 불필요하다는 의견제시가 있어서 기본 설정에서는 읽어주지 않는 것으로 바꿨고, 가상커서 설정에서 "새창 링크 읽기 = 선택" 을 하면 읽어주도록 옵션에 넣어 놓았다는 답변을 받아서 포스팅한 내용입니다.

    해빠님 기본 설정 값에 대해서 다시 한번 체크해봐 주실 수 있으세요?
    저도 새창링크에 대해서 제가 오해하고 있는 것인지 다시 한번 센스리더측에 문의 해볼께요. ^^

    그리고 제 글은 언제라도 링크거셔도 됩니다. 고맙습니다

    • 해빠 2010/02/10 17:26  편집/삭제  댓글 주소

      지금 확인해보니
      같은 1.2.0.3에서도 새로 설치할 때와 업그레이드할 때가
      서로 기본값이 다르네요.
      1.1 버전 설치 후 업그레이드 할 때는 새창링크읽기가 "해제"로 되어 있는데
      1.2.0.3 버전을 바로 설치하니까 새창링크읽기가 "선택"으로 나와요.
      에효.. 역시 어렵네요 ^^;

[로그인][오픈아이디란?]

센스리더로 인터넷 사용시 많이 활용되는 단축키

인터넷 익스플로러에서 센스리더로 인터넷을 처음 사용하는 경우, 어떻게 해야할지 모르는 경우가 많습니다.
문서상으로 사용방법을 안내하기는 어렵고해서…
실제 시각장애인들이 익스플로러를 활용할 때 가장 많이 사용하는 기능키를 모아봤습니다.
센스리더로 웹을 활용하는데 도움이 되었으면 합니다.


<Tab>/<Shift-Tab> : 일반 텍스트 영역을 제외한 포커스가 가능한 항목으로 이동 (링크, 이미지, 폼컨트롤 등)

<위/아래 방향키> : 페이지 내의 항목들을 이동 (위->아래 / 좌-> 우)

<좌/우 방향키> : 현재 읽고 있는 항목에서 글자단위로  음성출력

<Ctrl-Home> : 홈페이지의 첫 부분으로 이동하는 기능 (이동/검색 기능 사용하기 전 활용)

<Ctrl-F> : 문자열 검색, 페이지 내의 텍스트 정보를 검색해서 해당 위치를 이동.

<F3>/<Shift-F3> : 문자열 검색을 하는 경우 다음/이전 검색결과로 이동하는 기능

<Ctrl-F2>/<Ctrl-Shift-F2> : 폼 컨트롤 항목으로 건너뛰기 하는 기능 (버튼, 셀렉트박스, 라디오버튼, 편집창 등)

<Ctrl-F6>/<Ctrl-Shift-F6> : <h1>~<h6> 의 헤딩정보를 이용해서 건너뛰기 하는 기능

<Ctrl-F7>/<Ctrl-Shift-F7> : 페이지 내의 외부객체로 이동하는 기능 (플래시, 윈도우미디어 등)

<Ctrl-F8>/<Ctrl-Shift-F8> : 폼 컨트롤 중 input type=text 항목으로만 건너뛰기 하는 기능 (이메일이나 게시판에서 글 작성 시 활용)

<Ctrl-F9> : 현재 페이지에 대한 정보 출력 (프레임, 라인 수, 링크 수, 창 수)

<Ctrl-Shift-F11> : 가상커서 활성화 / 정보갱신(새로고침)

<Ctrl-Shift-F12> : 가상커서 비활성화 (페이지 내의 멀티라인 편집창 사용시 방향키/엔터/스페이스바 키를 활용하기 위함)

<F12> : 음성출력된 내용 확인, 소리를 이해하지 못했을 때 눈으로도 내용을 확인할 수 있음, 일종의 히스토리 기능

2010/02/08 10:52 2010/02/08 10:52
해빠 이 작성.

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

센스리더 프로페셔널 에디션 v1.2.0.3


이번 버전은 1.2.0.2버전에서 발견된 버그들에 대한 수정이 주된 내용이며

Flex 객체에 대한 일부 기능의 개선도 이루어졌습니다.

센스리더 프로페셔널 에디션 v1.2.0.3 버전에서 변경된 내용은 다음과 같습니다.

 

1. 인터넷

-링크 속성 읽기 옵션이 정상적으로 동작하지 않던 문제 수정
-싸이월드 방명록 등의 이미지를 링크로 처리
-센스리더 설치 이후 연속 읽기 동작 문제 일부 개선
-Flex 객체 지원 일부 개선


2. 센스리더

-디스크 버전 만들기 이후 센스리더가 정상 동작하지 않던 문제 개선
-디스크 버전 만들기의 음성엔진 기본 폴더 지정 메시지 변경
-체크 리스트의 선택 사항 읽기 일부 개선(윈도우즈 라이브)


-------------------------------------------------------------------------------------------------------------------------
* 2009년 11월 2일에 발표된 센스리더 프로페셔널 v1.2.0.3을 기준으로 작성되었습니다.
-------------------------------------------------------------------------------------------------------------------------

2009/11/02 16:33 2009/11/02 16:33
해빠 이 작성.

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

얼마 전 국립중앙도서관 디지털도서관(www.dibrary.net)에서 시각장애를 가진 대학생들을 위한 정보검색대회가 있었습니다.

검색대회의 공식명칭은 “디브러리 서바이벌” (www.dibrary.kr)


디브러리서바이벌대회전경


이 대회에 기술지원을 하면서 찍어둔 사진으로 시각장애인이 컴퓨터를 사용하는 모습을 나눠보려고 합니다.

진짜로.. 모습만 나눠보려고 합니다.


우선 모니터를 볼 수 없는 전맹으로 스크린리더(화면낭독프로그램)를 사용해야 하는 특징이 있습니다.


전맹이헤드폰으로소리를들으며컴퓨터를사용하는모습


분명히 검색을 하고 있지만 모니터는 꺼져있고 얼굴은 바닥을 향하고 있습니다.

얼핏 보면 졸고 있다고 착각할 수도 있겠지만

사실은 헤드폰에서 나오는 스크린리더의 소리에 모든 정신을 집중하고 열심히 검색하고 있는 중입니다.


이번엔 저시력입니다. 가장 큰 특징은 모니터에 얼굴을 파묻고 있다는 거죠.


모니터를가까이보는저시력1 모니터를가까이보는저시력2


왜 저렇게 가까이 보냐구요?

거야 당연히 가까이 보지 않으면 안보이니까 그러는거죠.

사물을 정확히 볼 수 있는 초점 거리가 일반인에 비해 매우 짧기 때문에

어쩔 수 없이 모니터를 매우 가까이에서 봐야 하는 상황입니다.

주변에서 보면 모니터를 거의 눈에 대고 보는 것처럼 보일 수도 있지요.

저의 경우도 확대프로그램을 사용하지 않고 그냥 봐야 하는 경우

대략 모니터와 8cm 이하의 거리를 유지해야 화면을 볼 수 있습니다.


저시력을 가진 경우 모니터를 위와 같은 자세로 보게 되는데, 저 자세는 몸을 앞으로 내민 채, 허리를 숙이고 긴장한 상태로 유지해야 합니다.

키보드 역시 팔을 편하게 두지 못하고, 팔꿈치를 뒤로 빼고 손을 가슴에 거의 붙인채 타이핑하기 때문에 쉽게 어깨에 통증을 느끼게 됩니다.

저시력을 가진 경우 컴퓨터를 사용하다 보면 금새 목, 어깨, 허리 등 어디라고 말할 것 없이

전체적으로 긴장한 상태를 유지해야 되기 때문에 금방 피로를 느끼게 됩니다.

다른 사람들에 비해 어깨와 목에 더 많은 통증을 느끼게 되는거죠.

모니터 화면을 보기 어려운 문제를 해결하고 나면 자세가 불편해서 몸이 너무 힘들다는 또 다른 문제에 직면하게 되는거죠.


오늘 포스팅은 여기까에요
진짜로 시각장애인이 컴퓨터를 사용하는 모습만 살펴봤습니다 ^^;;
다음 포스팅을 통해 자세가 불편한 것을 해결하려는 제 나름대로의 방법을 소개하겠습니다.

-------------------------------------------------------------------------------------------------------------------------
참고로, 저시력에는 매우 다양한 종류가 있습니다. 제 포스팅은 저시력 중 대다수를 차지하는 모니터를 가까이 보는 것에 대한 내용이므로 오해가 없으셨으면 합니다.
포스팅에 사용된 사진은 개인의 사생활 보호를 위해 스크랩이나 복사 등은 자제해 주시기 바랍니다.
------------------------------------------------------------------------------------------------------------------------

2009/10/31 21:49 2009/10/31 21:49
해빠 이 작성.

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

센스리더 프로페셔널 에디션 v1.2.0.2

 

프로 1.2.0.2 버전의 주요 특징은 안정성 개선과 사용자 편의를 위한 기능 추가입니다.

프로페셔널 1.2.0.2 버전에서 달라진 점은 다음과 같습니다.

 

1. 센스리더 기능추가 (단축키는 지정되지 않음)

- 음성엔진 선택 기능 추가
- 보조음성엔진 선택 기능 추가
- 점자 디스플레이 초기화 기능 추가 : (점자단말기 점자 출력시 깨짐 현상이 발생한 경우 실행, 점자 주메뉴의 하위 메뉴로도 추가됨)

2. 독서기

- 다음파일 자동재생 : 파일을 여러개 열었을 때 다음 파일을 연속해서 재생할 것인가 선택할 수 있음. (설정 메뉴에 포함)
- 한자 풀어 읽기 기능의 오동작 수정
- 블럭 읽기 기능(Ctrl-Shift-B) 추가

3. 인터넷

- 팝업, 경고창을 인식하지 못하던 문제 수정
- 숨긴 콘트롤 알림 옵션 추가 : 사용 불가능한 편집창 버튼 등을 '사용 불가'로 알려주는 기능.
- 일부 포커스 문제 개선
- 인터넷 기능키 무시(Ctrl-N)가 정상적으로 동작하지 않던 문제 수정
- 테이블 읽기 기능의 일부 오동작 수정
- 미디어 콘트롤 볼륨 조절 기능키 중복으로 인해 임시 위치 기억, 기억된 위치로 이동 기능키 제거(Alt-Shift-], Alt-Shift-[)

4. 기타

1. 오토메이션 지원 이후 센스리더 실행시 속도 저하 문제 개선
2. 종료가 정상적으로 되지 않던 문제 일부 수정
3. 디스크 버전 만들기에 <음성 엔진 기본 폴더로> 기능 추가

그 외에 여러가지 버그 수정

2009/10/29 17:16 2009/10/29 17:16
해빠 이 작성.

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

센스리더 프로페셔널 에디션이 v1.2로 업그레이드 되면서 테이블의 제목셀(th, scope)을 인식하도록 기능이 개선되었습니다.

웹표준이 중요시 되면서 잘 사용하지 않던 제목셀(th, scope)이 보편적으로 사용되고 있습니다. 이제 센스리더에서 이러한 제목셀 읽기 기능을 지원함으로써 시각장애인의 테이블 구조 이해에 큰 도움이 될 것 입니다.

이번 포스트에서는 이전 버전(~pro v1.1.0.6)의 센스리더에서 테이블을 탐색하는 방법에 대해서 설명하고, 새로운 버전에서 추가된 기능에 대해 예를 통해 살펴보겠습니다.

 

A. 이전 버전의 테이블 탐색 방법

예제 테이블 음성출력내용

메뉴판
메뉴 가격 추가메뉴
돈까스 5,000원 밥, 샐러드
피자 20,000원 토핑, 치즈
보쌈 15,000원 고기, 김치

<table summary="TH테스트용 메뉴판" width="300" border="1">
  <caption>메뉴판 </caption>
  <tr>
    <th>메뉴</th>
    <th>가격</th>
    <th>추가메뉴</th>
  </tr>
  <tr>
    <th>돈까스</th>
    <td align="center">5,000원</td>
    <td align="center">밥, 샐러드</td>
  </tr>
  <tr>
    <th>피자</th>
    <td align="center">20,000원</td>
    <td align="center">토핑, 치즈</td>
  </tr>
  <tr>
    <th>보쌈</th>
    <td align="center">15,000원</td>
    <td align="center">고기, 김치</td>
</table>

1. 위/아래 방향키를 이용한 테이블 탐색

테이블 탐색 방향 음성출력내용

테이블 메뉴판 A-1

테이블 시작 4행 3열 1/1
테이블 설명:TH테스트용 메뉴판
테이블 제목:메뉴판
메뉴
가격
추가메뉴
빈줄
돈까스
5,000원
밥, 샐러드
빈줄
피자
20,000원
토핑, 치즈
빈줄
보쌈
15,000원
고기, 김치
테이블 끝

가상커서에서 웹페이지를 탐색할 때 일반적으로 사용하는 위/아래 방향키만을 이용할 경우 테이블의 왼쪽에서 오른쪽으로, 위에서 아래방향으로 테이블의 내용을 읽어주기 때문에 데이터는 읽을 수 있지만 테이블의 구조를 이해하고 내용을 파악하기는 어렵습니다. (“빈줄”은 행과 행 사이 또는 비어있는 셀에서 음성출력합니다.)

2. <Ctrl-Alt-방향키>를 이용한 테이블 탐색

테이블의 구조를 이해하기 위해서는 시각적으로 표현되는 구조대로 테이블을 탐색하는 것이 크게 도움이 됩니다. <Ctrl-Alt-방향키> 조합을 이용해서 아래와 같이 테이블 내용을 탐색할 수 있습니다. 이 방법 역시 테이블 구조 이해에 도움이 되긴 하지만 현재 셀의 제목을 이해하는 것에는 부족함이 있습니다.(위에 사용된 것과 동일한 테이블에서 읽는 방법만 변경한 예입니다.)

테이블 탐색 방향 음성출력내용
th지원안될때컨트롤알트조합으로테이블읽기

테이블 시작 4행 3열 1/1
테이블 설명:TH테스트용 메뉴판
테이블 제목:메뉴판
메뉴
돈까스
5,000원
20,000원
토핑, 치즈
고기, 김치

메뉴 음성출력이 나오되면 <Ctrl-Alt-아래방향키>
돈까스 음성출력이 나오면 <Ctrl-Alt-오른쪽방향키>
5,000원 음성출력이 나오면 <Ctrl-Alt-아래방향키>
20,000원 음성출력이 나오면 <Ctrl-Alt-오른쪽방향키>
토핑, 치즈 음성출력이 나오면 <Ctrl-Alt-아래방향키>
고기, 김치 음성출력이 나오면 끝

3. 단축키를 이용한 제목셀 읽기

제목셀이 지정되지 않은 테이블에서의 데이터 이해를 돕기 위해 열과 행의 처음/끝 셀 읽기(이동) 기능이 있습니다.

현재 행의 처음/끝 셀로 이동 <Ctrl-Alt-Home/End>
현재 열의 처음/끝 셀로 이동 <Ctrl-Alt-PgUp/PgDn>
현재 행의 처음/끝 셀 읽기 <Ctrl-Alt-Shift-Home/End>
현재 열의 처음/끝 셀 읽기 <Ctrl-Alt-Shift-PgUp/PgDn>

셀 이동과 셀 읽기 기능의 차이는 포커스가 이동하느냐 이동하지 않느냐의 차이입니다. 셀 이동 기능은 셀 내용을 읽으면서 포커스가 해당위치로 이동하고, 셀 읽기 기능은 셀 내용만 읽어주고 포커스는 현재 위치를 유지합니다.
(현재 1.2.0.1 버전 버그로 읽기 기능과 이동 기능이 동일하게 이동으로 동작합니다 - 추후 수정 예정)

이 행과 열의 처음/끝 셀 읽기 기능을 이용하면 아래와 같이 음성출력합니다.

테이블 탐색 방향 음성출력내용
테이블 메뉴판 A-3

20,000원
피자
토핑, 치즈
가격
15,000원

Ⓕ 현재 포커스된 지점으로 읽기 기능을 이용할 경우 포커스는 항상 이곳에 위치합니다.
① <Ctrl-Alt-Shift-Home> 을 눌렀을 때 음성출력 하는 부분입니다.
② <Ctrl-Alt-Shift-End> 을 눌렀을 때 음성출력 하는 부분입니다.
③ <Ctrl-Alt-Shift-PgUp> 을 눌렀을 때 음성출력 하는 부분입니다.
④ <Ctrl-Alt-Shift-PgDn> 을 눌렀을 때 음성출력 하는 부분입니다.

<Ctrl-Alt-Shift>조합으로 테이블을 읽을 경우 가상커서의 포커스는 Ⓕ인 20,000원 셀에 고정이 되고 위와 같이 음성출력합니다. 하지만 <Ctrl-Alt>조합으로 테이블을 읽을 경우는 해당 부분으로 직접 포커스가 이동하게 되므로 위와 같이 음성출력되지는 않습니다.

 

B. 최신 버전(pro v1.2.0.1)의 테이블 탐색 방법

최근 발표한 센스리더 프로페셔널 v1.2.0.1에서는 TH, SCOPE 태그가 사용된 테이블에 대한 음성처리를 추가함으로써 테이블 탐색과 데이터 이해가 훨씬 용이해졌습니다.

위/아래 방향키로 테이블을 탐색할 때는 이전과 달라진 점이 없지만 <Ctrl-Alt-방향키>로 테이블을 탐색하는 경우 제목셀을 자동으로 음성출력하도록 변경되었습니다.

제목셀이 지정된 테이블의 경우 행과 열의 제목을 읽기 위해 <Ctrl-Alt-Shift-Home/End/PgUp/PgDn> 단축키를 사용하지 않아도 됩니다.

테이블 탐색 방법에 사용될 소스는 다음과 같습니다.

B-1. 제목셀을 th로 사용한 경우

B-2. 제목셀을 scope로 사용한 경우

<table summary="TH테스트용 메뉴판" width="300" border="1">
  <caption>
    메뉴판
  </caption>
  <tr>
    <th>메뉴</th>
    <th>가격</th>
    <th>추가메뉴</th>
  </tr>
  <tr>
    <th>돈까스</th>
    <td align="center">5,000원</td>
    <td align="center">밥, 샐러드</td>
  </tr>
  <tr>
    <th>피자</th>
    <td align="center">20,000원</td>
    <td align="center">토핑, 치즈</td>
  </tr>
  <tr>
    <th>보쌈</th>
    <td align="center">15,000원</td>
    <td align="center">고기, 김치</td>
</table>

<table summary="scope 테스트용 메뉴판" width="300" border="1">
  <caption>
    메뉴판
  </caption>
  <tr>
    <th scope="col">메뉴</th>
    <th scope="col">가격</th>
    <th scope="col">추가메뉴</th>
  </tr>
  <tr>
    <td scope="row" align=”center”><strong>돈까스</strong></td>
    <td align="center">5,000원</td>
    <td align="center">밥, 샐러드</td>
  </tr>
  <tr>
    <td scope="row" align=”center”><strong>피자</strong></td>
    <td align="center">16,000원</td>
    <td align="center">토핑, 치즈</td>
  </tr>
  <tr>
    <td scope="row" align=”center”><strong>보쌈</strong></td>
    <td align="center">15,000원</td>
    <td align="center">고기, 김치</td>
</table>

 

1. th 태그 사용시 음성출력

테이블 탐색 방향 음성출력내용
th지원될때컨트롤알트조합으로테이블읽기

테이블 시작 4행 3열 1/1
테이블 설명:TH테스트용 메뉴판
테이블 제목:메뉴판
메뉴
- ①
돈까스 - ②
가격 5,000원 - ③
피자 20,000원 - ④
추가메뉴 토핑, 치즈 - ⑤
보쌈 고기, 김치 - ⑥

메뉴 음성출력이 나오되면 <Ctrl-Alt-아래방향키>
돈까스 음성출력이 나오면 <Ctrl-Alt-오른쪽방향키>
가격 5,000원 음성출력이 나오면 <Ctrl-Alt-아래방향키>
가격 20,000원 음성출력이 나오면 <Ctrl-Alt-오른쪽방향키>
추가메뉴 토핑, 치즈 음성출력이 나오면 <Ctrl-Alt-아래방향키>
보쌈 고기, 김치 음성출력이 나오면 끝

<Ctrl-Alt-방향키> 조합으로 테이블을 읽을 때 A-2의 예와는 달리, 현재 셀의 내용과 해당 셀의 제목셀(th)을 함께 음성출력함으로써 데이터 테이블을 이해하는데 큰 도움이 됩니다.

좌/우 방향으로 셀 이동할 경우 상단의 제목셀(th,scope)을 자동으로 음성출력 하고, 위/아래 방향으로 셀 이동할 경우 좌측이나 우측의 제목셀(th, scope)을 자동으로 음성출력하게 됩니다.

2. scope 태그 사용시 음성출력

테이블 탐색 방향 음성출력내용
scope지원될때컨트롤알트조합으로테이블읽기

테이블 시작 4행 3열 1/1
테이블 설명:TH테스트용 메뉴판
테이블 제목:메뉴판
메뉴
돈까스
- ①
가격 5,000원 - ②
추가메뉴 밥, 샐러드 - ③
피자 토핑, 치즈 - ④
보쌈 고기, 김치 - ⑤
가격 15,000원 - ⑥
메뉴 보쌈 - ⑦

아래 방향키를 눌러 메뉴 셀까지 이동한 후 <Ctrl-Alt-아래방향키>

① 돈까스 음성출력이 나오면 <Ctrl-Alt-오른쪽방향키>
가격 5,000원 음성출력이 나오면 <Ctrl-Alt-오른쪽방향키>
추가메뉴 밥, 샐러드 음성출력이 나오면 <Ctrl-Alt-아래방향키>
피자 토핑, 치즈 음성출력이 나오면 <Ctrl-Alt-아래방향키>
보쌈 고기, 김치  음성출력이 나오면 <Ctrl-Alt-왼쪽방향키>
가격 15,000원 음성출력이 나오면 <Ctrl-Alt-왼쪽방향키>
메뉴 보쌈 음성출력이 나오면 긑

<Ctrl-Alt-방향키> 조합으로 테이블을 읽을 때 A-2의 예와는 달리, 현재 셀의 내용과 해당 셀의 제목셀(scope)을 함께 음성출력함으로써 데이터 테이블을 이해하는데 큰 도움이 됩니다.

좌/우 방향으로 셀 이동할 경우 상단의 제목셀(th,scope)을 자동으로 음성출력 하고, 위/아래 방향으로 셀 이동할 경우 좌측이나 우측의 제목셀(th, scope)을 자동으로 음성출력하게 됩니다.

 

수정1) B-1, B-2 에 대한 테이블 소스 추가, 제목셀 음성출력 기준 추가

-------------------------------------------------------------------------------------------------------------------------
위 내용은 센스리더 프로페셔널 에디션 v1.2.0.1을 기준으로 Internet Explorer 8에서 확인된 내용입니다.
위 내용은 2009년 9월 22일 기준으로 작성되었습니다.
위 내용은 2009년 9월 22일 수정되었습니다.

------------------------------------------------------------------------------------------------------------------------

2009/09/22 18:42 2009/09/22 18:42
해빠 이 작성.

당신의 의견을 작성해 주세요.

  1. Comment RSS : http://www.haeppa.kr/rss/comment/28
  2. Comment ATOM : http://www.haeppa.kr/atom/comment/28
  3. 치프 2009/09/22 16:28  편집/삭제  댓글 작성  댓글 주소

    글 잘읽었습니다.
    코드는 보여주지않아서 질문드립니다.
    상단에 th 가 있고 왼쪽에도 th가 있는 다중구조라고 할수있겠는데여~
    가격, 추가메뉴 는 scope 'col' 이고,
    돈까스, 피자, 보쌈 타이틀은 scope 'row' 로 한건가요?!
    왼쪽 대각선에있는 '메뉴' 타이틀은 scope 설정안해줘도 상관없는건지요?!

    그리고 키를 꽤 많이 눌러야 하는군요..
    시각장애인이 키보드 ctrl 키와 alt 키와 방향키까지..
    동시에 세개의 키를 눌러야되는데 일반키보드로 하는건가여?! 키입력이 많아서 힘들지않나 싶습니다.
    아, 궁금한게 점점 많아지네여 -..-

    • haeppa 2009/09/22 18:41  편집/삭제  댓글 주소

      이야 정말 빠른데요~ ^^;;;
      소스를 깜빡하고 안넣었는데도 정확히 보셨네요 wow~
      "메뉴" 항목에도 th나 scope=col을 해주는게 좋죠.
      예제 같은 경우 테이블에 진입하는 처음 셀이기 때문에 th나 scope값을 뽑아 올 곳이 없어서 음성출력할 때 "메뉴"만 단순히 읽어준거구요.
      테이블 내에서 <Ctrl-Alt-방향키>로 이동해서 돈까스, 피자, 보쌈을 읽을 경우에는 "메뉴"를 함께 음성출력합니다.
      메뉴 돈까스, 메뉴 피자, 메뉴 보쌈
      이런식으로요 ㅋ


      ctrl alt 를 누르고 있는 상태에서 방향키를 누르게 되는거죠.
      단축키를 여러개 누르는 경우가 많아서 대부분은 106키로 설정해두고 좌우의 컨트롤과 알트를 모두 활용하고 있습니다.
      ctrl-alt 보다 어려운건 A-3에 있는 Ctrl-Alt-Shift-hoem/end/pgup/pgdn 이죠 ㅋㅋㅋㅋ
      항상 관심 가져주셔서 감사합니다 ^^

    • 치프 2009/09/23 10:29  편집/삭제  댓글 주소

      빠른 답변감사드려여~
      덕분에 또배웠습니다.

      동시입력키가 좀 지나치게 많은거같네요..
      간단히 이용하게끔 개선이 필요치않나 싶군요~

      아무튼 매번 좋은글로만 포스팅해주셔서 감사드립니다.

  4. OpenID Logo 봄눈 2009/09/25 08:29  편집/삭제  댓글 작성  댓글 주소

    좋은 포스팅 감사합니다.
    앞으로도 센스리더 관련된 포스팅 많이 부탁드려도 될까요^^

    • OpenID Logo haeppa 2009/09/26 14:39  편집/삭제  댓글 주소

      안녕하세요~
      허이쿠 저도 방문해주셔서 감사합니다 ^^
      부족한 글이지만 제 블로그를 통해서라도 시각장애인들이 컴퓨터 사용하는 방법이 가감없이 전달되었으면 하는 바람입니다.
      앞으로도 관심 부탁드립니다. ^^

  5. OpenID Logo miiya 2009/11/04 16:51  편집/삭제  댓글 작성  댓글 주소

    안녕하세요?
    혹시 기억하실지 모르겠는데요. 어제 잠깐 세미나에서 테이블 구조 물어 봤었는데..
    포스트 즐겨찾기만 하고 아직 시험은 안했다고 말씀 드렸었거든요. ^^ㅎㅎ

    가상커서로 이동시에는 그냥 단어로 읽어주게 되는 거죠?
    다음버젼에서는 단축키 없이 가상커서 상태(위/아래 방향키 만으로)에서
    실제 논리적 구성으로 제공 되었으면 좋겠어요.

    그래서 레이아웃용 테이블 구조를 쓸 경우 caption, th, scope를 넣지말라는 규정이 있는 거 같아요.

    JAWS에서는 caption, th, scope가 있을 경우에만 데이터 테이블 구조로 읽어주도록 프로그램 되어 있습니다.

    • OpenID Logo haeppa 2009/11/09 11:04  편집/삭제  댓글 주소

      안녕하세요~

      당연히 기억나죠~ 세미나 장에서 아리따운 미인을 만났는데 기억못할리가 있나요~ ^^ㅋ

      말씀하신대로 가상커서에서 위/아래 방향키로만 이동하면 셀안의 내용만 음성출력하게 되어있습니다.

      안그래도 내부적으로 그 부분에 대해서 고민이 많습니다.

      사용이 편리해야하니까요...

      현재의 단축키 사용이 선택된 이유는 제목셀을 자동으로 음성출력할 경우 현재 셀의 내용과 제목셀의 내용을 구분하지 못해 혼동하는 것을 방지하기 위함입니다.

      차후에 이 문제에 대해 개발팀과 논의하게 되면 다시 한번 고민해서 더 좋은 방법을 찾아보도록 하겠습니다. ^^

  6. 정서 2009/11/19 18:59  편집/삭제  댓글 작성  댓글 주소

    잘보구 갑니다. (__)

  7. 정찬명 2010/02/22 23:29  편집/삭제  댓글 작성  댓글 주소

    포스트 잘 보고 있습니다. ^^
    한 가지 궁금한게 있어서 질문을 좀 드리려구요.

    th 요소가 위 예제처럼 단순하지 않고 두 겹 이상으로 되어 있는 경우에 헤더셀을 모두 읽어 주는지 궁금합니다.

    예를 들면 하나의 내용셀을 scope 하고 있는 헤더셀이 다음과 같이
    th scope="col" 이 1행과 2행에 걸쳐 모두 존재하는 경우와
    th scope="row" 가 1열과 2열에 걸쳐 모두 존재하는 경우
    이런 경우가 있다면 내용셀을 읽을 때 관련된 4개의 헤더셀을 모두 읽어주는지의 여부가 궁금합니다.

    바쁘시겠지만 답변을 얻을 수 있을런지요.
    미리 감사드립니다.

    • haeppa 2010/02/24 17:21  편집/삭제  댓글 주소

      안녕하세요~

      방문해주셔서 감사해요~

      저도 좋은 글 잘 보고 있습니다^^

      말씀하신 부분을 확인해보니

      th, scope가 중복해서 2곳에 있을 때

      2개를 모두 음성출력하는 것을 확인했습니다.

      헌데 colspan, rowspan 의 경우는 모두 읽어주긴 하는데

      순서에 약간 차이가 있네요.

      오늘밤에 좀 더 정확하게 확인하려고 합니다.

      확인되는대로 조만간 정리해서 새로 포스팅 올릴게요~

      감사합니다.

  8. sweetier 2011/10/18 16:42  편집/삭제  댓글 작성  댓글 주소

    센스리더는 scope, headers 속성을 함께 사용하면 headers 속성만 적용하는것 같은데요.
    둘 중에 어느 하나만 사용하는 것이 좋은가요? 아니면 둘다 적용하는 것이 좋은가요?

    • 해빠 2011/10/19 19:55  편집/삭제  댓글 주소

      음...
      사용자 입장에서는
      headers가 더 좋습니다.
      th는 움직이는 방향에 따라 함께 읽어주는 제목셀이 달라지지만
      headers는 어느 방향에서 셀로 진입하든지 연결된 제목셀을 모두 함께 읽어주거든요

[로그인][오픈아이디란?]

센스리더를 사용해서 한글2005/2007을 사용하게 될 경우 기본적으로 아래의 2가지 설정이 필요합니다.


A. 한/영 전환과 한글 입력시 음성출력 문제

센스리더를 사용해 한글2005/2007을 이용할 경우 가장 먼저 느끼는 불편이 한/영 전환을 할 때 전환 내용을 음성출력하지 않는다는 것과 한글로 입력이 되도 영문키만을 음성출력한다는 점입니다. 이 문제는 한글과 컴퓨터의 자체 입력기가 접근성을 지원하지 않기 때문에 나타나는 현상입니다. 이를 해결하기 위해 입력기를 윈도우 입력기로 변경해야 합니다.

한글2005/2007을 실행한 후 <Alt-F2>를 눌러서 입력기 환경설정 대화상자를 엽니다.

입력기환경설정

현재 글자판 / 제 1 글자판 / 제 2 글자판 을 모두 <윈도우 입력기>로 변경합니다.

이렇게 설정하면 한/영 전환시 “한글/영어”로 음성출력이 되고 한글을 입력할때 정상적으로 입력한 내용을 음성출력합니다.



B. 입력되어 있는 내용을 읽지 못하는 문제

이러한 현상은 센스리더와 한글2005/2007이 정상적으로 연결되어 있지 않은 경우입니다. 이 문제를 해결하기 위해서는 아래와 과정을 통해 한글2005/2007에 접근성을 제공하는 hncapp를 DllRegisterServer에 등록해야 합니다.

위의 파일을 다운 받아 압축을 풀어보면 hwp2005reg.bat / hwp2007reg.bat가 있습니다.

한글2005/2007이 실행되지 않은 상태에서 설치된 버전에 맞는 파일을 골라서 실행해주시면 아래와 같은 메시지가 나타납니다. Windows VISTA는 오른쪽 클릭을 해서 관리자 권한으로 실행하세요.

한글2007등록성공

이 메시지가 나타나면 정상적으로 센스리더와 한글2005/2007이 연결되었다는 것을 뜻합니다. 한글2005/2007을 실행해서 읽어 보면 정상적으로 음성출력 되는 것을 확인할 수 있습니다.


-------------------------------------------------------------------------------------------------------------------------
센스리더 기본설정 #1 – 속도/높이/크기 조절
센스리더 기본설정 #2 – 시작프로그램 등록/해제
센스리더 기본설정 #3 – 시각효과/디스플레이 설정
센스리더 기본설정 #4 – 한글2005/2007을 위한 설정
센스리더 기본설정 #5 – 저시력/웹개발자를 위한 설정
-------------------------------------------------------------------------------------------------------------------------

2009/09/04 15:19 2009/09/04 15:19
해빠 이 작성.

당신의 의견을 작성해 주세요.

  1. Comment RSS : http://www.haeppa.kr/rss/comment/25
  2. Comment ATOM : http://www.haeppa.kr/atom/comment/25
  3. son50 2009/11/02 12:04  편집/삭제  댓글 작성  댓글 주소

    해파님~~ 감사해요~~
    덕분에 한글2007에서도 센스리더를 들을수 있었답니다.
    더욱 더 많은 업데이트를 하시길 바라며
    화이팅!!
    ㅋㅋ 감기 빨리 나으삼~~

[로그인][오픈아이디란?]
: 1 : 2 : 3 : 4 : 5 : 6 : 7 :