HTML5 웹표준 과 웹접근성 테이블 질문 | |||
작성일 | 2017-02-17 오전 2:00:56 | 작성자 | 최준식 |
---|---|---|---|
첨부파일 |
|
||
[질문]
1) 웹접근성에 맞추려면 테이블에 summery 와 caption 을 달아줘야 한다는데요 저희가 HTML5로 작업 했는데 HTML5에는 테이블에 summery 속성을 지원하지 않는다고 w3c 에서 계속 걸리네요... 이럴경우 summery 를 달아야 하나요 아님 빼야 되나요? 2) 또한 img 속성에 longdesc 도 html5에서는 지원을 안한다고 해서요 이럴경우에 longdesc 대신 처리할수 있는 방법이 있을까요? 3) <col style="width:100px;"> <-- col width 속성은 html5에서는 사용 못한다던데 td width 값은 그럼 어떻게 설정해 주나요? 4) K-WAH 프로그램을 돌렸는데요 보고서 상에 닫는태그 누락 오류가 2건이라고 나오는데 해당 페이지 클릭해서 열어보면 원래 오류종류랑 오류난곳 표시를 해주는데 오류 표시가 안되어 있습니다. 이럴경우는 어떻게 확인하고 수정해야 하나요? (첨부파일로 K-WAH 캡쳐 이미지 올립니다.) [답변] 1) HTML5로 제작하는 경우에는 summary 속성을 지원하지 않기 때문에 caption 요소만 제공하여도 접근성에 위배되지 않습니다. 2) 이미지를 배경으로 제공하고 이에 대한 내용의 텍스트를 CSS로 숨겨서 대체 콘텐츠를 제공하는 IR(Image Replacement) 기법을 사용하는 방법이 있습니다. 대체 콘텐츠를 숨김처리 할 때에는 국외 스크린리더에서도 읽을 수 있도록 overflow:hidden 속성을 사용하여 제공하면 됩니다. 3) html 요소에 스타일 속성을 사용하는 경우 문법 에러가 발생하므로 css에서 해당 속성을 제공해야 합니다. 4) html5 표준 문법 체크는 아래 사이트에서 체크를 하는 것이 좀더 정확할 수 있습니다. 올려준 이미지 상에서 문법오류가 발견되지 않는데 아래 사이트에서 문법 체크를 해 보시기 바랍니다. https://html5.validator.nu/ |
번호 | 분류 | 제목 | 작성자 | 작성일 |
---|---|---|---|---|
10211 | 일반 | HTML5 웹표준 과 웹접근성 테이블 질문 | 황연정 | 2017-02-10 |
10227 | 일반 | HTML5 웹표준 과 웹접근성 테이블 질문 | 최준식 | 2017-02-17 |
웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.
(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)
팀 버너스 리 경 - 웹의 창시자 (Tim Berners - Lee , W3C Director and inventor of the World Wide Web)
위로가기