Notice
Recent Posts
Recent Comments
Link
«   2024/07   »
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