[html/css] table 요소 caption

웹 접근성을 고려하여 table에서 caption요소를 사용합니다.

보통 제목을 h태그로 달아주고 caption요소는 css 로 숨겨주는데,

display:none 요소로 숨길 경우 스크린리더기에서 읽지못하기때문에,

아래소스처럼 처리해줍니다.

table caption {
position: absolute; 
width: 1px !important;
height: 1px !important; 
padding: 0 !important; 
margin: -1px !important;
overflow: hidden !important; 
clip: rect(0, 0, 0, 0) !important; 
white-space: nowrap !important; 
border: 0 !important;
}