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 에 클래스로 먹여왔엇는데;; 각종 숨겨야 할것들도요. 마키님하고 지운아빠님걸 한번 써봐야겟네요~
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5830 | 13년 전 | 1190 | ||
| 5829 | 13년 전 | 5058 | ||
| 5828 | 13년 전 | 6441 | ||
| 5827 | 13년 전 | 1217 | ||
| 5826 |
 AKASIA |
13년 전 | 545 | |
| 5825 | 13년 전 | 902 | ||
| 5824 |
 카카오툴즈 |
13년 전 | 1886 | |
| 5823 | 13년 전 | 5624 | ||
| 5822 |
jfascas
|
13년 전 | 1058 | |
| 5821 | 13년 전 | 1706 | ||
| 5820 | 13년 전 | 1321 | ||
| 5819 |
itlang
|
13년 전 | 516 | |
| 5818 | 13년 전 | 1313 | ||
| 5817 | 13년 전 | 788 | ||
| 5816 | 13년 전 | 626 | ||
| 5815 | 13년 전 | 6139 | ||
| 5814 | 13년 전 | 864 | ||
| 5813 |
악마의유혹
|
13년 전 | 463 | |
| 5812 | 13년 전 | 2812 | ||
| 5811 | 13년 전 | 1186 | ||
| 5810 | 13년 전 | 3536 | ||
| 5809 | 13년 전 | 1360 | ||
| 5808 | 13년 전 | 1070 | ||
| 5807 | 13년 전 | 580 | ||
| 5806 | 13년 전 | 563 | ||
| 5805 |
angrysol
|
13년 전 | 824 | |
| 5804 | 13년 전 | 1014 | ||
| 5803 | 13년 전 | 1744 | ||
| 5802 |
angrysol
|
13년 전 | 1069 | |
| 5801 |
후라보노보노
|
13년 전 | 2160 | |
| 5800 | 13년 전 | 1118 | ||
| 5799 |
 울랄라커뮤니케이션스 |
13년 전 | 4200 | |
| 5798 |
울랄라커뮤니케이션스 |
13년 전 | 3370 | |
| 5797 |
울랄라커뮤니케이션스 |
13년 전 | 4940 | |
| 5796 | 13년 전 | 7552 | ||
| 5795 | 13년 전 | 2778 | ||
| 5794 | 13년 전 | 2235 | ||
| 5793 |
 gilynh |
13년 전 | 666 | |
| 5792 | 13년 전 | 2977 | ||
| 5791 | 13년 전 | 849 | ||
| 5790 | 13년 전 | 4331 | ||
| 5789 |
gilynh |
13년 전 | 2482 | |
| 5788 |
 grapedw |
13년 전 | 1858 | |
| 5787 |
오지랖선생
|
13년 전 | 1626 | |
| 5786 | 13년 전 | 5932 | ||
| 5785 | 13년 전 | 1769 | ||
| 5784 |
 simon1004 |
13년 전 | 1455 | |
| 5783 | 13년 전 | 1317 | ||
| 5782 |
울랄라커뮤니케이션스 |
13년 전 | 2828 | |
| 5781 | 13년 전 | 2860 | ||
| 5780 | 13년 전 | 1162 | ||
| 5779 |
 Maximus |
13년 전 | 1360 | |
| 5778 |
오리진소프트
|
13년 전 | 4610 | |
| 5777 | 13년 전 | 687 | ||
| 5776 | 13년 전 | 1166 | ||
| 5775 | 13년 전 | 1475 | ||
| 5774 | 13년 전 | 1898 | ||
| 5773 |
 hy미디어 |
13년 전 | 1925 | |
| 5772 | 13년 전 | 1691 | ||
| 5771 | 13년 전 | 4799 | ||
| 5770 | 13년 전 | 1133 | ||
| 5769 | 13년 전 | 6109 | ||
| 5768 |
Maximus |
13년 전 | 1582 | |
| 5767 | 13년 전 | 1688 | ||
| 5766 |
프로프리랜서
|
13년 전 | 1390 | |
| 5765 |
 하늘제사장 |
13년 전 | 1044 | |
| 5764 | 13년 전 | 1765 | ||
| 5763 |
gilynh |
13년 전 | 788 | |
| 5762 |
gilynh |
13년 전 | 2293 | |
| 5761 | 13년 전 | 624 | ||
| 5760 | 13년 전 | 625 | ||
| 5759 | 13년 전 | 3273 | ||
| 5758 | 13년 전 | 1088 | ||
| 5757 |
gilynh |
13년 전 | 747 | |
| 5756 | 13년 전 | 572 | ||
| 5755 | 13년 전 | 1066 | ||
| 5754 |
AKASIA |
13년 전 | 2234 | |
| 5753 | 13년 전 | 679 | ||
| 5752 | 13년 전 | 1552 | ||
| 5751 | 13년 전 | 772 | ||
| 5750 | 13년 전 | 760 | ||
| 5749 | 13년 전 | 2581 | ||
| 5748 | 13년 전 | 1015 | ||
| 5747 | 13년 전 | 1225 | ||
| 5746 |
hy미디어 |
13년 전 | 657 | |
| 5745 | 13년 전 | 1663 | ||
| 5744 | 13년 전 | 694 | ||
| 5743 | 13년 전 | 839 | ||
| 5742 |
프로프리랜서
|
13년 전 | 584 | |
| 5741 | 13년 전 | 648 | ||
| 5740 | 13년 전 | 639 | ||
| 5739 | 13년 전 | 733 | ||
| 5738 | 13년 전 | 1929 | ||
| 5737 | 13년 전 | 997 | ||
| 5736 | 13년 전 | 1097 | ||
| 5735 | 13년 전 | 1997 | ||
| 5734 | 13년 전 | 1146 | ||
| 5733 | 13년 전 | 2791 | ||
| 5732 |
JOYCOM
|
13년 전 | 649 | |
| 5731 | 13년 전 | 3310 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기