Notice
Recent Posts
Recent Comments
Link
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Archives
Today
Total
관리 메뉴

web sprit

[CSS] 웹접근성을 위한 CSS blind 처리(안보이게) 본문

웹1.0/CSS, CSS2

[CSS] 웹접근성을 위한 CSS blind 처리(안보이게)

커드만 2022. 5. 29. 22:00

특정 태그의 화면에 나오는 부분을 
웹접근성에 위반되지 않도록 CSS 로 처리하는 방법에 대해 알아보려 합니다.
대부분 caption, label, legend 등을 안보이게 처리합니다.

저는 안보이게 처리하는 CSS 네이밍을 blind로 명칭합니다.

.blind{
	visibility:hidden;
	position:absolute;
	top:-9999999px;
	left:-9999999px;
	width:1px;
	height:1px;
	margin:0;
	padding:0;
	background:none;
	font-size:0;
	line-height:0;
	text-indent:-9999999px;
}

 

Comments