웹 호환성
IT 위키
더 많은 작업
- Web Compatibility; Cross Browsing; 웹 호환성
- 웹사이트가 서로 다른 웹 브라우저·운영체제·기기에서도 동등한 화면과 기능을 제공하는 성질
웹 호환성은 특정 브라우저에서만 동작하는 비표준 기술 대신 웹 표준을 따라 개발함으로써 확보한다. 흔히 크로스 브라우징(cross browsing)이라고도 한다. 픽셀 단위까지 똑같이 보이는 것이 아니라, 브라우저 고유 특성(글꼴, 렌더링 차이)을 제외하고 같은 정보와 기능을 동등하게 이용할 수 있게 하는 것이 목표이다.
| 기술 | 역할 | 표준화 주체 |
|---|---|---|
| HTML | 문서의 구조와 의미 | W3C, WHATWG(HTML Living Standard) |
| CSS | 크기·색·배치·정렬 등 시각적 표현 | W3C |
| DOM | 문서를 객체로 다루어 동적으로 구성·제어하는 인터페이스 | W3C, WHATWG |
| ECMAScript(ECMA-262) | 자바스크립트의 언어 표준 | Ecma International(TC39) |
| 문자 부호화(UTF-8) | 한글 등 다국어 문자의 일관된 표현 | IETF, Unicode |
과거 공공 웹사이트의 호환성을 해친 대표적 비표준 기술은 액티브X, 플래시, 실버라이트, 자바 애플릿, 실행 파일(EXE) 설치 방식 등이다.
- 행정안전부 고시 「전자정부 웹사이트 품질관리 지침」은 전자정부법에 근거하며, 2020년 전부개정 전의 이름은 「전자정부서비스 호환성 준수지침」이었다. 2025년 6월 25일 행정안전부고시 제2025-46호로 일부개정되었다.
- 지침은 웹사이트 품질을 호환성, 접근성, 개방성, 접속성, 편의성, 효율성, 신뢰성 등으로 정의한다.
- 품질관리 원칙의 첫째로 "웹사이트의 개발, 개선, 유지보수 및 운영에 웹표준 기술을 사용하고 다양한 웹브라우저에서도 동등한 서비스를 제공하여 호환성을 확보"하도록 규정한다.
- 행정기관 등의 장은 별표의 「전자정부 웹사이트 품질진단기준」으로 운영 중인 웹사이트를 진단한다. 웹사이트 품질관리 전문기관은 한국지능정보사회진흥원(NIA)이다.
2021년 고시의 품질진단기준에서 호환성 분야는 다음과 같이 구성되어 있었다.
| 진단 지표 | 진단 내용 |
|---|---|
| 웹 표준 준수 | (X)HTML 표준 준수, 최신 웹 표준(HTML5) 적용 |
| CSS 표준 준수 | |
| 문자(한글) 부호화를 UTF-8로 적용 | |
| 동적 제어 기능의 표준(DOM, ECMA-262 등) 적용 | |
| 비표준 기술 제거(공공 웹사이트 플러그인 제거 가이드라인 준수) | |
| 웹 호환성 확보 | 기능 호환성: 동적 기능이 모든 브라우저에서 동등하게 동작하는지, 자바스크립트 오류·DOM 경고가 없는지 |
| 화면표시 호환성: 다양한 브라우저에서 동등하게 표현되는지(브라우저 고유 특성 차이는 예외) |
| 구분 | 웹 호환성 | 웹 접근성 |
|---|---|---|
| 관점 | 환경(브라우저·OS·기기)의 차이 | 이용자(장애인·고령자 등)의 신체적·인지적 제약 |
| 목표 | 어떤 브라우저에서도 동등한 서비스 | 누구나 제약 없이 정보에 접근 |
| 기준 | 웹 표준(HTML, CSS, DOM, ECMAScript) 준수 | 한국형 웹 콘텐츠 접근성 지침(KWCAG), W3C WCAG |
| 점검 예 | 브라우저별 기능·화면 비교, 비표준 플러그인 사용 여부 | 대체 텍스트, 키보드 조작, 명도 대비, 자막 |
| 공통점 | 웹 표준 준수가 기반이며, 전자정부 웹사이트 품질진단기준의 분야로 함께 다룬다 | |
- 표준 문법 검사: W3C 마크업 검사기·CSS 검사기 등으로 HTML·CSS 문법 오류를 확인한다.
- 다중 브라우저 시험: 주요 브라우저(크로미움 계열, 파이어폭스, 사파리 등)와 모바일 환경에서 화면 표시와 기능 동작을 비교한다.
- 개발자 도구: 브라우저 콘솔에서 자바스크립트 오류와 DOM 경고를 확인한다.
- 비표준 기술 점검: 플러그인·액티브X·EXE 설치 요구, 특정 브라우저 전용 API나 사용자 에이전트 분기 코드가 있는지 확인한다.
- 반응형 확인: 화면 크기와 기기에 따라 레이아웃이 깨지지 않는지 확인한다.
- 감리에서는 요구사항에 명시한 지원 브라우저 범위와 시험 결과서, 품질진단 결과를 대조한다.
- 웹 호환성은 환경 관점, 웹 접근성은 이용자 관점이라는 차이
- 웹 표준 구성(HTML, CSS, DOM, ECMAScript)과 비표준 기술(액티브X, 플래시 등) 제거
- 「전자정부 웹사이트 품질관리 지침」의 품질 분야(호환성·접근성·개방성·접속성·편의성·효율성·신뢰성)
- 기능 호환성과 화면표시 호환성의 구분
- 전자정부 웹사이트 품질관리 지침 – 국가법령정보센터
- W3C Standards – W3C