센스리더 프로페셔널 에디션 v1.5.0.0 다운로드

 

1. 센스리더 기본

- 윈도우즈 7 운영체제 지원(32비트)
- UI Automation 지원(스크린리더나 시뮬레이션 프로그램을 위해 윈도우즈에서 지원하는 접근성 지원 기능)
- 프로그레스바 읽기 방식 변경: 하나의 윈도우에 프로그레스바가 여러 개 있는 경우 진행율을 음성 출력한 이후 프로그레스바의 갯수를 음성 출력함.
- 비스타, 윈도7 운영체제에서 디스플레이 설정 대화상자 활성(기본 디스플레이는 비활성화 되어 있음)
- 도움말 형식을 일반 HTML 구조로 변경.
- 센스리더 도움말 호출 기능 추가(기능키는 <Insert-F1>)

 

2. 센스리더 인터넷

- Alt 속성 처리 오류 수정
- 링크 처리 기능 보강 (싸이월드에서 1촌 목록 클릭 가능)

 

3. 센스 사전

- 검색 이후 포커스 문제 개선.

 

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

설치파일 다운로드 (네트워크 상황에 따라 적절한 곳 선택)

다운로드1 : xvsrd_pro-v1500.part1.rar / xvsrd_pro-v1500.part2.rar  (RAR, 199MB/185MB)
1) 좌측하단의 저속다운로드를 클릭합니다.
2) 10초를 기다린 후 원본파일 다운로드를 클릭해서 파일을 다운로드 받습니다.

다운로드2 : xvsrd_pro-v1500.part1.rar / xvsrd_pro-v1500.part2.rar  (RAR, 199MB/185MB)
1) 좌측하단의 저속다운로드를 클릭합니다.
2) 10초를 기다린 후 원본파일 다운로드를 클릭해서 파일을 다운로드 받습니다.

다운로드3 : xvsrd_pro-v1500.zip (ZIP, 393MB)
1) 우측상단의 그림문자를 입력하고 파일 다운로드(download file)를 클릭합니다.
2) 45초를 기다린 후 일반 다운로드(Regular download)를 클릭해서 파일을 다운로드 받습니다.
* 다운로드 속도가 가장 빠름.

 

* 센스리더의 라이센스가 없는 경우 데모 상태로 30분간 사용이 가능합니다.

2010/08/24 11:55 2010/08/24 11:55
해빠 이 작성.

전국 동시 지방선거가 있기 며칠 전…
수도권의 주요 후보 6명의 홈페이지에 대한 접근성 테스트를 진행했습니다.
테스트를 진행하고 결과를 보니 의외의 부분도 많았고 참 답답하기도 했습니다.
예민한 부분이라 특정 후보를 거론하지 않으면서 후보자 홈페이지에 대한 얘기를 해보려고 합니다.
구체적인 페이지주소와 캡쳐이미지를 생략하고, 포괄적으로 적는 것이기 때문에 표현이 부정확할 수 있습니다.

일단!!
대부분의 홈페이지에서 시각장애인에 대한 배려는 거의 없었습니다.
이미지에 가장 기본적인 대체 텍스트 조차 달지 않았더군요.


사례1. 플래시 메뉴(네비게이션)의 접근성 부재

플래시 개체의 경우 접근성을 보장하는 방법들이 이미 나와있습니다. Adobe사는 접근성 관련 페이지(www.adobe.com/accessibility)를 통해 관련 문서를 제공하고 있고, 웹접근성연구소(www.wah.or.kr)의 자료실에 는 이미 해당 부분에 연구 보고서가 등록되어 있습니다. 또한 많은 업체에서 이에 대한 내용을 알고 있고, 제작해본 경험들을 가지고 있습니다.

후보자 홈페이지 6곳 중 5곳이 플래시 메뉴를 사용하고 있었고, 이 중 단 1곳만 접근성을 보장하는 메뉴를 제공하고 있었습니다.

상식적으로 생각해봐도 다른 항목들에 비해 메뉴는 상당히 중요한 비중을 차지합니다. 메뉴를 이용할 수 없다면 해당 홈페이지에서 접근할 수 있는 항목은 상당히 줄어들게 됩니다. 메인 페이지에 최근 글 목록이나 핫링크로 제공되지 않은 항목들은 아예 들어가 볼 수가 없게 되죠. 메뉴를 제외한 모든 항목에 대체 텍스트를 제공한다고 하더라도 메뉴를 이용할 수가 없다면 거의 무용지물이 되고 맙니다. 메뉴의 접근성은 이래서 매우 중요합니다.

예> 접근성을 보장하는 플래시 메뉴
www.xvtech.com / www.thinkforbl.com


사례2. 정보를 포함하는 이미지에 대한 대체 텍스트 제공 부재

선거 후보자 홈페이지에서 가장 중요한 부분은 후보자 프로필과 공약입니다. 많은 후보자 홈페이지에서 프로필과 공약을 감각적으로 꾸미기 위해 이미지를 사용하고, 하나의 이미지에 모든 내용을 넣어서 이미지 파일 하나로 올리곤 합니다. 이 방법 자체는 전혀 문제가 되지 않습니다. 텍스트 정보까지 이미지로 넣은 경우 대체 텍스트를 분명하게 제공해줘야 하는데 그렇지가 않다는 것이 문제입니다.

후보자 홈페이지 6곳 중 4곳은 프로필과 선거공약을 담은 이미지에 대한 대체 텍스트를 전혀 제공하지 않았습니다. 접근성 테스트 툴로 확인해보면 대체텍스트 제공률이 90%를 넘지만 실제 제공되는 대체 텍스트는 <01.gif>, <profile.gif>, <01-1.gif>, <공약최종.gif>, <사용자정의이미지> 같은 식이었습니다. 모두 에디터에서 자동으로 입력해주는 대체텍스트지요. 이런 경우 시각장애인이 스크린리더로 접근한다면 해당 후보의 프로필과 공약에 대한 내용은 전혀 확인을 할 수 없습니다.

후보자 홈페이지 중 1곳은 부분적으로 대체 텍스트를 제공해서 완전하지는 않지만 조금이라도 공약이나 프로필 정보를 얻을 수 있었습니다. 또 다른 후보의 홈페이지 1곳은 이미지와 함께 일반 텍스트로도 공약과 프로필 정보를 제공하고 있어서 시각장애인이 정보를 접하기 매우 수월했습니다.

단순한 이미지의 경우 대체 텍스트 제공에 “alt”값을 사용하지만, 공약과 프로필처럼 많은 내용을 담은 경우 “longdesc”속성을 사용해서 별도로 정보를 제공해주는 것이 좋습니다. longdesc는 대체 텍스트를 제공하는 별도의 페이지를 구성하기 때문에 많은 내용을 시각장애인이 쉽고 정확하게 확인할 수 있습니다.


사례3. 동영상에 소리 없이 나오는 텍스트 정보.

후보자 홍보동영상을 보면 밝고 빠른 분위기의 음악을 배경으로 여러 문구들이 화려한 effect를 뿜어내면서 나타났다 사라지고, 효과음과 함께 움직이고 지나갑니다.
시각장애인의 경우 동영상 플레이어에 대한 접근성 제공이 부족하기 때문에 동영상 재생하기조차 힘들지만 동영상을 재생하더라도 성우의 목소리나 동영상에 대한 정보를 제공하는 텍스트 정보가 없기 때문에 해당 동영상의 내용을 인지할 수가 없습니다.

동영상에서 성우가 멋진 목소리로 문구들을 읽어나갈 경우는 그나마 다행이지만 후보자 홈페이지 6곳 중 4곳은 동영상에 대한 텍스트(음성) 정보를 전혀 제공하지 않았습니다. 후보자 홈페이지 중 2곳은 동영상을 제공하는 페이지 안에 (완전하진 않지만) 동영상에 나타나는 글자와 대화 내용을 텍스트로 제공하고 있어서 시각장애인은 물론 청각장애인에 대한 접근성을 보장하고 있었습니다.

시각장애인에게 동영상의 어떤 부분에 텍스트 정보가 필요한지 궁금하시면, 동영상을 틀어놓고 눈을 감고 소리만 들어보시면 쉽게 아실 수 있습니다. ^^


사례4. 스킵 네비게이션과 체계적인 헤딩 정보의 제공

처음 테스트를 진행할 때만 해도 후보자 홈페이지에서 스킵 네비게이션은 기대도 하지 않았습니다. 대다수의 후보자 홈페이지는 선거를 앞두고 새로 만들어지기 때문에 전혀 기대하지 않았죠. 역시나 후보자 홈페이지 6곳 중 5곳은 스킵 네비게이션은 물론 논리적인 헤딩 구조 조차 제공하지 않았습니다.

홈페이지에서 시각장애인에게 중요한 것 중 하나가 페이지 내의 빠른 이동입니다. 웹페이지를 눈으로 보는 경우 메뉴항목와 정보를 제공하는 내용 부분을 한 번 바라보는 것(시선을 보내는 것)만으로 확인할 수 있지만, 스크린리더를 사용하는 경우 방향키나 탭키 등을 하나씩 누르고 소리를 들어서 내용을 확인하고 이동해야 합니다. 시간이 매우 많이 걸리는 작업입니다. 간단히 말해서 눈으로 스치듯이 보면서 지나가는 항목 하나하나를 키보드를 일일이 눌러가면서 확인해야 하는 것입니다. 이런 반복작인(매우 소모적인) 작업을 피하고 원하는 항목으로 빠르게 이동하기 위해 필요한 것이 스킵 네비게이션과 논리적인 헤딩구조 입니다.

스킵네비게이션은 현재 페이지 링크를 통해 메뉴나 메인컨텐츠 부분으로 빠르게 이동하는 기능을 제공합니다. 또한 논리적인 헤딩 구조는 페이지내의 구조(depth)를 알 수 있도록 하며, 스크린리더의 기능으로 헤딩의 구조를 따라서 손쉽게 원하는 항목으로 이동하는 것이 가능합니다.

주목할만한 점은 후보자 홈페이지 1곳은 <본문으로 바로가기> 스킵네비게이션과 논리적인 헤딩 구성으로 시각장애인이 홈페이지안을 이동하는데 큰 도움을 주고 있었습니다.

참고> 스킵네비게이션에 대한 설명
http://naradesign.net/wp/2010/03/13/1221/
http://www.jangkunblog.com/wp/skip-navigation-is-not-a-quick-link/


테스트 진행 후 결론

후보자 홈페이지 접근을 시작할 때는 매우 부정적인 결과를 예상하고 답답한 마음으로 테스트를 진행했습니다. 물론 예상대로 대부분의 페이지에서 접근성을 보장하지 않고 있었지만…. 일부 후보자의 홈페이지는 (전혀 기대하지 않았던) 생각보다 높은 수준의 접근성을 보장하고 있었습니다.

이번 테스트는 현실을 알려보자는데 목적이 있었습니다. 테스트 결과는 부정적이었지만, 부분적으로나마 웹에서 시각장애인의 사용성을 고려하는 움직임이 일고 있다는 것을 확인했다는 것에 큰 의미를 두고 싶습니다.


테스트 기간 : 2010.5.17~24 (약 7일간)

2010/06/02 23:57 2010/06/02 23:57
해빠 이 작성.

시각장애인은 센스리더를 통해서 인터넷 뿐 아니라 다양한 프로그램을 활용할 수 있는데요.
그중 가장 대표적인 프로그램에 대한 간단한 팁을 공유합니다.

 
[TIP] 센스리더를 통한 한/글 2007 활용




[TIP] 센스리더를 통한 Excel / Powerpoint 활용




[TIP] 센스리더를 통한 PDF 활용




[TIP] 센스리더를 통한 전자 도서관 활용




-------------------------------------------------------------------------------------------------------------------------
위 내용은 Sense Reader Professional Edition v1.2.0.3 을 기준으로 확인되었습니다. 각 응용 프로그램에 대한 버전은 각 파일에서 언급하고 있으므로 해당내용을 참고하세요.
첨부한 파일을 정보 습득 이외의 다른 목적으로 사용하는 것은 불허하며, 스크랩할 경우 출처를 밝혀주시기 바랍니다.
위 내용은 2010년 4월 26일 최종 확인 및 작성되었습니다.
-------------------------------------------------------------------------------------------------------------------------

2010/04/26 21:44 2010/04/26 21:44
해빠 이 작성.

접근성을 보장하는 플래시에 대한 관심이 많고 제작도 되고 있지만
실제로 제작에 대한 팁은 많이 공유되지 않고 있는 것 같습니다.
참고가 될만한 포스팅이 있어서 소개합니다.

 
플래시 네비게이션의 웹접근성 향상방안 1
http://blog.naver.com/qenie/60062695258

플래시 네비게이션의 웹접근성 향상방안 2
http://blog.naver.com/qenie/60062695117
2010/04/26 16:36 2010/04/26 16:36
해빠 이 작성.

이미지에 대한 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
해빠 이 작성.

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

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


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

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
해빠 이 작성.

센스리더 프로페셔널 에디션 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
해빠 이 작성.

« Prev : 1 : 2 : 3 : Next »