웹 호환성이란?
웹 호환성은 다양한 웹 브라우저와 디바이스에서 일관된 사용자 경험을 제공하는 것입니다.
W3C(World Wide Web Consortium) 웹 표준을 준수하여 모든 사용자가 동일한 정보와 서비스에 접근할 수 있도록 보장합니다. HTML5, CSS3, DOM, ECMA-262 등 기술표준을 적용하고, 기능·화면표시 호환성을 확보합니다.
웹 호환성 컨설팅 특징
웹 표준 준수와 크로스 브라우징으로 다양한 환경에서 동등한 경험을 제공합니다.
HTML 표준 준수
HTML5 표준 문법 준수 여부를 검증합니다. (X)HTML 기술표준을 준수하고 최신 웹표준을 적용합니다.
CSS 표준 준수
CSS3 표준 문법 및 속성 사용을 검증합니다. 시각적 속성(크기, 색채, 배치, 정렬, 여백 등)이 기술표준을 준수하는지 확인합니다.
크로스 브라우징
Chrome, Edge, Safari, Firefox 등 다양한 브라우저에서 동등하게 동작하고 표현되는지 호환성 테스트를 수행합니다.
모바일 웹 호환성
다양한 모바일 운영체제에서의 기능·화면표시 호환성을 확보합니다. PC 기준이 아닌 모바일용 화면으로 표시되도록 검증합니다.
웹 호환성 진단 프로세스
웹 표준·웹 호환성·모바일 웹 호환성 확보를 위한 진단을 수행합니다.
웹 표준 준수
(X)HTML·CSS·문자부호화·제어기능 표준 및 비표준 기술 제거
웹 호환성 확보
기능 호환성 및 화면표시 호환성 검증
모바일 웹 호환성
모바일 OS별 기능·화면표시 호환성 확보
검증 및 개선
진단 결과 기반 개선안 수립 및 검증
진단 지표
웹 표준 준수, 웹 호환성 확보, 모바일 웹 호환성 확보 항목을 진단합니다.
| 진단지표 | 진단 내용 |
|---|---|
| 1. 웹 표준 준수 | |
| 1.1 (X)HTML 표준 준수 | 웹페이지의 문법은 기술표준((X)HTML)을 준수하여야 함 최신 웹표준(HTML5)을 적용하여야 함 |
| 1.2 CSS 표준 준수 | 웹페이지의 시각적 속성(크기, 색채, 배치, 정렬 및 여백 등)은 기술표준(CSS)을 준수하여야 함 |
| 1.3 문자(한글) 부호화 준수 | 웹 페이지에서 문자를 부호화하는 방식을 UTF-8로 적용하여야 함 |
| 1.4 제어 기능의 표준 준수 | 웹 페이지의 동적으로 구성하고 제어하는 기술표준(DOM, ECMA-262 등)을 적용하여야 함 |
| 1.5 비표준 기술 제거 | 공공 웹사이트 플러그인 제거 가이드라인(행정안전부 배포)을 준수하여야 함 |
| 2. 웹 호환성 확보 | |
| 2.1 기능 호환성 확보 | 웹페이지를 동적으로 구성하고 제어하는 기능은 모든 브라우저에서 동등하게 동작하여야 함 |
| 2.2 화면표시 호환성 확보 | 웹페이지가 다양한 브라우저에서 동등하게 표현되어야 함 |
| 3. 모바일 웹 호환성 확보 | |
| 3.1 기능 호환성 확보 | 웹페이지를 동적으로 구성하고 제어하는 기능은 모든 모바일 운영체제에서 동등하게 동작하여야 함 |
| 3.2 화면표시 호환성 확보 | 모바일 기기에서 웹페이지는 PC화면 기준이 아닌 모바일용 화면으로 표시되어야 함 |