2016. 3. 2. 09:23

html5 table summary 사용 시 w3c validator 오류 관련

 

html5 에서 table 태그에 summary 속성을 사용할 경우 w3c validator로 검사할 때 아래와 같은 오류가 발생한다.

 

line 168 column 106 - 오류: The “summary” attribute on the “table” element is obsolete. Consider describing the structure of the “table” in a “caption”  element or in a “figure” element  containing the “table”; or, simplify the structure of the “table” so that no description is needed.

이는 html5에서 summary 속성지원을 안하기 때문이다.

 

wah 전문가 답변에서 이와 같이 말하므로 summary 속성에 들어갈 내용을 caption에 넣고 summary를 지워도 상관없어 보인다.

----------------------------------------------------------------------------------------------------------------------

안녕하세요
HTML5 문서에서 Table요소에 summary 속성을 이용한 경우, HTML validator 이용시 오류가 발생합니다.

이는 HTML5에서는 "align", "bgcolor", "border", "cellpadding", "cellspacing", "frameX", "rules", "summary", "width" 속성들을 더이상 지원하지 않기 때문입니다.

그동안 summary 속성은 일반 웹 브라우저에서 시각적 효과가 없지만, 화면낭독기 사용자에게 테이블 요약정보를 제공하는 용도로 사용할 수 있습니다.

HTML5 규격에서 summary 속성이 사라지게 된 배경으로
summary 속성을 사용한 개발자 자신은 보조기술을 이용하지 않는 이상 테스트를 할 수 없고, 시각장애인 이외 현실적으로 그 내용을 이해하는 사람이 거의 없다는 점과 summary 속성을 잘 사용하는 개발자들조차 종종 잘못 사용되어 시각장애인에게 불편을 준다는 점 등이 있다고 하네요.

예를 들어, summary 속성에 모든 사람에게 유용할 정보를 넣는다거나 테이블 밖에서 제공되는 정보와 중복된 것을 사용하는 등의 이슈가 있습니다.

이러한 이유로 W3C에서는 모든사람이 유용한 정보를 얻을 수 있도록 summary 속성으로 제공할 내용을 caption에 포함하거나, table 요소 이전에 화면에 출력되도록 하는 방식으로 제공하는 권장하고 있습니다.

summary 속성이 HTML5 규격에는 포함되지 않지만 브라우저들이나 보조기기에서는 그대로 지원하고 있기 때문에 마크업 오류를 무시하고 사용하셔도 무방합니다. caption 요소를 적절히 사용하신 경우 summary 속성을 제공하지 않으셔도 무방합니다.

summary 속성이 HTML5 규격에는 포함되지 않지만 브라우저들이나 보조기기에서는 그대로 지원하고 있기 때문에 마크업 오류를 무시하고 사용하셔도 무방하며, caption 요소를 적절히 사용하신 경우 summary 속성을 제공하지 않으셔도 무방합니다.
HTML5 문서에서 summary속성을 이용하지 않았다하여, 접근성 품질마크 취득에 문제는 없을 것 같습니다.

https://www.wah.or.kr:444/Participation/consultingView.asp?seq=9692&page=1&cType=&FindTxt=summary&flag=2&FindCol=1

----------------------------------------------------------------------------------------------------------------------

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

error 이미지 처리  (0) 2014.02.03
웹접근성연구소-웹접근성 심사  (0) 2011.11.29
label 접근성  (0) 2011.11.29
img태그의 longdesc사용법  (4) 2011.10.12
css 말줄임 처리  (0) 2011.08.25
Posted by silver0r