웹 표준(Web Standards)
브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정이 담겨 있습니다.
1. 웹 표준에 대해서
여러 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미하며, 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것입니다.
1-1. 웹 표준을 준수하는 이유
국내 웹의 현실은 특정 브라우저와 사용자 등의 이용환경과 비표준 페이지 및 과도한 플러그인 사용으로 장애인, 노약자를 포함한 모든 사용자들에게 운영체제 및 웹 브라우저 등의 정보 접근 제약이 있습니다. 따라서 브라우저의 종류나 버전에 상관없이 모든 사용자들이 동일한 웹사이트를 볼 수 있도록 웹 표준기술 작업이 필요하며 웹 표준 준수는 또한 웹 접근성 준수를 위한 핵심이기도 합니다.
1-2. 웹 표준의 장점
- 개발 및 운영의 효율성 제고. 즉 소스의 통일화로 수정 및 운영관리가 쉽습니다.
- 다양한 브라우저, 휴대폰 PDA, 장애인 지원용 프로그램에서도 대응이 가능하며 접근성이 향상 되고, 다양한 사용자층도 확대 가능합니다.
- 논리적이고 효율적으로 작성된 웹 문서를 작성하면 코드의 양이 줄어 파일 크기가 줄고 이것은 곧 서버부담의 감소로 이어집니다.
- 불필요한 마크업이 최소화되어 페이지 로딩속도가 향상됩니다.
- 오래된 브라우저에서도 컨텐츠가 적절하게 표시되고 호환성과 운용성이 확보됩니다.
- 효율적인 검색엔진 최적화가 가능해집니다.
1-3. 웹 표준의 기술
| (X)HTML (eXtensible Hypertext Markup Language) |
| CSS (Cascading Style Sheets) |
| XML (eXtensible Markup Language) |
| DOM(Document Object Model) |
| ECMAScript |
2. 웹 접근성에 대해서
웹 접근성(Web Accessibility)이란 어떤 기술 환경에서든 전문적인 능력 없이도 장애인, 고령자 등 모든 사용자가 웹사이트에서 제공하는 모든 정보에 접근하고 이용할 수 있도록 보장하며, 이해할 수 있는 권리입니다.
2-1. 웹 콘텐츠 접근성 지침(WCAG)
1. 인지성(Perceivable)
- 모든 텍스트가 아닌 콘텐츠에 대체 텍스트를 사람들이 원하는 인쇄, 점자, 음성, 기호 또는 간단 언어 등과 같은 형태로 제공해야 한다.
- 시간을 바탕으로 한 미디어에 대한 대안을 제공해야 한다.
- 정보와 구조의 손실 없이 콘텐츠를 다른 방식(예를 들면 더욱 간단한 형태로)들로 표현할 수 있어야 한다.
- 사용자들이 보다 쉽게 보고 들을 수 있는 전경에서 배경을 분리한 콘텐츠를 만들어야 한다.
2. 운용성(Operable)
- 키보드로 모든 기능을 사용할 수 있도록 해야 한다.
- 읽기 및 콘텐츠를 사용하는 사용자에게 충분한 시간을 제공해야 한다.
- 알려진 방법으로 발작을 일으킬 수 있는 콘텐츠를 디자인하지 않아야 한다.
- 사용자가 탐색하고, 콘텐츠를 찾고 그들이 어디에 위치하고 있는지를 알 수 있도록 도와주는 방법을 제공해야 한다.
3. 이해성(Understandable)
- 텍스트 콘텐츠를 판독하고 이해할 수 있도록 만들어야 한다.
- 웹 페이지의 탑재와 운용을 예측 가능한 방법으로 제작해야 한다.
- 사용자의 실수를 방지하고 수정할 수 있도록 도와야 한다.
4. 내구성(Robust)
- 보조 기술을 포함한 현재 및 미래의 사용자 에이전트의 호환성을 극대화해야 한다.
2-2. 웹 접근성을 위해 사용되는 보조기기
| 자막 |
| 스크린리더 |
| 자동완성 기능 |
| 마우스스틱 |
| 색상 대비 디자인 등 |
3. 웹 호환성에 대해서
웹 호환성(Cross Browsing)이란 표준 웹 기술을 사용하여 운영체제, 브라우저 등 어느 한쪽으로 최적화되거나 종속되지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법으로 웹 사이트 사용 시 운영체제 및 브라우저 간 동일한 결과가 나오도록 의미하는 웹 상호운용성의 개념에 웹 표준의 준수를 포함하는 개념입니다.
4. 정리
| 구분 | 목적 | 준수 내용 | 차이 |
|---|---|---|---|
| 웹표준 (Web Standards) |
웹의 사용성 및 접근성 보장 |
CSS 등에 대한 WC3규격(문법) 준수 등 - HTML, CSS, Javascript 등 구조와 표현, 동작 분리 권고 |
웹의 내용, 표현, 행동에 관련된 기술표준 |
| 웹 접근성 (Web Accessibility) |
웹 브라우저 버전, 종류와 관계없는 웹사이트 접근 |
웹 표준 준수를 통한 브라우저 호환성 확보 - HTML, CSS 문법 준수 - 동작, 레이아웃, 플러그인 호환성 |
웹 표준을 공통으로 포함 |
| 웹 호환성 (Cross Browsing) |
인적, 환경적 요인에 제약없는 웹 정보 접근 |
W3C 웹 접근성 이니셔티브(WAI) 한국형 웹 콘텐츠 접근성 지침2.0 - 인식의 용이성, 운용의 용이성, 이해의 용이성, 견고성 |
댓글