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개
12년 전
<style type="text/css">
#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 는 아실텐데 안쓰는이유라도 있나용?..
사실 뭐하는지도 모르고 댓글을...
#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 는 아실텐데 안쓰는이유라도 있나용?..
사실 뭐하는지도 모르고 댓글을...
12년 전
display:none 은 스크린리더에서 읽어주지 않습니다.
12년 전
아 그렇군요 스크린리더가 뭐지....ㅋㅋㅋ
12년 전
스크린골프 동생이에요 ㅋㅋ
12년 전
ㅋㅋㅋㅋㅋ스크린 리더가 시각장애분들 눈이 되어주는거였군요.
12년 전
왜 DTD는 파일 업로드 할때 1과 3에 올리면
DB에서 1, 2, 3 증감 이되서 값이 들가믄... 필요없는 데이터 생성할까요...
또 수정시에도 DTD 파일 이 순차적으로는 아니지만 수정시 이미지가 두개만 나와버립니다.
4개올려도 수정시에는 2개 ㅋㅋ 그누보드 순정 dtd 순정도 그런거같던데..
DB에서 1, 2, 3 증감 이되서 값이 들가믄... 필요없는 데이터 생성할까요...
또 수정시에도 DTD 파일 이 순차적으로는 아니지만 수정시 이미지가 두개만 나와버립니다.
4개올려도 수정시에는 2개 ㅋㅋ 그누보드 순정 dtd 순정도 그런거같던데..
12년 전
dtd 관련 내용은 github issue 을 이용해주세요.
https://github.com/gnuboard/g4dtd/issues
그누보드 순정 관련된 내용은 질문과 답변 혹은 admin@sir.co.kr 을 이용해주세요.
https://github.com/gnuboard/g4dtd/issues
그누보드 순정 관련된 내용은 질문과 답변 혹은 admin@sir.co.kr 을 이용해주세요.
12년 전
어머 이미 올려버렸는데 ㅋ
12년 전
뭔말인지 모르는 1인....ㅠㅠ
12년 전
.popup1 caption span {display:inline-block;font-size:0px;line-height:0px;overflow:hidden;}
heigh:1px width:1px 대신 font-size랑 line-height로 했더니 ie에선 문제없어보이네요.
heigh:1px width:1px 대신 font-size랑 line-height로 했더니 ie에선 문제없어보이네요.
12년 전
아, 제가 쓰는 방법은 5에서는 안되는 방법입니다 ㅠㅠ
table 안에 cellpadding="0" cellspacing="0" 이 속성을 넣어준다음 날려야 6에서도 날라가거든요
html5에선 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;} 여기에다가 visibility:hidden; 을 꼭
써줘야 겠네요.
또는 지운아빠님 방법을 사용하는것도 좋은방법 같습니다.
table 안에 cellpadding="0" cellspacing="0" 이 속성을 넣어준다음 날려야 6에서도 날라가거든요
html5에선 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;} 여기에다가 visibility:hidden; 을 꼭
써줘야 겠네요.
또는 지운아빠님 방법을 사용하는것도 좋은방법 같습니다.
12년 전
cellpadding cellspacing 같은 표현 태그는 css 로 쓰세요...
visibility:hidden 을 쓰면 스크린리더가 읽지 않습니다... ㅠㅠㅠ
visibility:hidden 을 쓰면 스크린리더가 읽지 않습니다... ㅠㅠㅠ
12년 전
보통 스크린리더 사용자를 위한 블라인드 css는
{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; 이 들어갑니다.
하지만 제가 직접 스크린리더로 확인하지는 못한거라 확답은 못드리겠네요.
{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; 이 들어갑니다.
하지만 제가 직접 스크린리더로 확인하지는 못한거라 확답은 못드리겠네요.
12년 전
visibility:hidden display:none 는 센스리더만 읽어줍니다.
http://html.nhncorp.com/forum/a11y/topic/7
수정하던 중에 코멘트가 달려서 쓰던 글이 날라갔는데... ㅠㅠ
다시 간략하게 쓰자면
border-collapse:collapse;border-spacing:0 을 기본적으로 css 로 먹여놓으면 말씀하신 방법대로 처리는 되지만, 위지윅 에디터까지 생각하면 caption 자체를 날리는 방법은 그다지 좋은 방법은 아닌 것 같습니다. ㅠㅠㅠ
http://html.nhncorp.com/forum/a11y/topic/7
수정하던 중에 코멘트가 달려서 쓰던 글이 날라갔는데... ㅠㅠ
다시 간략하게 쓰자면
border-collapse:collapse;border-spacing:0 을 기본적으로 css 로 먹여놓으면 말씀하신 방법대로 처리는 되지만, 위지윅 에디터까지 생각하면 caption 자체를 날리는 방법은 그다지 좋은 방법은 아닌 것 같습니다. ㅠㅠㅠ
12년 전
좋은링크 감사드립니다.
Jaws, NVDA에서 visibility:hidden이 안먹힌다는게 충격이네요
Jaws, NVDA에서 visibility:hidden이 안먹힌다는게 충격이네요
12년 전
제가 올린 링크에서도 마키님 같은 의견을 가진 분들이 계신데,
제 짧은 소견에 visibility:hidden 을 읽어줘야 한다는 생각은 지극히 '퍼블리셔' 스러운 생각이라고 생각합니다.
visibility:hidden 을 왜 쓰는가에 대한 고찰이 먼저 선행되어야 할 것 같습니다.
저는 아직 고찰을 못했기 때문에 마키님께 바톤을 넘겨봅니다. 하하하
제 짧은 소견에 visibility:hidden 을 읽어줘야 한다는 생각은 지극히 '퍼블리셔' 스러운 생각이라고 생각합니다.
visibility:hidden 을 왜 쓰는가에 대한 고찰이 먼저 선행되어야 할 것 같습니다.
저는 아직 고찰을 못했기 때문에 마키님께 바톤을 넘겨봅니다. 하하하
12년 전
.hidden{position:absolute;top:-9999em;left:-9999em;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;overflow:hidden} 제가 쓰는 히든 방식인데요.
12년 전
아래글에서 absolute 일 경우 무언가 버그가 있는건가요..? 항상 저식으로 전 cation 에 클래스로 먹여왔엇는데;; 각종 숨겨야 할것들도요. 마키님하고 지운아빠님걸 한번 써봐야겟네요~
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7330 | 11년 전 | 1712 | ||
| 7329 | 11년 전 | 955 | ||
| 7328 | 11년 전 | 2246 | ||
| 7327 | 11년 전 | 1737 | ||
| 7326 | 11년 전 | 3838 | ||
| 7325 | 11년 전 | 2302 | ||
| 7324 | 11년 전 | 4537 | ||
| 7323 |
호식이와미돌
|
11년 전 | 1325 | |
| 7322 |
호식이와미돌
|
11년 전 | 1171 | |
| 7321 | 11년 전 | 1817 | ||
| 7320 | 11년 전 | 1788 | ||
| 7319 | 11년 전 | 1346 | ||
| 7318 |
 나는웹디다 |
11년 전 | 1000 | |
| 7317 |
멋진남자임
|
11년 전 | 1646 | |
| 7316 |
잘살아보자
|
11년 전 | 1013 | |
| 7315 | 11년 전 | 1141 | ||
| 7314 | 11년 전 | 1373 | ||
| 7313 |
잘살아보자
|
11년 전 | 1143 | |
| 7312 | 11년 전 | 900 | ||
| 7311 |
사랑한데이
|
11년 전 | 2106 | |
| 7310 |
잘살아보자
|
11년 전 | 1916 | |
| 7309 |
잘살아보자
|
11년 전 | 3077 | |
| 7308 |
잘살아보자
|
11년 전 | 1031 | |
| 7307 |
잘살아보자
|
11년 전 | 796 | |
| 7306 | 11년 전 | 898 | ||
| 7305 |
잘살아보자
|
11년 전 | 2773 | |
| 7304 | 11년 전 | 1061 | ||
| 7303 | 11년 전 | 1254 | ||
| 7302 | 11년 전 | 769 | ||
| 7301 | 11년 전 | 1548 | ||
| 7300 |
mijaya
|
11년 전 | 1520 | |
| 7299 | 11년 전 | 938 | ||
| 7298 | 11년 전 | 1122 | ||
| 7297 | 11년 전 | 799 | ||
| 7296 | 11년 전 | 765 | ||
| 7295 | 11년 전 | 1588 | ||
| 7294 | 11년 전 | 944 | ||
| 7293 | 11년 전 | 835 | ||
| 7292 | 11년 전 | 924 | ||
| 7291 |
잘살아보자
|
11년 전 | 1110 | |
| 7290 |
잘살아보자
|
11년 전 | 796 | |
| 7289 | 11년 전 | 828 | ||
| 7288 |
잘살아보자
|
11년 전 | 1369 | |
| 7287 | 11년 전 | 854 | ||
| 7286 |
잘살아보자
|
11년 전 | 1357 | |
| 7285 | 11년 전 | 849 | ||
| 7284 | 11년 전 | 999 | ||
| 7283 | 11년 전 | 1026 | ||
| 7282 | 11년 전 | 789 | ||
| 7281 | 11년 전 | 829 | ||
| 7280 | 11년 전 | 1080 | ||
| 7279 | 11년 전 | 2004 | ||
| 7278 | 11년 전 | 834 | ||
| 7277 | 11년 전 | 844 | ||
| 7276 | 11년 전 | 776 | ||
| 7275 | 11년 전 | 1199 | ||
| 7274 | 11년 전 | 841 | ||
| 7273 | 11년 전 | 772 | ||
| 7272 | 11년 전 | 1089 | ||
| 7271 | 11년 전 | 1423 | ||
| 7270 | 11년 전 | 1044 | ||
| 7269 | 11년 전 | 983 | ||
| 7268 | 11년 전 | 1013 | ||
| 7267 | 11년 전 | 1864 | ||
| 7266 | 11년 전 | 928 | ||
| 7265 | 11년 전 | 975 | ||
| 7264 |
잘살아보자
|
11년 전 | 2736 | |
| 7263 |
잘살아보자
|
11년 전 | 2273 | |
| 7262 |
잘살아보자
|
11년 전 | 1149 | |
| 7261 |
잘살아보자
|
11년 전 | 1645 | |
| 7260 |
잘살아보자
|
11년 전 | 1266 | |
| 7259 | 11년 전 | 1182 | ||
| 7258 |
잘살아보자
|
11년 전 | 1312 | |
| 7257 |
잘살아보자
|
11년 전 | 1912 | |
| 7256 | 11년 전 | 959 | ||
| 7255 |
그누5입문
|
11년 전 | 1970 | |
| 7254 | 11년 전 | 2179 | ||
| 7253 |
 Terrorboy |
11년 전 | 882 | |
| 7252 | 11년 전 | 1016 | ||
| 7251 | 11년 전 | 736 | ||
| 7250 | 11년 전 | 1710 | ||
| 7249 | 11년 전 | 1564 | ||
| 7248 |
sogo87
|
11년 전 | 1057 | |
| 7247 | 11년 전 | 957 | ||
| 7246 | 11년 전 | 724 | ||
| 7245 |
잘살아보자
|
11년 전 | 1095 | |
| 7244 | 11년 전 | 1546 | ||
| 7243 |
presee
|
11년 전 | 614 | |
| 7242 |
sogo87
|
11년 전 | 801 | |
| 7241 | 11년 전 | 926 | ||
| 7240 |
브라이언2
|
11년 전 | 935 | |
| 7239 |
Terrorboy |
11년 전 | 1148 | |
| 7238 | 11년 전 | 2644 | ||
| 7237 |
잘살아보자
|
11년 전 | 2281 | |
| 7236 |
dethos79
|
11년 전 | 1859 | |
| 7235 |
멋진남자임
|
11년 전 | 1420 | |
| 7234 | 11년 전 | 1359 | ||
| 7233 | 11년 전 | 2341 | ||
| 7232 | 11년 전 | 1621 | ||
| 7231 | 11년 전 | 2803 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기