|
최근 장차법이 대두되면서 웹접근성, 웹접근 표준가이드 등이 이슈화 되고 있습니다. 웹접근성등의 기본이 되는 웹표준에 대해서 알아보고, 나아가 웹접근성, 웹사용성등에 대해 알아보고자 합니다. ---------------------------------------------------------------------------------------------------- 작성자 : Strawberry Juice 블로그, modest_girl (http://blog.naver.com/modest_girl) ---------------------------------------------------------------------------------------------------- 목차 1. 웹표준(Web Standard) 이란?
2. 웹표준(Web Standard) 의 장점
3. 웹표준(Web Standard) 이해하기 (Q&A)
4. 웹표준(Web Standard) 의 현실적 문제의 요소
5. 웹표준 가이드라인 예시 ---------------------------------------------------------------------------------------------------- 1. 웹표준 이란?
1) 웹 표준(Web Standard)
웹 표준은 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나,
다른 기술 규격을 가리키는 일반적인 용어이다.
최근에 이 용어는 웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인, 개발과 관계가 있다.
웹 표준을 준수하는데에 찬성하는 사람들은 사용성과 접근성에 직접 영향을 미치는 더 높은 수준의 표준에 초점을 두고 있다.
2) 웹 접근성(Web Accessibility)
사용자가 접근하여 이용 할 수 있는 것에 대한 배려가 잘 되어 있는지를 확인하기 위한 것으로 어떠한 상황이나 특별한 환경의 사용자라고 하여도, 스스로가 접속하여 이용할 수 있도록 배려가 되어야 한다는 것이다.
일반적인 디자인 개념으로서는 유니버설 디자인(Universal Design)과 유사하다.
3) 웹 사용성(Web Usability)
웹 사용성은 사용자가 웹사이트를 사용하면서 얻는 경험적 만족도, 그리고 얼마나 웹사이트를 편리하고 정확하게 사용할 수 있는가에 대한 방법론 등을 말한다.
2. 웹표준의 장점
1) 수정과 관리용이
(X)HTML로 콘텐츠를 올바르게 구조화 하고 CSS로 시작표현을 통일하여 제어하면
페이지 제작 부담이 크게 줄어든다.
2) 웹 접근성 향상
올바른 (X)HTML과 CSS로 다양한 브라우징 환경에 대응하는 접근 가능한 웹페이지를 만들 수 있다. (장애자 및 고령자 등의 접근이 가능하도록 페이지를 만들 수 있다.)
3) SEO(검색엔진 최적화) 대책
SEO는 웹표준과도 관계가 깊다. 단적으로 문서구조가 명확한 웹페이지를 만드는게 바로 SEO이다. 예컨테 타이틀 (h1~h6)사용법, 텍스트강조 등 웹표준에 기반을 둔 적절한 마크업을 하는 것이다. ‘인간뿐만 아니라 검색엔진 에게도 친절한 페이지’를 만드는 것이 SEO의 주안점이다.
4) 파일 사이즈 축소와 서버 저장 공간 절약
소스를 효율적으로 작성하면 파일 크기를 줄이고 서버서 저장 공간을 절약할 수 있다. 동시에 화면표시에 걸리는시간이 좋고 서버 부담도 덜 수 있다.
5) 하위호환성과 상위호환성 확보
올바른 (X)HTML과 CSS로 페이지를 제작하면 오래된 브라우저에서도 콘텐츠가 적절하게 표시되고 상위 호환성과 상호운용성이 확보된다.
3. 웹표준 이해하기
1) 웹표준을 하는 것은 아주 어려운 작업이다?
웹 표준을 준수하는 페이지를 만드는 것은 그리 어렵지 않다.
그러나 유지관리가 힘들기 때문에 전문조직이 관리하지 않으면 많은 오류들이 다시 쌓이게 된다.
2) 웹표준은 파이어폭스에서 제대로 보이게 하는 것이다?
단순히 파이어폭스뿐만 아니라 독자적인 기능을 갖춘 브라우저라도 표준화된 사이트에서는 사이트의 신규개발이 아니라, 브라우저제공회사가 표준을 지킬 수 있도록 하는데 더 큰 목적이 있는 것이다.
3) 웹표준 인증마크는 사이트에 적용되어진다?
사실 www.w3c.org의 웹표준 인증은 단순하게 하나의 기능에만 국한되어있지 않다. Html, CSS, 모바일 적용 등 다양한 영역에서 구분하여 유효성 검사를 해주고 있다. 또한 사이트단위의 유효성 검사가 아니라, 페이지단위로 웹표준 인증마크로 사용할 수 있도록 되어있다. 이러한 이유때문에 11번가뿐만 아니라 다음, 네이버 등의 메인 페이지에서 웹표준 인증마크를 획득한 사이트들일지라도 서브 페이지에서는 오류가 나오는 경우가 있다.
4. 웹표준의 현실적 문제의 요소
1) 대한민국 웹사이트는 인터넷 익스플로러만 잘보이도록설계
대부분의 국가들은 대부분 웹 사이트가 웹 브라우저를 가리지 않으며, 자바나 플래시 같은
크로스 플랫폼 기술을 사용하여 대한민국 대부분 웹 사이트와 달리 인터넷 익스플로러 이외의 웹 브라우저에서도 대부분의 웹 사이트를 문제없이 사용할 수 있다.
2) 숙련된 작업자의 부재로 인한 개발기간의 지연
웹표준 적용의 취지는 좋으나, 웹표준에 익숙하지 않은 디자이너나 개발자들에게는 큰 고민거리로 전락할 가능성이 높으며, 숙련된 작업자의 부족으로 개발기간에 많은 영향을 미칠 수 있다.
3) 웹표준 필요성에 대한 인식의 부족
대한민국 웹 표준의 문제에서 보았듯이, 우리나라 대부분의 브라우저 사용자가 익스플로어라는 점에서 다양한 브라우저를 고려한 개발이 되어야 하는지에 대한 필요성에 대해서 고객뿐 아니라 사용자에게서도 인식이 부족하다.
또한, 개발자들에게도 지금까지 진행이 잘되어 왔음에도 불구하고 웹표준을 준수하여야 하는지에 대해서도 의문을 지니는 사람이 많다. 5. 웹표준가이드 라인예시 1) NHN.UIT센터 산하 웹표준화팀 내부가이드 : http://html.nhndesign.com/guidelines/accessibility/ssreader/ 2) Daum Front End 개발가이드 : http://ui.daum.net/guideline 사실 최근에는 웹표준, 웹접근성이 혼용되어 많이 사용되어 지고 있고, 대다수가 웹표준=웹접근성으로 많이 이해하고 있다고 보여진다. 웹표준<웹접근성이 좀 더 맞다고 봐야 할것 같지만, 큰 차이는 없을 듯 하다. 웹접근성과 웹사용성에 대한 내용은 추후 이어서 같이 확인해보면 좋을 듯 하다.
출처 : http://blog.naver.com/ys21008?Redirect=Log&logNo=150046143945 |
;)
게 시 판
현재 접속자 현황
안지흠 (hoomiyam)
신장미 (shinjm)
