이전
목록
다음
탈

마스터K님

지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2013-02-26 (화) 09:11:59 · 4071 · 18
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 은 저는 이제 쓸 일이 없어서... ㅎㅎㅎ;; ☞☜
#퍼블리셔톡 #퍼블리셔
글쓰기

댓글 18개

팡야
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:16:22
<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 는 아실텐데 안쓰는이유라도 있나용?..

사실 뭐하는지도 모르고 댓글을...
지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:17:35
display:none 은 스크린리더에서 읽어주지 않습니다.
팡야
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:18:04
아 그렇군요 스크린리더가 뭐지....ㅋㅋㅋ
지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:18:26
스크린골프 동생이에요 ㅋㅋ
팡야
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:19:03
ㅋㅋㅋㅋㅋ스크린 리더가 시각장애분들 눈이 되어주는거였군요.
팡야
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:21:46
왜 DTD는 파일 업로드 할때 1과 3에 올리면
DB에서 1, 2, 3 증감 이되서 값이 들가믄... 필요없는 데이터 생성할까요...
또 수정시에도 DTD 파일 이 순차적으로는 아니지만 수정시 이미지가 두개만 나와버립니다.
4개올려도 수정시에는 2개 ㅋㅋ 그누보드 순정 dtd 순정도 그런거같던데..
지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:29:10
dtd 관련 내용은 github issue 을 이용해주세요.
https://github.com/gnuboard/g4dtd/issues

그누보드 순정 관련된 내용은 질문과 답변 혹은 [email protected] 을 이용해주세요.
팡야
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:29:39
어머 이미 올려버렸는데 ㅋ
亞波治
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 09:56:52
뭔말인지 모르는 1인....ㅠㅠ
모노폴리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 10:38:57
.popup1 caption span {display:inline-block;font-size:0px;line-height:0px;overflow:hidden;}

heigh:1px width:1px 대신 font-size랑 line-height로 했더니 ie에선 문제없어보이네요.
마스터K
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 10:41:55
아, 제가 쓰는 방법은 5에서는 안되는 방법입니다 ㅠㅠ
table 안에 cellpadding="0" cellspacing="0" 이 속성을 넣어준다음 날려야 6에서도 날라가거든요

html5에선 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;} 여기에다가 visibility:hidden; 을 꼭
써줘야 겠네요.

또는 지운아빠님 방법을 사용하는것도 좋은방법 같습니다.
지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 10:45:49
cellpadding cellspacing 같은 표현 태그는 css 로 쓰세요...
visibility:hidden 을 쓰면 스크린리더가 읽지 않습니다... ㅠㅠㅠ
마스터K
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 10:52:50
보통 스크린리더 사용자를 위한 블라인드 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; 이 들어갑니다.

하지만 제가 직접 스크린리더로 확인하지는 못한거라 확답은 못드리겠네요.
지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 10:58:52
visibility:hidden display:none 는 센스리더만 읽어줍니다.
http://html.nhncorp.com/forum/a11y/topic/7

수정하던 중에 코멘트가 달려서 쓰던 글이 날라갔는데... ㅠㅠ
다시 간략하게 쓰자면

border-collapse:collapse;border-spacing:0 을 기본적으로 css 로 먹여놓으면 말씀하신 방법대로 처리는 되지만, 위지윅 에디터까지 생각하면 caption 자체를 날리는 방법은 그다지 좋은 방법은 아닌 것 같습니다. ㅠㅠㅠ
마스터K
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 11:11:15
좋은링크 감사드립니다.

Jaws, NVDA에서 visibility:hidden이 안먹힌다는게 충격이네요
지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 11:13:49
제가 올린 링크에서도 마키님 같은 의견을 가진 분들이 계신데,

제 짧은 소견에 visibility:hidden 을 읽어줘야 한다는 생각은 지극히 '퍼블리셔' 스러운 생각이라고 생각합니다.
visibility:hidden 을 왜 쓰는가에 대한 고찰이 먼저 선행되어야 할 것 같습니다.
저는 아직 고찰을 못했기 때문에 마키님께 바톤을 넘겨봅니다. 하하하
퍼블리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 12:41:32
.hidden{position:absolute;top:-9999em;left:-9999em;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;overflow:hidden} 제가 쓰는 히든 방식인데요.
퍼블리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-26 (화) 12:51:15
아래글에서 absolute 일 경우 무언가 버그가 있는건가요..? 항상 저식으로 전 cation 에 클래스로 먹여왔엇는데;; 각종 숨겨야 할것들도요. 마키님하고 지운아빠님걸 한번 써봐야겟네요~
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-08-29 조회 4,200
12-08-07 조회 3,864
12-08-03 조회 3,670
12-07-31 조회 3,770
12-07-30 조회 3,719
12-07-16 조회 3,923
12-07-15 조회 3,758
12-07-07 조회 3,615
12-07-06 조회 3,816
12-07-03 조회 3,772
12-06-29 조회 3,404
12-06-22 조회 3,768
12-06-17 조회 4,032
12-05-21 조회 3,949
12-05-02 조회 3,468
12-05-02 조회 4,258
12-05-02 조회 3,381
12-04-30 조회 3,583
12-04-30 조회 3,261
12-03-17 조회 4,137
12-03-10 조회 3,460
12-03-08 조회 3,995
12-03-03 조회 3,698
12-02-27 조회 5,118
12-02-17 조회 4,414
12-02-16 조회 4,691
12-02-03 조회 3,350
12-01-31 조회 3,260
12-01-24 조회 3,260
12-01-17 조회 3,963
12-01-05 조회 3,512
11-12-30 조회 3,241
11-12-23 조회 4,793
11-12-08 조회 3,570
11-12-07 조회 4,523
11-11-27 조회 3,957
11-11-25 조회 4,283
11-11-23 조회 3,721
11-11-22 조회 3,579
11-11-09 조회 3,286
11-10-23 조회 3,228
11-10-19 조회 3,193
11-10-08 조회 2,869
11-10-04 조회 2,868
11-10-04 조회 5,328
11-09-01 조회 4,403
11-08-13 조회 2,580
11-08-06 조회 3,262
11-07-11 조회 3,656
11-06-27 조회 3,013
11-06-21 조회 2,680
11-06-13 조회 2,484
11-06-07 조회 2,495
11-05-26 조회 2,450
11-04-20 조회 2,784
11-03-21 조회 2,878
11-03-18 조회 2,574
11-03-11 조회 2,589
11-02-07 조회 2,425
11-01-18 조회 2,746
11-01-12 조회 2,466
11-01-06 조회 2,555
10-12-10 조회 2,815
10-12-09 조회 2,665
10-12-08 조회 5,095
10-11-29 조회 2,929
10-11-28 조회 2,835
10-11-28 조회 2,665
10-11-19 조회 2,864
10-11-04 조회 2,740
10-10-21 조회 2,462
10-10-19 조회 3,426
10-10-12 조회 2,744
10-10-07 조회 2,583
10-09-30 조회 3,541
10-09-17 조회 3,955
10-09-17 조회 3,891
10-05-31 조회 3,610
09-12-31 조회 3,743
09-07-23 조회 5,063
08-09-16 조회 3,263
08-09-06 조회 3,009
08-09-04 조회 3,434
08-08-16 조회 4,460
08-08-15 조회 3,329
08-08-14 조회 4,545
08-08-12 조회 4,010
08-07-23 조회 2,824
08-07-10 조회 3,781
08-07-04 조회 3,003
08-06-27 조회 7,640
08-06-19 조회 4,952
08-05-27 조회 5,561
08-05-25 조회 5,397
08-05-23 조회 3,472
08-05-23 조회 4,639
08-05-21 조회 4,988
08-05-20 조회 4,100
08-05-20 조회 3,325
08-04-18 조회 4,403
글쓰기