웹접근성
<caption>제공방법이 부적절한 경우
yeon.Biju
2018. 4. 4. 14:18
<caption>제공방법이 부적절한 경우 로 지적을 받아서 수정중
항목 20. 표는 이해하기 쉽게 구성해야 한다.
<caption>제공방법이 부적절
- <caption>요소에 적용된 display:none css로 인해 스크린리더에서 <caption>을 인식하지 못하는 오류가 발생합니다.
PC용 웹사이트에서 스크린리더가 인식해야 하는 요소를 숨김처리하는 경우 display:none, visibility:hidden은 사용하지 않아야 합니다.
--> 변경
.aaa{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.hidden {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}