웹 표준
웹 표준이란 이름 그대로 웹에서 표준적으로 사용되는 기술이나 규칙을 의미한다. 웹 사이트에 접속한 사용자는 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하고 정상적으로 작동해야 함을 의미한다.
특정 브라우저에서만 사용되는 비 표준화된 기술을 배제하고 W3C에서 나온 권고안을 사용하여 웹 문서의 구조와 표현, 그리고 동작을 구분해서 사용하는 것을 뜻한다. 의미와 구조는 HTML, 표현은 CSS, 동작은 JavaScript로 구현하는 것으로 생각할 수 있다.
즉, 웹 표준을 준수한다는 것은 웹 사이트가 W3C 표준안에 따르는 HTML과 CSS, JavaScript를 사용함을 의미한다.
웹 표준의 장점
- 수정 및 운영관리 용이
콘텐츠의 올바른 구조화와 CSS로 시각 표현을 통일하여 HTML, CSS를 따로 분리하여 제작하면 CSS 수정만으로도 손쉽게 디자인의 수정이 가능하고 페이지 제작 시 부담 및 시간, 비용의 감소 효과가 있으며 관리가 쉽습니다.
구조와 표현을 분리하기 때문에 개발 시 코딩, 디자인, 프로그래밍이 동시에 진행될 수 있어서 개발 기간이 많이 단축되고 디버깅에 유리하고 손쉽게 디자인만 변경할 수 있습니다.
- 접근성 향상 -> 웹 접근성
웹 표준을 이용하여 만든 문서는 다양한 브라우징 환경에서 접근할 수 있고 일반인뿐만 아니라 장애인, 노인 등의 다양한 사용자가 어려움 없이 접근할 수 있는 페이지를 만들 수 있습니다.
- 검색엔진 최적화(SEO)
구조화된 웹 페이지는 검색엔진에 효율적으로 노출될 수 있도록 검색엔진의 검색 결과를 최적화할 수 있습니다.
meta 요소를 이용하여 정확한 문서 정보 제공할 수 있고 의미에 맞는 마크업은 검색 시 효율성을 높일 수 있습니다.
- 파일 사이즈 축소, 서버 저장 공간 절약
효율적인 소스 작성을 통해 파일 사이즈와 서버 공간을 절약할 수 있고 화면 표시에 걸리는 시간을 단축합니다.
구조 (HTML)과 표현 (CSS)를 분리해서 개발하면 해당 페이지를 불러오게 될 경우, 브라우저의 캐시에 CSS가 저장되고 메모리에 상주하게 되어 동일한 CSS는 다시 불러오지 않기 때문에 HTML 코드가 가벼워지게 됩니다.
- 효율적인 마크업
CSS와 HTML 문서를 분리하여 제작할 경우, 불필요한 마크업이 최소화 되어 페이지 로딩 속도를 향상시킵니다.
- 호환성 가능 -> 웹 호환성
웹 표준을 준수함으로써 다양한 브라우저에서도 작동할 수 있습니다.
웹 접근성
장애인, 고령자 등 모든 사용자가 어떠한 기술이나 환경에서도 전문적인 능력 없이 웹사이트에서 제공하는 모든 정보를 동등하게 접근하고 이해할 수 있는 권리입니다.
예시로, 마우스 사용이 힘든 사용자를 위해 키보드에 대한 대응을 추가하거나, 스크린 리더기로 웹에 접속하는 사람들을 위해 대체 텍스트 등을 추가하는 것입니다.
W3C에서 제정한 웹 콘텐츠 접근성 가이드라인 (WCAG)에는 다음과 같이 네 가지의 원칙이 있습니다.
웹 접근성 지침
- 인지성(Perceivable)
사용자가 콘텐츠를 인지할 수 있도록 해야 합니다. 폼에 라벨을 달아 입력을 돕고, 콘텐츠가 제공되지 않을 때를 대비해 대체 텍스트를 넣어주고, 꾸미는 요소는 스크린 리더기가 무시할 수 있도록 해주는 것들이 해당합니다.
- 운용성(Operable)
사용자가 UI 구성 요소를 사용할 수 있어야 합니다. 키보드 동작을 위한 :focus, tabindex 추가가 그 예입니다.
- 이해성(Understandable)
사용자가 콘텐츠를 이해할 수 있도록 도와야 합니다.
- 내구성(Robust)
장애인 사용자를 위한 보조 기술은 물론, 다양한 사용자 에이전트에 호환되어야 합니다.
웹 호환성(Cross Browsing)
표준 웹 기술을 사용하여 운영체제, 브라우저 등 어느 한쪽으로 최적화되거나 종속되지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법으로 웹 사이트 사용 시 운영체제 및 브라우저 간 동일한 결과가 나오도록 하는 웹 표준의 준수를 포함하는 개념입니다.
웹 표준을 준수하지 않고 특정 운영체제나 브라우저에 종속되어 있다면 다양한 환경 및 브라우저에서 사용할 수 없는 문제가 발생합니다. 따라서 제공하는 서비스를 모든 웹 브라우저 환경에서 동일하게 이용하기 위해서는 웹 호환성을 준수한 웹 사이트 구축이 필요합니다.
웹 표준, 웹 호환성, 웹 접근성의 이해
웹 표준, 웹 호환성, 웹 접근성의 목적은 웹을 사용하는 사용자가 웹사이트를 자유롭고 편리하게 이용하는 점과 장애인, 고령자 등을 포함한 사용자층 확대, 다양한 환경, 새로운 기기에서의 이용, 개발 및 운용의 효율성 제고 등의 기대효과가 유사하지만, 대상 및 종류 등의 준수 내용과 편의를 제공하는 점에서 차이가 있습니다.
웹 표준을 준수하는 것만으로는 웹 접근성이나 웹 호환성이 보장되지 않으며 웹 호환성을 준수하더라도 웹 접근성은 보장되지 않습니다.
웹 접근성이란 보편적 접근성 확보를 우선시하고, 웹 호환성은 OS, SW에 독립적인 상호운용성 확보를 우선시합니다.
