웹표준과 웹접근성

2021. 9. 29. 09:33ㆍStudy/Publishing

웹표준(Web Standards)이란?

웹 표준이란, ‘웹에서 표준적으로 사용되는 기술이나 규칙’을 의미하는데, 이는 우리가 흔히 생각하는 표준(standard)과는 조금 다릅니다. 웹에서의 표준은 W3C의 토론을 통해 나온 권고안(recomendation)을 말하며, 권고안 이외 단계 수준의 스펙은 비표준이거나 독자확장 요소를 의미하기 때문에 구분하여 사용해야 합니다.

- 웹에서 표준적으로 사용되는 기술이나 규칙

- 표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정이 담겨있다.

- 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상 작동해야 함을 의미

- 표준 스펙을 잘 지키는 것 뿐만 아니라 구조적 마크업(XHTML)과 표현 및 레이아웃(CSS)및 사용자 행위 제어(DOMScripting)를 잘 분리하는 고급 홈페이지 구축 방식

- CSS와 HTML(XHTML)로 웹 문서를 작성하는 것의 명확한 용어는 권고(Recommend)라고 하며 버전과 상관없이 HTML, XHTML은 그 자체로 표준이라고 한다.

* W3C란?

World Wide Web Consortium의 약자로 팀 버너스 리 경이 설립한 웹기술의 표준을 정의하는 공식 기관이다.

* 웹표준의 장점

1. 소스의 통일화로 수정 및 운영관리가 용이하다.

2. 다양한 브라우저, 휴대폰, PDA, 장애인 지원용 프로그램에서도 대응이 가능하므로 접근성이 향상된다.

3. 검색봇을 통한 효율적 노출과 같은 검색엔진 최적화가 가능하다.

4. 효율적 소스를 통해 File Size 축소 및 서버 저장 공간을 절약할 수 있다.

5. CSS와 HTML 문서의 분리등을 통해 페이지 로딩속도 향상과 같은 효율적인 마크업이 가능하다.

6. 다양한 브라우저에서의 호환이 가능하다. (크로스 브라우징)

웹접근성(Web Accessibility)이란?

웹 접근성은‘모든 사용자가 신체적·환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것’입니다.

- 여기서 신체적 조건이란, 일반 사용자는 물론, 장애를 가진 사람, 고령자 등을 의미하며,

- 환경적 조건이란 다양한 기기(PC, Mobile, PDA 등), OS(운영체제), 웹 브라우저(Internet Explorer, FireFox, Safari,Chrome, Opera 등) 또는 저사양 및 저속회선 사용자나 이미지, 동영상 등을 볼 수 없는 환경 등을 의미합니다.

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

장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킨다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있다.

웹 접근성에는 다음의 사항들을 고려하여야 한다.

- 시각 : 실명, 색각 이상, 다양한 형태의 저시력을 포함한 시각 장애

- 운동성 : 파킨슨병, 근육병, 뇌성마비, 뇌졸증과 같은 조건으로 인한 근육 속도 저하, 근육 제어 손실로 말미암아 손을 쓰기 어렵거나 쓸 수 없느 ㄴ상태

- 청각 : 청각 장애

- 발작 : 깜박이는 효과나 시각적인 스트로보스코프를 통해 일어나는 뇌전증성 발작

- 인지 : 문제 해결과 논리 능력, 집중력, 기억력에 문제가 있는 정신 지체 및 발달 장애, 학습 장애(난독증, 난산증 등)

웹 시장의 동향 (웹 언어의 버전)

web 1.0

- html 4.01 + css1 (정식버전)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML  4.01 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

web 2.0

- 웹표준/접근성

- 다양한 웹 브라우저의 등장

- xhtml 1.0 + css2

<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

web 3.0

- 웹표준/접근성 지향

- 모바일(테블릿/pc) -> 반응형

- html5 + css3

<!DOCTYPE html>

* 다양한 웹 브라우저의 등장

- 파이어폭스(모질라)

- 크롬(구글)

- 오페라

- 사파리(애플)

- 인터넷 익스플로러

ㄴ 윈도우 8 -> 익스플로러11 (최악)

ㄴ 윈도우10 -> Edge

- 브라우저 고인물 넷스케이프 (넷스케이프는 1992년 인터넷 웹브라우저를 최초로 개발 히트시킨 기업이다. MS의 횡포로 몰락)

- 브라우저의 다양성으로 인해 크로스 브라우징이 어려워지면서 IT기업들의 벤더들이 W3C(World Wide Web Consortium)를 만들고 웹표준을 공표함

'Study > Publishing' 카테고리의 다른 글

HTML5 시맨틱 태그 (Semantic Tag) (0)	2021.10.07
Reset.css / Normalize.css (0)	2021.10.07
HTML Entity (0)	2021.10.06
HTML 기본 문법 (0)	2021.10.05
[css] Flexbox (0)	2021.03.10

SLOG