스크린 리더 음성 출력의 문제 해결- display,visibility,overflow

Web/Web Accessibility 2013.12.06 18:11

같은 회사 동료가 진행하고 있는 프로젝트을 옆에서 보다가 

갑자기 궁금해져서 알아봤다.

원래는 나도 테스트를 해봐야 겠지만..

바쁘다는 핑계로 이번엔 패스;;

심플하게 정리해놓은 글이 있어 퍼왔다. 굿~!




테스트버전 : 센스리더 PROFESSIONAL) V 3.0.7.0 /  Jaws : 14.0 / NVDA : 2012.3.1


1. display:none는 센스리더, Jaws, NVDA에서 모두 내용을 읽지 못함

2. visibility: hidden는 센스리더에서는 내용을 읽을 수 있었으나 Jaws, NVDA는 모두 내용을 읽지 못함

3. overflow:hidden의 경우 센스, Jaws, NVDA 모두 내용을 읽을 수 있음


발췌 : 네이버>널리 


{visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0}

설정

트랙백

댓글

웹접근성 색상들

Web/Web Accessibility 2013.11.22 12:55

알다시피 웹 콘텐츠 접근성 지침에서 색상부분을 보면

콘텐츠가 제공하는 모든 정보는 색상을 배제하더라도 인지할 수 있도록 구성되어야 한다.

라고 나와있는데 

'색상이상'인 사람들을 위해 명도차나 기호, 모양을 다르게 하여 표현하면 된다.

또 한가지 색약자와 비색약자 모두에게 명확하게 보일 수 있는 색상들이 있는데

추후 찾는 일이 생길것 같아 포스팅함~!



색약자와 비색약자 모두에게 명확하게 보일 수 있는 색상들색약자와 비색약자 모두에게 명확하게 보일 수 있는 색상들

<색약자와 비색약자 모두에게 명확하게 보일 수 있는 색상들>


Colorblind barrier-free color pallet : Accessibility Color Wheel

  • 색맹환자들을 고려한 컬러값을 표기해줌
  • 왼쪽 부터 Deuteranope – 제2색맹환자(녹색맹환자)고려 컬러, Protanope – 적색맹환자(녹시자)고려 컬러, Tritanope – 제3색맹인 사람 고려 컬러


 웹 접근성 연구소, 다룸(다음)에서 발췌-

설정

트랙백

댓글