visibility:hidden;
민G
visibility:hidden; 값이 적용된 컨텐츠를 스크린리더기가 읽어내나요?
예를들어
div style=visibility:hidden;
pcontent content..................../p
/div
라고 코딩을 한다면....
브라우져 상에는 보이지 않겠죠.. 그럼 스크린리더기는 이 content를 읽어내나요?
아니면 visibility:hidden;의 영향을 받아 스크린리더기도 이 영역은 읽지않고 지나칠까요?
-
크리미걸
visibillity:hidden도 100% 완벽하다고 할 수 없어서 권장 드리지 않습니다.
-
새솔
//아콘수다님
제 말은 visibility와 display의 차이점을 이야기하고자하는것이 아니라 수다님의 말씀처럼 visibility:hidden;를 권장하지 않는다고 하셨는데 그 이유를 알고자 하는 것입니다. -
멱부리
유사한 예로 onclick 이벤트 헨들러는 키보드 접근성을 위해 onkeypress와 같이 명시해야 한다는 웹 접근성 권고 지침이 있습니다만, 오히려 onkeypress가 접근성을 해치게 되는 역할을 하고 있는데요..
그러면 국내 지침이 onkeypress를 쓰라고 하기 때문에 그를 위해서 onkeypress를 꼭 써야 하는 것일까요~? 아니면 그는 잘못된 지침이고 접근성을 위배하기 때문에 KADO-WAH같은 툴과 지침과는 맞지 않으나 접근성에 맞게 -
키클
visibillity:hidden을 사용하는 것이 100%완벽하지 못하다면 그 완벽이란 것의 기준은 무엇인지.그리고 완벽하지 못한 이유 또한 무엇일까요?
-
매1혹
그렇다면...텍스트가 포함된 이미지를 백그라운드로 깔고 내용을 코딩한후 그 내용을 visibility:hidden;으로 처리하면 접근성에 위배도지 않는건가요?
-
은별
visibility:hidden은 화면에서 보이지 않지만 그 영역은 유지하고 있습니다.
display:none; 은 화면에서 보이지 않을 뿐더러 그 영역 자체가 없는걸로 인식합니다.
다만 스크린리더마다 display:none을 옵션설정에 의해 읽을수도 읽지 않을수도 있죠...
만약 분명히 제공되어야 하는 컨텐츠일경우 display:none 이 아닌 visibility:hidden을 권장하고 있습니다.
추후에 개정된 접근성 지침에서 display:none -
꽃가을
보조기기의 설정에 따라서 읽는 여부가 틀려집니다만, visibility:hidden;, display:none 모두 읽힘에 있어 문제가 있다고 합니다. css 설정시에도 width:0; height:0;으로 처리하는 경우 무언가 문제가 있었는데 기억이 안나지만 -_-;;text-indent 속성으로 우주멀리 날려주세요 =_=)...
-
도래솔
지나치지 않습니다...제가 알기론....
-
빛솔
//구차나님
감사합니다. 큰 도움이 되었습니다. -
화이트
정답