[웹접근성] 스크린 리더 써야지...사용이유..
마크 인증을 위해서는 필요한데.. 단지 파이어 폭스의 css 제거 기능을 사용해서 순서를 파악하므로
필요없다라고 하는 단순한 생각을 하시는 웟(?) 분들이 있을때 사용하시라 정말 얼마 하지 않는 것때문에
나중에 큰 피해로 돌아 간다는 뻔히 보이는 대로 때 쓰시는(?) 분들을 설득용이라 하겠다.
http://njpaiks.egloos.com/1936740 (백남중 : 한국시각장애인 복지관 - 접근성연구소 자문위원)
http://www.wah.or.kr/Achive/site.asp
(웹접근성연구소 사이트제작일기 - 시각장애인 사이트 사용성 테스트 [검수]
음성낭독장치(Screen Reader)인 센스리더의 몇 가지 특징 )
1. 논리적인 구성에도 스크린리더 종류별 버전별 차이점
ex) 사이트 하단 주소부분
Copyrightⓒ2009 National Information Society Agency 이메일: dezaki@nia.or.kr 한줄구성
이메일: 에서 음성끈김
Copyrightⓒ2009 National Information Society Agency
이메일: dezaki@nia.or.kr
문단태그로 나누어 두줄로 표현
2. 텝메뉴중 현재 실행 되고있는것 표시 하지 않는 문제점
ex) 숨김텍스로 정보제공하여 음성정보 제공
<li class="on"><a href="#pds" id="psd">자료실<span>선택</span></a></li>
<li class="off"><a href="#column">전문가칼럼<span>비선택</span></a></li>
3.회원가입,로그인,게시판 절차나타내는 단계 구분이 음성출력으로 구분가능여부
3-1 회원가입 (단계별표시)
3-2 약관동이 라디오버튼 선택하지 않고 진행시 지적하는 메시지확인창은 출력되나 포커스 해당위치로 이동
3-3 아이디나 이름 입력시 사용가능여부 화면표시 이를 음성으로 확인할수 없음 (Alert 등으로 표시하게 변경)
4.스크린리더(센스리더) 프로그램상 문제점
ex)display:none
숨긴내용:읽기 ->기본설정
2008.년7월 센스리서 프로페셔널1.0부터 처리를 하나 기본값을 선택으로 하였다.
5.프로그램별 스타일시트사용
- 센스리더 프로 Full Version
- Jaws for Windows 9.0.519U
- WinEye 6.1
5-1. display:none 사용
5-2. class: hide 활용
5-3. imported style sheet에 display:none 사용
5-4. 본문에 display:none 입력하고, embedded aural style sheet에 normal:speak 사용
5-5. 1x1 픽셀짜리 이미지(spacer.gif)에 Alt text 사용하고 감추기
5-6. 10x1 픽셀짜리 이미지(spacer.gif)에 Alt text 사용하고 감추기
5-7. no size를 활용하여 감추기
5-8. class=hidden 활용하여 감추기
5-9. class=offlet 활용하여 감추기
5-10. position:absolute 활용
5-11. text-indent: -5000px 활용
5-12. LETTER-SPACING: -1000em 활용
6. 테이블 태그
- 테이블 태그의 summary 값은 보이지 않음
- 하위 th 태그 및 scope 값의 형태에 따라 읽는 방법의 변화를 알수 없음
7. 링크
- 링크 주소를 읽기는 알수 없음
- button 태그의 링크 주소 읽기는 알수 없음
8. 브라우져 마다 다른 형태를 보임
- 파이어 폭스 외 다른 브라우져에서 스크린더가 작동하므로 작동오류를 찾기 어려움
- 포커스의 이동이 브라우져 마다 다를 수 있음.
- 자바스크립트로 포커스 제어 후에 읽음 형태를 파악할수 없음
9. 복잡한 컨텐츠
- 플래시 및 새창 열기등으로 이루어진 페이지의 읽음형태를 파악할 수 없음
------------------------------------------------------------------------------------------
맺음말.
- 물론 틀린 부분이나 말이 안되는 부분이 있을 수 있다.
- 알아서 고쳐서 사용하시라.