웹 접근성, 웹 표준이란?

👍웹 접근성(Web Accessibillity)

→ 웹 접근성이란?

• 모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것 즉, 어떠한 사용자(고령자, 장애인, 일반인 모두)가 어떠한 환경(브라우저, 운영체제, 디바이스의 환경 혹은 사양)에서도 어려움 없이 접근하고 이용할 수 있는것
• W3C 정의에 따르면 웹 표준은 접근성, 사생활 보호, 보안, 국제화의 측면에서 고려해야함
• 신체적 나이나 장애 여부와 상관없이 누구나 원활하게 웹 페이지를 이용할 수 있어야 함

<img arc = "img/login.png" alt="로그인 />

이미지 대신 소스코드에 내용을 그대로 담는것을 권장하며, 부득이하게 이미지를 사용할 경우 반드시 이미지가 어떤 내용인지 아래와 같이 설명을 추가해야한다.

 

→ 웹 접근성 가이드 4가지 핵심 원칙

1. 인식 가능(인지성) : 사람은 콘텐츠를 보거나 들을 수 있다.
2. 작동 가능(운용성) : 사람이 타이핑이나 음성으로 컴퓨터를 사용할 수 있다.
3. 이해 가능(이해성) : 사람이 명확하고 단순한 언어로 사용할 수 있다.
4. 견고성(내구성) : 사람들이 다른 보조 기술을 사용할 수 있다.

→ 웹 접근성을 위해 사용되는 보조기기

자막, 스크린리더, 자동완성 기능, 마우스스틱, 색상 대비 디자인 등.

→ 가이드라인 참조

https://www.w3.org/WAI/guid-tech

W3C Accessibility Standards Overview

---

👍웹 표준(Web Standards)

→ 웹 표준이란?

• '웹에서 표준적으로 사용되는 기술이나 규칙'
• 표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML,CSS,JS등에 대한 규정
• 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상작동해야함을 의미
•  정해진 규칙을 잘 지키는 것 뿐만 아니라 구조적 마크업(XHTML)고 표현 및 레이아웃(CSS) 및 사용자 행위 제어(DOMScriping)를 잘 분리하는 고급 홈페이지 구축 방식
• CSS와 HTML로 웹 문서를 작성하는 것의 명확한 용어는 권고(recommend)라고 하며 버전과 상관없이 HTML,XHTML 그 자체로 표준이라고 정함
• 웹 표준 준수는 웹 접근성 준수를 위한 핵심요소 (즉 웹 접근성이 더 큰 개념이며, 웹 표준은 웹 접근성을 구현하기 위한 부분적 요소)

→ 웹 표준의 장점

• HTML과 CSS가 분리되어 유지보수에 들어가는 시간이 단축되고, 불필요한 마크업이 최소화되어 페이지 로딩속도가 향상됨
• 오래된 브라우저에서도 컨텐츠가 적절하게 표시되고 호환성과 운용성이 확보됨
• 논리적이고 효율적으로 작성된 웹 문서는 코드의 양이 줄어 파일 크기가 줄고 서버부담의 감소로 이어질 수 있음
• 스크린리더기 등 보조공학 기기 사용자들이 조금 더 정확한 정보를 얻을 수 있도록 도움

→ 웹표준의 기술 :

1. XHTML
2. CSS
3. XML
4. DOM
5. ECMAScript

→ 가이드라인 참조

https://www.w3.org/standards 

Standards - W3C

→ 웹 표준 문법 검사 사이트

• W3C Markup Validation
  -HTML5의 경우 (https://validator.w3.org/nu/) 문법검사 
  -HTML5이외의 경우 (http://validator.w3.org/) 문법검사 
• W3C CSS Validation (http://jigsaw.w3.org/css-validator) 문법검사 사용중인 브라우저가 웹 표준을 얼만큼 준수하는지 : (http://html5test.com)

 

 

출처 : https://namu.wiki/w/%EC%9B%B9%20%ED%91%9C%EC%A4%80

https://kutar37.tistory.com/entry/%EC%9B%B9-%EC%A0%91%EA%B7%BC%EC%84%B1-vs-%EC%9B%B9-%ED%91%9C%EC%A4%80