마스터K님
caption 에 클래스로
{width:0;height:0;font-size:0;line-height:0;overflow:hidden;} 먹여서 날리는 방법은 되질 않네요.
어제는 퇴근길이어서, 출근해 xp/ie6 에서 테스트해봤는데 개미눈꼽만한 크기로 caption 이 그대로 나옵니다.
http://sirgle.com/caption_sr_test.php 참고해보세요.
html5 에서 테스트했습니다.
xhtml, html4.01 은 저는 이제 쓸 일이 없어서... ㅎㅎㅎ;; ☞☜
{width:0;height:0;font-size:0;line-height:0;overflow:hidden;} 먹여서 날리는 방법은 되질 않네요.
어제는 퇴근길이어서, 출근해 xp/ie6 에서 테스트해봤는데 개미눈꼽만한 크기로 caption 이 그대로 나옵니다.
http://sirgle.com/caption_sr_test.php 참고해보세요.
html5 에서 테스트했습니다.
xhtml, html4.01 은 저는 이제 쓸 일이 없어서... ㅎㅎㅎ;; ☞☜
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 18개
#zero {width:0;height:0;font-size:0;line-height:0;visibility:hidden;}
</style>
<table id="zero">
<caption>테스트용 테이블</caption>
<thead>
<tr>
<th>1st header</th>
<th>2nd header</th>
<th>3rd header</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
이리하믄 안되나염..
display:none 는 아실텐데 안쓰는이유라도 있나용?..
사실 뭐하는지도 모르고 댓글을...
DB에서 1, 2, 3 증감 이되서 값이 들가믄... 필요없는 데이터 생성할까요...
또 수정시에도 DTD 파일 이 순차적으로는 아니지만 수정시 이미지가 두개만 나와버립니다.
4개올려도 수정시에는 2개 ㅋㅋ 그누보드 순정 dtd 순정도 그런거같던데..
https://github.com/gnuboard/g4dtd/issues
그누보드 순정 관련된 내용은 질문과 답변 혹은 admin@sir.co.kr 을 이용해주세요.
heigh:1px width:1px 대신 font-size랑 line-height로 했더니 ie에선 문제없어보이네요.
table 안에 cellpadding="0" cellspacing="0" 이 속성을 넣어준다음 날려야 6에서도 날라가거든요
html5에선 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;} 여기에다가 visibility:hidden; 을 꼭
써줘야 겠네요.
또는 지운아빠님 방법을 사용하는것도 좋은방법 같습니다.
visibility:hidden 을 쓰면 스크린리더가 읽지 않습니다... ㅠㅠㅠ
{position:absolute;width:0px;height:0px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;} 와 같이 visibility:hidden; 이 들어가는데요.
웹접근성 연구소의 블라인드 css 또한
{visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none} 아래와 마찬가지로 visibility:hidden; 이 들어갑니다.
하지만 제가 직접 스크린리더로 확인하지는 못한거라 확답은 못드리겠네요.
http://html.nhncorp.com/forum/a11y/topic/7
수정하던 중에 코멘트가 달려서 쓰던 글이 날라갔는데... ㅠㅠ
다시 간략하게 쓰자면
border-collapse:collapse;border-spacing:0 을 기본적으로 css 로 먹여놓으면 말씀하신 방법대로 처리는 되지만, 위지윅 에디터까지 생각하면 caption 자체를 날리는 방법은 그다지 좋은 방법은 아닌 것 같습니다. ㅠㅠㅠ
Jaws, NVDA에서 visibility:hidden이 안먹힌다는게 충격이네요
제 짧은 소견에 visibility:hidden 을 읽어줘야 한다는 생각은 지극히 '퍼블리셔' 스러운 생각이라고 생각합니다.
visibility:hidden 을 왜 쓰는가에 대한 고찰이 먼저 선행되어야 할 것 같습니다.
저는 아직 고찰을 못했기 때문에 마키님께 바톤을 넘겨봅니다. 하하하