캡션 가리기..visibility:hidden;
힘차
안녕하세요.
오늘도 질문을 들고 왔어요..ㅡㅡ;
캡션과 써머리를 넣었었는데 자주쓰는 내용으로 소스를 줄이고자 조금 바꿨더니
캡션을 가려야하는 경우가 생겼어요..
그래서 찾아보던중 visibility:hidden; 이걸 사용하는게 좋을것같은데
문제는 가려지긴 했는데 그만큼 공간이 있어요 ㅠ;
그건 어떻게 해야하나요?
캡션은 가리면 안돼나요..흠
써머리도 넣고 h4로 제목으로도 넣기도했는데; 캡션도 넣어야될거같아서..
-
아이처럼
모두들 여러 대안들을 알려주셔서 감사합니당~
-
뚜야
오버플로우를 히든으로 하고, 텍스트인덴트를 -9999px 이런식으로 추가해보세요.
-
홀림길
전에 했을댄 안됐는데.. 다시하니 되네용.. line-height는 않넣었나봐요ㅋ 감사합니다.
-
퐁당
visibility:hidden에 font-size:0px; height:0px; line-height:0px도 추가해주세요
-
옆집꼬마야
아직까진 센스리더기들의 기술력으로는 display:none을 읽습니다.
-
가림새
display:none 는 없애는거 아닌가요.. 그럼 못읽는다는데 ㅠ
-
유진
//꼬마
스크린리더가 display:none을 읽지 못하는 경우라..;;; 흠;;
원래대로 치면 읽지 말아야하는것이 정석입니다만
아직까진 현재 한국에 센스리더기들이 display 속성을 읽어주는 오류를 범하고 있죠;;
이건 display속성이 문제가 아니라 현재 한국에 스크린리더기가 개선되어야 할 사항입니다.
대표적인 사례가 faq 목록 형식인데 자바스크립트가 동작하지 않는 환경에선
모든 내용이 펼쳐져보이게 작업을 합니다.. 그후에 동작을 하면 an -
두바다찬솔
caption {display:none}
-
크나
접근성 향상을 위해서는 summary와 caption은 필수에요. ^^
visibility:hidden은 보이지 않게 투명하게 가리지만 영역을 차지하고 있어서 공간이 생길거에요.
저 같은 경우는 그냥 display로 씁니다 :D