[HTML] "웹 표준/웹 호환성/웹 접근성"에 대해 알아보자!

웹 표준과 웹 호환성과 웹 접근성이란 무엇일까?

기본 개념이면서도 중요한 개념인 웹 표준과 웹 호환성 마지막으로 웹 접근성까지 알차게 배워봅시다!

---

▶ 웹 표준이란?

웹 표준이란, 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준입니다.
다른 기종이나 플랫폼에 따라 다르게 구현되는 기술을 동일하게 구현하고 어느 한쪽에 최적화 되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법입니다.
표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있습니다.

※웹 표준 목적
: 사용자들(장애인, 노약자를 포함한 모든 사용자)이 어떤 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것 : 웹 접근성 준수를 위한 핵심!!

웹 표준 장점

1. 수정 및 운영관리 용이
: 콘텐츠의 올바른 구조화와 CSS로 스타일을 통일하여 제어하게 되기 때문에 페이지 제작의 부담이 감소하고 관리가 용이해집니다.
2. 접근성 향상
: 웹 표준을 이용하여 작성한 문서는 다양한 브라우징 환경에 대응이 가능합니다. 따라서 사용자나 접속 장치의 접근성이 용이합니다.
3. 검색엔진 최적화
: 구조화된 웹페이지는 검색 로봇 수집을 통해 검색엔진에 효율적으로 노출될 수 있습니다.
4. File Size 축소, 서버 저장 공간 절약
: 효율적인 소스 작성은 파일 사이즈와 서버공간을 절약할 수 있으며 화면표시에 소요되는 시간을 단축합니다.
5. 효율적인 마크업
: CSS와 HTML문서를 분리하여 제작할 경우 불필요한 마크업이 최소화되어 페이지 로딩속도가 향상될 수 있습니다.
6. 호환성 가능
: 기존 IE브라우저에서만 작동이 가능했던 요소들이 웹 표준을 준수함으로써 다양한 브라우저(크롬, 파이어폭스, 사파리, 오페라 등)에서도 작동합니다.

---

▶ 웹 호환성이란?

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

▶ 웹 표준, 웹 호환성, 웹 접근성에 대한 이해

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