Mozilla 한국 커뮤니티

아래 글들을 읽다가 display: none; 으로 설정하면 스크린 리더에서
읽지 못한다고 보았습니다.

메인페이지에 최근 게시 글 리스트 처럼 마우스를 게시물 타이틀에 갖다대면
해당하는 최근 글 목록이 보이도록 하는 스크립트를 많이 사용하는데요..
여기서 display: none; 으로 설정되어 있는 글 리스트는 알 수 없다는 얘기가
되는데.. 맞나요?

그렇다면 css 에서는 display를 none으로 설정하지 않고 onload 핸들러에서
자바스크립트로 none으로 설정하면 해결될까요?

스크린 리더가 없으니 테스트해 볼 수도 없고.. ^^;;

그리고, 자바스크립트에서 document.write() 메쏘드로 추가한 내용을 스크린
리더에서 인식할 수 있는지도 궁금합니다.


혹시 아시는 분 답변 부탁드립니다.

스크린리더는 상당히 복잡한 프로그램이고 컨텐츠를 인식할때 몇가지의 모드가 있습니다. 이 모드에 따라서 말씀하신 컨텐츠를 인식하기도 하고 못하기도 합니다. 경우에 따라서, display: none으로 설정된 부분도 인식이 되기도 합니다. 그리고 document.write역시 모드에 따라서 다르게 인식이 되는데 document.write는 접근성을 떨어뜨리기 때문에 사용안하시는 것이 좋습니다.

그렇군요..

그렇다면 다른 방법으로 구현하는게 좋겠군요..

감사합니다.