Haeppa World

스크린리더를 위한 태그 예제 (1)

2009/05/14 09:47 / 스크린리더 이야기

태그 작성에 따라 스크린리더가 음성출력을 어떻게 하는지 확인해 보았습니다.

테스트환경
Windows XP SP3
Internet Explorer 8
Sense Reader Professional Edition v1.1.0.6

1. HEADING

헤딩 간 이동 단축키 <Ctrl+F6> 를 사용할 경우 아래와 같이 음성출력합니다.
<h1>이미지</h2>의 경우 별도의 항목으로 처리되어 헤딩을 사용하는 의미가 약해집니다.

예제소스

음성출력

네이버

메일 뉴스 카페

네이트

메일 뉴스 카페

싸이월드

메일 뉴스 미니홈피

<h2>네이버</h2>
메일 뉴스 카페

<h2>네이트</h2>
메일 뉴스 카페

<h2>싸이월드</h2>
메일 뉴스 미니홈피

네이버 헤딩2

네이트 헤딩2

싸이월드 헤딩2

2. TABLE

표를 읽을 때 화살표 위/아래 키로 이동할 경우 아래와 같이 음성출력합니다.
행과 행 사이는 빈줄을 넣어 구분하게 됩니다.
summary는 “테이블설명”으로, caption은 “테이블제목”으로 음성출력합니다.
th, scope 태그에 대해서 아직 별도의 처리를 하지 않고 있습니다.
<Ctrl+Alt+방향키>를 이용하면 화면상의 테이블 구조대로 이동하며 테이블을 확인할 수 있습니다.

예제소스		음성출력
	<table summary="판매중인 메뉴와 가격, 옵션 메뉴“ border="1"> <caption>메뉴판</caption> <tr> <th>메뉴</th> <th>가격</th> <th>추가메뉴</th> </tr> <tr> <td>돈까스</td> <td>5500원</td> <td>밥, 샐러드</td> </tr> <tr> <td>피자</td> <td>20000원</td> <td>토핑, 치즈</td> </tr> </table>	테이블 시작 3행 3열 테이블 설명:판매중인 메뉴와 가격, 옵션 메뉴 테이블 제목:메뉴판 메뉴 가격 추가메뉴 빈줄 돈까스 5500원 밥, 샐러드 빈줄 피자 20000원 토핑, 치즈 테이블 끝

3. LIST

목록의 처음과 끝에 목록시작, 목록끝을 음성출력합니다.
가상커서 설정에서 on/off 가능합니다. (Ctrl+Shift+F9)
목록의 깊이에 따라 단계1 단계2 와 같이 음성출력합니다.
목록은 위/아래 화살표로 이동합니다.

예제소스		음성출력
	<ul> <li>가</li> <li>나</li> <ul> <li>다</li> <li>라</li> <ul> <li>마</li> <li>바</li> </ul> </li> </ul> </ul>	목록시작 개수2 가 나 목록시작 개수2 단계1 다 라 목록시작 개수2 단계2 마 바 목록끝 단계2 목록끝 단계1 목록끝

예제소스		음성출력
	<ol> <li>이나영</li> <li>문근영</li> <li>황보</li> <li>화요비</li> <ol> <li>패밀리가떴다</li> <li>1박2일</li> <li>미녀들의수다</li> </ol> </li> </ol>	목록시작 개수4 1.이나영 2.문근영 3.황보 4.화요비 목록시작 개수3 단계1 1.패밀리가떴다 2.1박2일 3.미녀들의수다 목록끝 단계1 목록끝

예제소스		음성출력
	<dl> <dt>엑스비전</dt> <dd>테크놀로지</dd> <dt>센스리더</dt> <dd>프로페셔널</dd> </dl>	정의목록시작 개수2 엑스비전 테크놀로지 센스리더 프로페셔널 목록끝

4. INPUT TEXT

<Ctrl+F8>로 이동시 label이나 title 값이 있으면 음성출력합니다.
label과 title이 중첩될 경우 label을 음성출력합니다.
화살표 위/아래 이동 시 label은 음성출력되지만 title은 음성출력되지 않습니다.
로그인 / 메일작성 / 게시물작성 시 사용되는 편집창들에 label이나 title을 사용해주세요.

예제소스		음성출력
제목	<form> <label for="subject1">제목</label> <input id="subject1" type="text" />	제목 편집창
제목	<label for="subject2">제목</label> <input id="subject2" title="적어주세요" type="text" />	제목 편집창
	<input title="적어주세요" type="text" /> </form>	적어주세요 편집창

<Ctrl+F8>로 이동시 alt나 title 값이 있을 경우 음성출력합니다.
alt와 title이 중첩될 경우는 title를 음성출력합니다.
readonly의 경우 “읽기전용편집창”으로 음성출력합니다.
type=password는 alt나 title이 없어도 자체 속성값에 의해 “암호편집창”으로 음성출력합니다.

예제소스		음성출력
	<input type="text" value="우편번호" title="자동입력" readonly="readonly">	자동입력 우편번호 읽기전용편집창
	<input type="password" alt="비밀번호">	비밀번호 암호편집창
	<input type="password" title="비밀번호입력">	비밀번호입력 암호편집창
	<input type="password" title="비밀번호입력" alt="비밀번호">	비밀번호입력 암호편집창
	<input type="password">	암호편집창

5. INPUT IMAGE

input image의 경우 <Ctrl+F2>로 이동시 alt나 title이 있을 경우 음성출력합니다.
alt 와 title이 중첩될 경우 title을 음성출력합니다.
이미지버튼의 경우 alt 값 사용을 권장합니다.

예제소스		음성출력
	<input type="image" alt="확인" src="img/confirm.gif“>	확인 이미지버튼
	<input type="image" title="확인해" src="img/confirm.gif">	확인해 이미지버튼
	<input type="image" alt="확인" title="확인해" src="img/confirm.gif“>	확인해 이미지버튼

6. CHECKBOX / RADIO

<Ctrl+F2>로 이동시 label 이나 title이 있으면 음성출력합니다.
checkbox는 ‘체크상자’로, radio는 ‘라디오버튼’으로 음성출력합니다.
항목의 선택 여부에 따라 해제/선택 으로 음성출력합니다.

예제소스		음성출력
옵션상품	<input type="checkbox" id="check_test1"><label for="check_test1">옵션상품</label>	해제 옵션상품 체크상자
직업선택	<input type="radio" id="radio_test1"><label for="radio_test1">직업선택</label>	해제 직업선택 라디오버튼

<Ctrl+F2>로 이동시 label 이나 title이 있으면 음성출력합니다.
label과 title이 중첩될 경우 label을 음성출력합니다.
화살표 위/아래 이동시 label은 음성출력되지만 title은 음성출력되지 않습니다.
선택 여부에 따라 해제/선택 으로 음성출력합니다.

예제소스		음성출력
직업선택	<input type="checkbox" id="check_test2" title="백수인생"><label for="check_test2">직업선택</label>	해제 직업선택 체크상자
	<input type="checkbox" id="check_test3" title="백수인생">	해제 백수인생 체크상자

7. TEXTAREA

<Ctrl+F2/F8>로 이동시 label이나 title이 있을 경우 음성출력합니다.
label과 title이 중첩될 경우 label 값을 음성출력합니다.
화살표 위/아래 이동시 label은 음성출력되지만 title은 음성출력되지 않습니다.

예제소스		음성출력
이용 약관 잘지키세요	<label for="textarea_test1">이용 약관</label> <textarea id="textarea_test1" rows="2" cols=“10">잘지키세요</textarea>	이용약관 잘지키세요 멀티라인편집창
잘지키세요	<textarea id="textarea_test2“ rows="2" cols=“10“ title="내용">잘지키세요</textarea>	내용 잘지키세요 멀티라인편집창
이용약관 잘지키세요	<label for="textarea_test3">이용약관</label> <textarea id="textarea_test3" rows="2" cols=“10" title="내용">잘지키세요</textarea>	이용약관 잘지키세요 멀티라인편집창

8 SELECTBOX

Ctrl+F2>로 이동할 경우 다음 표와 같이 음성출력합니다.
label이나 title이 있으면 음성출력합니다.
label과 title이 중첩될 경우 label을 음성출력합니다.
화살표 위/아래 이동시 label은 음성출력되지만 title은 음성출력되지 않습니다.
seletectbox는 콤보상자로 음성출력합니다.
selectbox는 <Ctrl+위/아래>로 항목을 선택할 수 있습니다.
<Alt+위/아래>는 항목이 선택되지 않고 읽는 기능만 합니다.

예제소스		음성출력
	<select> <option value="1">선택하세요</option> <option value="2">네이버</option> <option value="3">다음</option> </select>	선택하세요 콤보상자 네이버 2/3 다음 3/3
포탈선택	<label for="potal_test1">포탈선택</label> <select id="potal_test1"> <option value="1">선택하세요</option> <option value="2">네이버</option> <option value="3">다음</option> </select>	포탈선택 선택하세요 콤보상자 네이버 2/3 다음 3/3
	<select title="포탈사이트"> <option value="1">선택하세요</option> <option value="2">네이버</option> <option value="3">다음</option> </select>	포탈사이트 선택하세요 콤보상자 네이버 2/3 다음 3/3
포탈선택	<label for="potal_test2">포탈선택</label> <select title="포탈사이트" id="potal_test2"> <option value="1">선택하세요</option> <option value="2">네이버</option> <option value="3">다음</option> </select>	포탈선택 선택하세요 콤보상자 네이버 2/3 다음 3/3

9 IMG

화살표 위/아래로 이동시 이미지에 alt나 title이 있으면 음성출력합니다.
alt와 title이 중첩될 경우 title를 음성출력합니다.
alt=“”는 이미지가 없는 것처럼 그냥 지나치지만 title=""은 파일명을 출력합니다.
alt나 title이 없을 경우는 파일명을 음성출력합니다.
이미지의 경우 alt 사용을 권장합니다.

예제소스	음성출력
<img src="img/mcmong.jpg" alt="MC몽">	MC몽 이미지
<img src="img/mcmong.jpg" title=“원숭이몽">	원숭이몽 이미지
<img src="img/mcmong.jpg" title=“원숭이몽“ alt=“MC몽”>	원숭이몽 이미지
<img src="img/mcmong.jpg" alt=““>	(이미지가 없는 듯 지나감)
<img src="img/mcmong.jpg" title=“”>	mcmong.jpg 이미지
<img src="img/mcmong.jpg" />	mcmong.jpg 이미지

10. A HREF / IMG

img 태그 안에 alt가 있을 경우 음성출력합니다.
img 태그 안에 alt가 없을 경우 a 태그 안의 title값을 음성출력합니다.
Img 태그의 alt와 a 태그의 title이 중첩될 경우 title를 음성출력합니다.
a 태그 안에 target="_blank"가 있을 경우 ‘새창’으로 음성출력되기 때문에 title에 별도로 새창이라고 입력할 필요는 없습니다. (상황에 따라 달라질수도 있음)
이미지의 경우 alt 사용을 권장합니다.

예제소스	음성출력
<a href="http://www.naver.com" target="_blank"><img src="img/naver.gif" alt="네이버" /></a>	네이버 새창 그래픽링크
<a href="http://www.naver.com" title="접속하기" target="_blank"><img src="img/naver.gif" /></a>	접속하기 새창 그래픽링크
<a href="http://www.naver.com" title="접속하기" target="_blank"><img src="img/naver.gif" alt="네이버" /></a>	접속하기 새창 그래픽링크

11. LONGDESC

img에 longdesc를 넣었을 경우‘설명있음’으로 음성출력하고 <Alt+Enter>를 누르면 해당내용을 확인할 수 있습니다.

예제소스	음성출력
<img src="img/mcmong.jpg" alt="MC몽" longdesc="mcmong.txt" />	MC몽 설명있음 이미지

12. IMAGEMAP

이미지맵에서 area 태그 안에 alt나 title이 있으면 shape 유형에 관계없이 음성출력합니다.
화살표 위/아래로 이동시 음성출력합니다.
이미지의 경우 alt 사용을 권장합니다.

예제소스

음성출력

이미지맵예제 이미지

네이버 새창이미지맵링크

네이트 새창이미지맵링크

인텔 새창이미지맵링크

이글루스 새창이미지맵링크

마이크로소프트 새창이미지맵링크

13. IFRAME

iframe에 title이 있을 경우 음성출력합니다.
iframe안에 담긴 페이지의 head 안에 title이 있을 경우 음성출력합니다.

예제소스	음성출력
<iframe src="iframe_form.html" width="350" height="100" frameborder="1" title="로그인하기"></iframe>	로그인하기 프레임시작 1/1
!-- iframe_form.html <head> <title>iframe에 삽입할 페이지</title> </head>	iframe에 삽입할 페이지 (iframe 내용) 프레임끝

전체적으로 종합해 보면
폼컨트롤에는 label이나 title을, 이미지에는 alt를 사용하시는 것이 좋습니다.
위 내용 중 잘못된 부분이 있으면 댓글 남겨주세요.

이 테스트는 아래의 포스팅을 참고해서 진행되었습니다.
http://html.nhndesign.com/accessibility_sensereader_review - NURI 한혜진 님의 “센스리더 최신버전 리뷰”
http://beone.tistory.com/trackback/349 - BeOne’ World의 “시각장애인의 스크린리더 테스트”

해빠 이 작성.

TAGS 센스리더, 스크린리더, 시각장애, 웹접근성, 화면낭독

트랙백이 없습니다 , 2 개의 댓글

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

Comment RSS : http://www.haeppa.kr/rss/comment/11
Comment ATOM : http://www.haeppa.kr/atom/comment/11
유낙동 2011/11/21 19:59 편집/삭제 댓글 작성 댓글 주소

title과 alt가 중첩될때 title이 음성출력된다고 하신것과(alt를 우선시 읽어주네요)
위아래 방향키 이동시 label은 읽어주고 title은 읽지 않는다는 부분은 수정해야 할 것 같습니다~
(둘다 읽어주지 않네요)
- 해빠 2011/11/22 00:54 편집/삭제 댓글 주소
  
  좋은 지적 감사합니다.
  
  안그래도 잘못된 부분이 있어서 수정하려고 했는데 차일 피일 미루게 되네요
  일단 이미지에서 alt값을 먼저 읽어주는 부분이 맞습니다.
  title은 별도의 단축키를 활용해서 정보를 확인할 수 있습니다.
  
  폼 컨트롤에 포커스가 진입하는 방식에 따라 음성출력 방식이 달라집니다.
  위/아래 방향키로 읽을 경우 폽의 이전/다음에 위치한 label 정보를 거치기 때문에 label 을 함께 음성출력하지 않습니다.
  다만 탭키나 기타 단축키로 폼에 진입하는 경우 폼의 이전/다음에 있는 label 정보를 건너뛰어서 용도를 알 수 업기 때문에 label+폼의 형태로 음성출력하게 됩니다.
  이런 동작은 폼에서의 title 정보도 동일합니다.

« Prev : 1 : Next »

스크린리더(Screen Reader)란 무엇인가?

2009/05/09 23:06 / 스크린리더 이야기

스크린리더에 대해서 모르는 사람들이 많아 간략하게 정리해보았습니다.
아래 내용 중 사실과 다르거나 수정이 필요한 부분이 있으면 댓글 남겨주세요.

1. 스크린리더(Screen Reader)란?

스크린리더 (Screen reader)는 시각장애인이 컴퓨터를 사용할 때 화면에 나타나는 정보들을 음성으로 출력해주는 화면낭독 프로그램입니다. 운영체제와 응용프로그램 등의 메뉴를 키보드로 이동할 때 해당내용을 음성으로 출력해주거나 옵션 대화상자에서 이동하는 항목에 대한 정보를 음성으로 출력해 줌으로서 화면을 읽을 수 없는 시각장애인도 컴퓨터를 사용할 수 있도록 도움을 주는 보조기구입니다. 화면의 변화를 자동으로 낭독해주는 기능 뿐 아니라 내가 원하는 곳을 다시 읽거나 별도의 정보를 호출해 음성으로 들을 수도 있습니다.

마우스 없이 키보드의 단축키만으로 모든 기능을 제어하기 때문에 처음에 사용법을 배우는 것이 조금 어렵습니다. 하지만 사용방법을 익히고 나면 숙련도에 따라 많은 응용프로그램들을 활용할 수 있게 됩니다. 현재 국내의 스크린리더들은 키보드의 캐럿이나 포커스의 움직임을 제어할 뿐 아니라 마우스 움직임도 제어할 수 있는 기능까지 지원하고 있습니다.

인터넷이 활성화된 요즘에는 시각장에인들도 웹에 대한 욕구가 늘어나고 있습니다. 그래서 몇 년 전부터 스크린리더도 웹페이지에 대한 정보들을 음성으로 출력해주는 기능을 지원하고 있습니다. 웹접근성을 염두에 두고 제작된 웹페이지라면 숙련도에 따라 일반인과 거의 동등한 수준의 웹서핑을 즐길 수도 있습니다.

2. 국내 스크린리더의 역사

국내에 스크린리더가 나타난 것은 과거 DOS 시절부터입니다. 이때는 여러 종류의 스크린리더들이 사용됐었지만 지금 기억에 남는 것은 하나 밖에 없네요. 1990년대에 ‘가라사대’라는 ISA카드를 이용한 플랫폼이 있었는데, 이것은 하드웨어TTS와 이를 제어하는 소프트웨어가 결합된 형태의 스크린리더였습니다. 원래 이 ISA카드는 로봇의 음성출력을 위해 제작된 것이었는데, 한 시각장애인 프로그래머가 이를 도입해서 스크린리더로 개발한 것입니다. 가라사대는 DOS 부터 Windows까지 매우 광범위하게 오랜 기간(대략 2000년대 초반까지) 시각장애인들에게 널리 사용되었습니다.

Windows 95가 등장하면서 시각장애인들의 컴퓨터 사용에 일대 암흑기가 도래했었습니다. 운영체제가 달라지면서 DOS기반의 ‘가라사대’를 더 이상 사용할 수가 없게 된 것이죠. Windows 95는 사용해보지도 못하고 Windws 98이 나올 즈음까지 시각장애인들은 주로 DOS기반의 구형 컴퓨터를 사용해야 했습니다. 그 뒤 소리눈98, 소리눈2000, 아이즈2000, 드림보이스 등이 등장하면서 시각장애인들도 Windows 기반의 컴퓨터를 사용할 수 있게 되었습니다. 초기 Windows 기반의 스크린리더는 버그가 많았고 GUI에 대해 많은 부분이 지원되지 않아 정상적으로 사용하기는 힘들었습니다. 안정적으로 수월하게 Windows를 사용하기 시작한 것은 대략 2000년 경이었습니다.

2001년 Windows XP의 등장으로 스크린리더도 다시 한 단계 업그레이드 되었습니다. 기존 스크린리더들이 Windows XP를 지원하기는 했지만 겨우 사용할 수 있는 수준이었습니다. 그로 인해 새로운 스크린리더가 개발되기까지 상당기간 Windows 98을 사용했습니다. 2003년경 이브포윈도우즈, 센스리더, 드림보이스가 새롭게 개발되면서 시각장애인들도 Windows XP를 원활하게 사용하기 시작했습니다.

2007년 Windows Vista가 등장했던 당시에도 이를 지원하는 스크린리더는 존재하지 않았습니다. 국내에서는 최초로 2008년에 ‘센스리더 프로페셔널 에디션’이 출시되면서 시각장애인도 Windows Vista를 사용할 수 있게 되었습니다.

3. 스크린리더와 TTS

스크린리더가 Windows 기반으로 넘어오면서 많은 점이 바뀌었는데요. 그 중 가장 크게 눈에 띄는 것은 하드웨어방식의 TTS대신 소프트웨어 방식의 TTS를 사용하기 시작한 점에 있습니다. (TTS란 Text To Speech의 약자로 문자를 음성으로 변환해주는 솔루션을 말합니다.) Windows 98까지만 해도 윈도우즈 기반의 스크린리더에 소프트웨어 방식의 TTS와 하드웨어방식의 ‘가라사대’가 함께 이용되기도 됐지만 Windows XP로 넘어오면서 모든 스크린리더에서 소프트웨어 방식의 TTS만을 사용하고 있습니다.

TTS에도 2가지 방식이 있습니다. 일반 애플리케이션 형태의 음성합성 엔진과, MS Windows의 SAPI(Speech Application Programming Interface) 기반 TTS엔진이 있습니다. 현재 국내에 출시된 스크린리더는 일반 애플리케이션 형태의 VoiceText 엔진을 사용하고 있습니다. 외국에서는 SAPI 기반의 다양한 음성 합성엔진들이 개발되어 다양한 스크린리더에 사용되고 있습니다. 영어의 경우 사람이 말하는 것과 유사한 형태까지 기술발전이 이루어졌지만, 국내에서는 아직 여기에까지는 미치지 못하고 있습니다.

4. 현재 사용 가능한 스크린리더의 종류

1) 국내
예전에 많은 스크린리더가 있었는데 현재는 아래 2가지 버전만 릴리즈 되고 있습니다.
아래의 2가지 스크린리더 모두 시각장애인에 의해서 개발되고 있습니다.
▷ 센스리더 프로페셔널 에디션 (Sense Reader Professional Edition) – v1.1.0.6
: (주)엑스비전테크놀로지(www.xvtech.com)에서 개발해서 판매하는 스크린리더, 버전에 따라 30~60만원 대에 판매되고 있습니다. 강력한 기능으로 가장 널리 사용되고 있는 스크린리더이며 현재까지도 기능개선이 진행되고 있습니다.
▷ 드림보이스 (Dream Voice) – v6.21
: 실로암시각장애인복지관(www.silwel.or.kr)에서 개발해서 보급하는 스크린리더, 국비지원으로 시각장애인의 신청을 받아 무료로 보급하고 있습니다.

2) 국외
Jaws for Windows : www.freedomscientific.com, 895~1,095 USD
Window-Eyes : www.gwmicro.com/Window-Eyes, 299~895 USD
Thunder : www.screenreader.net, FREE for indivisual
Orca : http://live.gnome.org/Orca/AccessibleApps, OpenSolaris/Fedora/Ubuntu 지원(내장)

위 내용은 2009년 5월 5일 기준으로 작성되었습니다.

해빠 이 작성.

TAGS 센스리더, 스크린리더, 시각장애, 웹접근성, 화면낭독

트랙백이 없습니다 , 2 개의 댓글

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

Comment RSS : http://www.haeppa.kr/rss/comment/4
Comment ATOM : http://www.haeppa.kr/atom/comment/4
joogunking 2011/07/06 22:15 편집/삭제 댓글 작성 댓글 주소

좋은 글 감사합니다. 스크린 리더는 웹서비스하는 곳에서 무료로 지원했으면 좋을 것 같습니다.
현재 국방일보 http://kookbang.dema.mil.kr/ 에서 적용중인 Voicemon DS가 좋은 솔루션같더군요.
http://www.voicemon.com/main.odc
- 해빠 2011/07/11 23:18 편집/삭제 댓글 주소
  
  반갑습니다.
  얼핏 보면 웹기반 TTS 서비스가 좋아보일 수 있지만...
  시각장애인을 기준으로 봤을 때 서버기반 TTS는 오히려 불편합니다.
  어차피 시각장애인은 데스크탑에서 사용하는 스크린리더가 있으니
  웹에서 서비스하는 TTS음성이 나오게되면 중복으로 음성이 출력되서 매우 불편합니다.
  또한 웹기반 TTS는 기존 스크린리더와 사용방식이 다르기 때문에 사용법을 새로 배워야하는 문제점도 있구요.
  시각장애인을 기준으로 봤을 때는 웹상에서 굳이 다른 TTS 서비스가 필요하지 않죠.
  사용자 입장에서 한번만 더 생각해보시면 어떤 방법이 좋은지 금방 이해하실 수 있을 것 같습니다.
  감사합니다.

« Prev : 1 : Next »

센스리더 프로페셔널 에디션 버그 리포트 - 인터넷 익스플로러 8

2009/05/06 23:26 / 스크린리더 이야기

센스리더 프로페셔널 에디션 버그 리포트 – 인터넷 익스플로러 8

테스트 환경
Windows XP SP3
Internet Explorer 8
Sense Reader Professional Edition v1.1.0.6 & v1.1.0.7(비공개테스트버전)

1. 인터넷 옵션을 열었을 때 센스리더의 포커스가 바로 이동하지 않는다.

주로 고사양의 컴퓨터에서 IE7과 IE8을 사용할 경우 이런 현상이 발생합니다. ‘Smartscreen’ 대화상자나 ‘다른이름으로 대상저장’ 대화상자에서도 같은 현상이 발생합니다.

v1.1.0.7 이후 문제 해결

2. 가상커서의 문자열 찾기 기능<Ctrl+F>을 사용했을 때 찾아진 위치를 바로 읽어주지 않는다.

v1.1.0.7 이후 문제 해결

3. 탭 브라우징 관련 단축키가 전혀 작동하지 않는다. <Ctrl+TAB / T / W / Q / 1~9>

센스리더로 탭 브라우징을 사용함에 있어 기존 기능키와의 중복 문제가 발생하고 있습니다. <Ctrl+N>을 눌러 한번씩 센스리더의 단축키를 skip할 수는 있지만 매우 불편합니다. 인터넷 익스플로러의 탭 브라우징을 사용하기 위해 기능키 환경에 대한 새로운 논의가 필요해 보입니다.

4. 탭 전환시에 탭의 제목을 읽어주지 않는다.

<Ctrl+N>을 눌러 센스리더 기능키를 skip한 후 <Ctrl+TAB>으로 탭을 전환할 때 탭의 제목을 읽어주지 못하는 현상이 있습니다. 그래서 대안으로 빠른탭 <Ctrl+Q> 기능을 이용하면 탭의 제목을 확인할 수 있습니다. 앞으로 수정되어야 하는 내용입니다.

5. 익스플로러 8의 시스템 메뉴를 읽어주지 않는다.

<Alt+Spacebar>로 인터넷 익스플로러의 시스템 트레이 메뉴를 호출해서 창의 크기를 최소화/최대화로 변경할 수 있는데 현재 이 부분에서 음성지원이 전혀 이루어지지 않고 있습니다. 이부분 역시 앞으로 수정되어야 하는 내용입니다.

해빠 이 작성.

TAGS IE8, 버그, 센스리더, 스크린리더, 시각장애, 웹접근성, 익스플로러, 화면낭독

1 개의 트랙백 , 2 개의 댓글

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

Comment RSS : http://www.haeppa.kr/rss/comment/10
Comment ATOM : http://www.haeppa.kr/atom/comment/10
비밀방문자 2009/05/07 09:55 편집/삭제 댓글 작성 댓글 주소

관리자만 볼 수 있는 댓글입니다.
- 비밀방문자 2009/05/21 17:36 편집/삭제 댓글 주소
  
  관리자만 볼 수 있는 댓글입니다.

« Prev : 1 : Next »

Haeppa World

검색어 '스크린리더 이야기'에 대한 33 개의 검색 결과

스크린리더를 위한 태그 예제 (1)

1. HEADING

네이버

네이트

싸이월드

2. TABLE

3. LIST

4. INPUT TEXT

5. INPUT IMAGE

6. CHECKBOX / RADIO

7. TEXTAREA

8 SELECTBOX

9 IMG

10. A HREF / IMG

11. LONGDESC

12. IMAGEMAP

13. IFRAME

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

스크린리더(Screen Reader)란 무엇인가?

1. 스크린리더(Screen Reader)란?

2. 국내 스크린리더의 역사

3. 스크린리더와 TTS

4. 현재 사용 가능한 스크린리더의 종류

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

센스리더 프로페셔널 에디션 버그 리포트 - 인터넷 익스플로러 8

Internet Explorer 8 스크린리더 사용성 테스트 - 센스리더

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

Haeppa World - 최근 공지

카테고리

새로 등록된 글

새로 등록된 댓글

태그

글 보관함

링크