Html : 웹표준/웹접근성/웹호환성

웹 표준 정의

웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로,
다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다.
표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있으며
웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다.

웹 표준 준수 이유

국내 웹의 현실은 특정 브라우저와 사용자 등의 이용환경과 비표준 페이지 및 과도한 플러그인 사용으로 장애인, 노약자를 포함한 모든 사용자들에게 운영체제 및 웹 브라우저 등의 정보 접근 제약이 있다.
따라서 브라우저의 종류나 버전에 상관없이 모든 사용자들이 동일한 웹사이트를 볼 수 있도록 웹 표준기술 작업이 필요하며 웹 표준 준수는 웹 접근성 준수를 위한 핵심이다.

웹표준의 장점

1. 웹 사용성 증가
2. 기업이미지 홍보효과
3. 정부정책 부응에 따른 이미지 제고 효과
4. 정보접근 취약 계층에 정보제공 기회를 균등하게 보장
5. 누구나 이용가능한 소프트웨어를 개발해 모두가 동등한 업무처리가 가능하게 하여 생산성 향상
6. 누구나 쉽게 인터넷을 이용해 정보 광장에 참여할 수 있는 환경을 제공하여 사회간접비용 절감
7. 구조와 표현의 분리로 HTML코드 양이 줄어들어 경량의 로딩속도로 빠른 서비스 제공
8. 디자인/UI개발/개발 작업의 분리로 병행 작업이 가능하여 웹사이트 제작 기간 단축
9. 코드의 재활용성이 높아 유지보수 비용이 절감되고 재생산성이 확대
10. 다양한 환경, 디바이스에서의 이용확대
11. 신기술, 새로운 운영체제 및 브라우저에서의 높은 호환성 및 운영비용 절감
12. 의미있는 태그의 사용으로 검색엔진 최적화

웹 표준을 논할 때 일반적으로 다음의 것들이 중요성

모든 컨텐츠는 키보드로 이동가능해야 함
컨텐츠는 위에서 아래로 읽을 수 있는 선형구조이어야 함
- ex) 명확한 헤딩구조(h1~h6)
이미지에 alt, IR기법을 사용하여 대체텍스트를 제공
동영상은 대본이나 자막을 제공하고 자동재생 금지
색을 인지하지 못하는 사용자를 위해 명도차이가 뚜렷(4.5:1)하게 디자인 되어야 함
움직이는 컨텐츠에는 정지기능이 들어가야 함
- ex) Slider 과도하게 깜빡거리거나 번쩍이는 컨텐츠가 들어가면 안됨
페이지 제목을 지정해야 하고 반복영역을 건너뛰는 기능이 제공되어야 함
- ex) Skip Navigation title을 사용해 a 태그에 대한 정보를 적절히 제공해야 함
input태그에는 적절한 label이 제공되어야 함
table에는 caption, summary, thead, tbody, th 등을 사용
여기서 웹표준을 준수 하였는지 검사할 수 있다.

---

웹 호환성(Cross Browsing) 정의

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

웹 호환성 준수 이유

웹 표준을 준수하지 않고 특정 운영체제와 브라우저에 종속되어 있다면 다양한 운영체제 환경 및 브라우저에서의 사용이 불가능한 문제점이 발생하게 된다. 국내는 Internet Explorer 웹 브라우저에 최적화된 비표준 기술이 널리 사용되고 있다. 개방형 통합 플랫폼인 ActiveX가 그 대표적인 예로, ActiveX는 웹사이트에서 정적인 웹문서를 멀티미디어 기술로 동작 가능하게 하는 플러그인(Plug-in) 기술이나 보안에 취약한 문제점이 있으며 또한 IE에서만 사용되는 기술로 다른 웹 브라우저에서는 구동이 불가능하여 외국에서 국내 웹 사이트에 접근할 때 표준화되지 않은 웹사이트로 인해 웹 호환성이 현격히 떨어지는 문제가 발생할 수 있다. 따라서 제공하는 서비스를 모든 웹 브라우저 환경에서 동일하게 이용하기 위해서는 웹 호환성을 준수한 웹사이트의 구축이 필요하다.

웹 접근성(Cross Browsing) 정의

웹 접근성(Web Accessibility) 이란 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것입니다.

웹 접근성의 필요성

☞ 누구에게나 동등한 기회 제공을 위해 웹 접근성 준수 필요
웹 접근성을 준수하게 되면 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이용할 수 있게 됩니다. 현대사회에서 웹은 교육, 고용, 정부, 전자상거래, 건강, 여가 등 삶의 여러 가지 측면들에서 점점 더 중요한 자원으로 활용되고 있습니다.
☞ 웹 접근성 보장은 법률에 명시된 의무사항
웹 접근성 보장은 「국가정보화기본법」과 「장애인차별금지 및 권리구제 등에 관한 법률(이하 "장애인차별금지법")」등 법률에 명시된 의무사항입니다. 특히 장애인차별금지법은 행위자에 대한 단계적 범위를 명확히 하였으며, 불이행시 처벌 등이 구체적으로 성문화된 법입니다.

웹 표준, 웹 호환성, 웹 접근성의 이해

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