마스터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 은 저는 이제 쓸 일이 없어서... ㅎㅎㅎ;; ☞☜
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 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 을 왜 쓰는가에 대한 고찰이 먼저 선행되어야 할 것 같습니다.
저는 아직 고찰을 못했기 때문에 마키님께 바톤을 넘겨봅니다. 하하하