HTML Reference

HTML 웹표준/웹접근성/웹호환성

웹표준이란?

웹표준은 '웹에서 표준적으로 사용되는 기술이나 규칙'으로 웹 표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 구현할 때 사용하는 HTML, CSS, JavaScript 등에 대한 규정이 담겨 있다.

웹 표준의 궁극적인 목표는 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상 작동해야함을 따른다.

웹 표준의 장점

1. 수정 및 운영관리 용이

콘텐츠의 올바른 구조화와 CSS로 시각표현을 통일하여 제어하게 되어 페이지 제작의 부담 감소 및 관리용이

2. 접근성 향상

웹 표준을 이용해 작성한 문서는 다양한 브라우징 환경에 대응이 가능하며 휴대폰, PDA에서도 정상적인 작동 및 장애인 지원용 프로그램에도 도움이 되므로 사용자나 접속 장치의 접근성이 용이

3. 검색엔진 최적화(SEO)

구조화된 웹페이지는 검색 로봇 수집을 통해 검색엔진에 효율적으로 노출 될 수 있도록 검색엔진의 검색결과를 최적화

4. File Size 축소, 서버 저장 공간 절약

효율적인 소스 작성은 파일 사이즈와 서버공간을 절약할 수 있으며 동시에 화면표시에 소요되는 시간을 단축

5. 효율적인 마크업

CSS와 HTML문서를 분리하여 제작할 경우 불필요한 마크업이 최소화되어 페이지 로딩속도 향상

6. 호환성 가능

기존 IE브라우저에서만 작동이 가능했던 요소들이 웹 표준을 준수함으로써 다양한 브라우저(크롬, 파이어폭스, 사파리, 오페라 등)에서도 작동

웹접근성이란?

웹접근성은 모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것이다.

웹 페이지가 웹 표준을 따른다면 그림이나 사진들을 제공할 때 눈으로 볼 수 없는 경우를 대비하여 그림이나 사진을 대신 할 수 있는 설명을 텍스트로 제공해야 하며, 동영상이나 오디오의 경우 청각장애인을 위한 음성정보를 문자로 제공해야 한다. 또한, 마우스를 사용할 수 없는 사용자를 위하여 키보드만으로도 모든 콘텐츠에 접근하여 이용할 수 있도록 해야 하며, 움직임이 느린 사용자를 위해 시간조절기능을 제공해야 한다. 이렇게 웹 표준을 지키는 것이 웹 접근성을 보장하는 것이다.

웹호환성이란?

웹호환성은 표준 웹 기술을 사용하여 운영체제, 브라우저 등 어느 한쪽으로 최적화되거나 종속되지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법으로 웹 사이트 사용 시 운영체제 및 브라우저 간 동일한 결과가 나오도록 의미하는 웹 상호운용성의 개념에 웹 표준의 준수를 포함하는 개념이다.

웹표준,웹접근성,웹호환성의 관계표

구분	목적	준수내용	차이
웹 표준 (Web Standards)	웹의 사용성 및 접근성 보장	HTML, CSS 등에 대한 WC3규격(문법) 준수 등	웹의 내용, 표현, 행동에 관련된 기술표준
웹 호환성 (Cross Browsing)	웹 브라우저 버전,종류와 관계없는 웹사이트 접근	웹 표준 준수를 통한 브라우저 호환성 확보 - HTML, CSS 문법 준수 - 동작, 레이아웃, 플러그인 호환성	웹 표준을 공통으로 포함
웹 접근성 (Web Accessibility)	인적, 환경적 요인에 제약없는 웹 정보 접근	인식의 용이성, 운용의 용이성, 이해의 용이성, 견고성	웹 표준을 공통으로 포함