본문 바로가기
QA & TEST/사용성&접근성

IT뉴스 사이트들은 웹표준, 웹접근성 잘지키고 있나?

by 코드네임피터 2011. 11. 22.
반응형

얼마 전 부터 사이트의 웹표준과 접근성을 얼마나 준수하고 있는지를 살펴보고 있다.

- 채용 사이트가 이상해? 웹접근성으로 비춰본 채용 사이트들.
소셜커머스가 컴퓨터에서 안보여요 :<
 
우리나라는 Microsoft의 속국처럼 행동하고 있다.
모든 기업은 Windows 기반의 비즈니스를 하고 있고, 웹페이지는 Internet Explorer 기반으로 작업하고 있다.
고로 Microsoft의 ActiveX등의 이슈가 발생하면 사회적인 혼란까지 빚어지기 마련이다.

* 전자신문 - www.etnews.co.kr
* 디지털타임즈 - www.dt.co.kr
* 지디넷 - www.zdnet.co.kr
* 아이뉴스 - www.inews24.com

방법은 이전과 동일하다.
웹표준은 http://validator.w3.org/의 자동 검사를 위주로 검사한다.
웹접근성은 Kado-Wah를 통하여 한페이지 검사를 위주로 검사한다.


우선 웹표준을 살펴보도록 하자.

errors

warnings

전자신문

179

319

디지털타임즈

917

282

지디넷

측정불가

측정불가

아이뉴스

217

86


 
역시 예상대로 엄청난 Error와 Warning을 갖고 있는 것으로 보인다.
특히 지디넷 같은 경우에서는 웹 표준 자동화 검사기가 검사를 거부했다는 점!!
그리고 100개 이상의 문제점을 갖고 있다는 점.


이는 다른 브라우져에서 보이는 기능과 그렇지 않는 것들이 구분된다는 것이다.
혹자는 이렇게 이야기할 수도 있겠다. ' 컨텐츠 내용만 잘 나오면 되는거 아냐?'라는 말을 한다면... 지금과 같은 상태에서는 컨텐츠 마져도 정상적으로 보인다고 장담할 수 없는 수준이다.
사방에 번쩍거리는 플래시, 팝업, 컨텐츠 내 텍스트 마우스 오버의 광고들은 웹표준에 맞게 구현되었다고 볼 수 없다.

 
다음으로
웹접근성을 살펴보도록 하자.

항 목

전자신문

디지털타임즈

지디넷

아이뉴스

 1. 대체 텍스트 제공

100

3

96

25

   -<img> : alt 제공여부

100

3

96

24

   -<area> : alt 제공여부

100

100

100

0

   -<input type=image> : alt 제공여부

100

100

100

100

   -<applet> : alt 제공여부

100

100

100

100

 6. 프레임 title 제공 *

0

0

0

0

   -<frame> : title 제공여부

100

100

100

100

   -<iframe> : title 제공여부 *

0

0

0

0

 8. 모든 기능을 키보드로 제공

100

75

75

100

   -<a> : 마우스이벤트에 대응되는 키보드 이벤트 제공여부

100

0

0

100

   -<button> : 마우스이벤트에 대응되는 키보드 이벤트 제공여부

100

100

100

100

   -<input> : 마우스이벤트에 대응되는 키보드 이벤트 제공여부

100

100

100

100

   -onfocus=this.blur() : 존재여부

100

100

100

100

 9. 반복되는 링크 스킵 네비게이션 제공 *

50

100

100

50

   -<a> : 스킵네비게이션 존재여부 *

0

100

100

0

   -<a> : 유효한 스킵네비게이션 링크 존재여부

100

100

100

100

 14. 해당 페이지 title제공

100

100

100

100

   -<title> : 문서의 제목이 없거나 내용이 없이 제공여부

100

100

100

100

 15. 논리적 구성 콘텐츠 제공

100

100

100

100

   -<!doctype> : 해당문서의 선언 제공여부

100

100

100

100

   -모든태그 : 올바른 tabindex 사용여부

100

100

100

100

 16. 온라인 서식 레이블 제공 *

0

0

100

0

   -<input> : 요소에 레이블 또는 title 제공여부 *

0

0

100

0

   -<textarea> : 요소에 레이블 또는 title 제공여부

100

100

100

100

   -<select> : 요소에 레이블 또는 title 제공여부

100

0

100

100

 18. 링크/서식/버튼/제목 마크업 언어 제공

100

82

83

99

   -<title> : 문서의 제목에 자바스크립트 사용여부

100

100

100

100

   -<a> : 스크립트 사용여부

100

99

99

100

   -<a> : 링크의 값이 없거나 #만 존재여부

100

97

100

98

   -<form> : 비어있는 action 제공여부

100

100

100

100

   -<form> : action 자바스크립트 사용여부

100

100

100

100

   -<form> : submit(전송버튼) 제공여부

100

0

0

100

 
(50퍼센트 이하인 내용들은 빨간색 볼드로 표시해두었다.)

역시 예상대로 100%완벽한 곳은 한곳도 없었다.
당초 웹접근성이라는 법안이 강제성을 두고 시행하려고 했던 법이긴 하지만, 실제 정부의 교체가 되면서 해당 강제성은 모두 토목공사로 예산이 흘러 갔음을 알 수 있다. 아울러, 정부 기관에서 진행하던 한국형 표준에 대해서는 이전에 소개했던 워크넷 이후에는 100퍼센트를 달성한 곳은 없는 것으로 생각된다.


물건을 사는 사람만이 소비자고 고객이 아니다.
컨텐츠를 제공받는 사람들도 소비자고 고객이다.
매출과 관계된 콘텐츠의 주먹구구의 양산이 컨텐츠의 품질에 문제를 일으키는 것은 분명한 사실인듯 하다.


아무리 잘꾸며진 국제표준도, 아무리 잘 수정한 국내표준도... 안지키면 그만인것이다.
우리의 잘못을 인정하고 이런 부분에 대한 수정, 그리고 지속적인 유지보수는 우리의 사명이 될 것이다.


Written By 밤의카사노바
반응형

댓글