-
웹 표준/웹 호환성/웹 접근성카테고리 없음 2022. 10. 25. 17:16
웹 표준 정의
사용자가 어떤 브라우저나 기기를 사용하더라도 내용을 동일하게 볼 수 있도록 하고, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 말합니다.
웹 표준 장점
- 소스의 통일화로 수정 및 운영관리가 용이하다.
- 장애인, 고령자 등을 포함한 사용자층도 확대 가능하다.
- 논리적이고 효율적으로 작성되어 코드의 양이 줄어 파일 크기가 줄고 서버부담이 감소된다.
- CSS와 HTML이 분리되어 유지보수에 들어가는 시간이 단축되고, 불필요한 마크업이 최소화되어 페이지 로딩속도가 향상된다.
- 검색봇을 통한 효율적 노출과 같은 검색엔진 최적화가 가능하다.
웹 호환성 정의
표준 웹 긴 줄을 사용하여 운영체제, 브라우저 등 어느 한쪽으로 최적화되거나 종속되지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법이다.
웹 사이트 사용시 운영체제 및 브라우저 간 동일한 결과가 나오도록 의미하는 웹 상훈 운용성 개념에 웹 표준의 준수를 포함하는 개념이다.
웹 접근성 정의
모든 사용자가 신체적, 환경적 조건에 관계없이 웹이 접근하여 이용할 수 있도록 보장하는 것을 말한다.
웹 콘텐츠 접근성 지침(WCAG)
인지성(Perceivable)
정보와 사용자 인터페이스 요소는 그들이 인지할 수 있도록 사용자에게 표시될 수 있어야 한다.
- 모든 텍스트가 아닌 콘텐츠에 대체 텍스트를 사람들이 원하는 인쇄, 점자, 음성, 기호 또는 간단 언어 등과 같은 형태로 제공해야 한다.
- 시간을 바탕으로 한 미디어에 대한 대안을 제공해야 한다.
- 정보와 구조의 손실 없이 콘텐츠를 다른 방식(예를 들면 더욱 간단한 형태로)들로 표현할 수 있어야 한다.
- 사용자들이 보다 쉽게 보고 들을 수 있는 전경에서 배경을 분리한 콘텐츠를 만들어야 한다.
운용성(Operable)
사용자 인터페이스 요소와 탐색은 운용 가능해야 한다.
- 키보드로 모든 기능을 사용할 수 있도록 해야 한다.
- 읽기 및 콘텐츠를 사용하는 사용자에게 충분한 시간을 제공해야 한다.
- 알려진 방법으로 발작을 일으킬 수 있는 콘텐츠를 디자인하지 않아야 한다.
- 사용자가 탐색하고, 콘텐츠를 찾고 그들이 어디에 위치하고 있는지를 알 수 있도록 도와주는 방법을 제공해야 한다.
이해성(Understandable)
정보와 사용자 인터페이스 운용은 이해할 수 있어야 한다.
- 텍스트 콘텐츠를 판독하고 이해할 수 있도록 만들어야 한다.
- 웹 페이지의 탑재와 운용을 예측 가능한 방법으로 제작해야 한다.
- 사용자의 실수를 방지하고 수정할 수 있도록 도와야 한다.
내구성(Robust)
콘텐츠는 보조 기술을 포함한 넓고 다양한 사용자 에이전트에 의존하여 해석될 수 있도록 충분히 내구성을 가져야 한다.
- 보조 기술을 포함한 현재 및 미래의 사용자 에이전트의 호환성을 극대화 해야 한다.
공통점
웹을 사용하는 사용자가 웹사이트를 자유롭고 편리하게 사용할 수 있어야 한다.
웹을 장애인, 고령자 등을 포함한 사용자층을 포함한 다양한 환경에서 사용할 수 있어야 한다.
웹을 새로운 기기에서의 이용, 개발 및 운용의 효율성 제고해야 한다.
차이점
구분 목적 준수 내용 차이 웹 표준(Web Standards)웹의 사용성및 접근성 보장HTML, CSS 등에 대한 WC3 규격(문법) 준수 등- HTML, CSS, Javascript 등 구조와 표현, 동작 분리 권고웹의 내용, 표현, 행동에 관련된 기술표준 웹 호환성(Cross Browsing)웹 브라우저 버전,종류와 관계없는웹사이트 접근웹 표준 준수를 통한 브라우저 호환성 확보- HTML, CSS 문법 준수- 동작, 레이아웃, 플러그인 호환성웹 표준을 공통으로 포함 웹 접근성(Web Accessibility)인적, 환경적 요인에제약 없는 웹 정보 접근W3C 웹 접근성 이니셔티브(WAI)한국형 웹 콘텐츠 접근성 지침 2.0- 인식의 용이성, 운용의 용이성, 이해의 용이성, 견고성