개인적인 정리

<caption>제공방법이 부적절한 경우 본문

웹접근성

<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; 



'웹접근성' 카테고리의 다른 글

건너뛰기 링크  (0) 2018.04.02
html5에서 caption, summary  (0) 2016.12.05
Comments