웹접근성과 웹표준에 대해

웹접근성과 웹표준에 대해서 자꾸 망각하게 되는데 

알기 쉽게 정리해보자!

 

웹접근성이란?

웹접근성은 웹 사이트에서 제공하는 정보를 차별과 제한 없이 동등하게 이용할 수 있도록 보장하는 것이다

장애인 및 고령자 등 포함된 모든 사람이 다양한 플랫폼 및 장치, 웹브라우저 등의 모든 환경을 이용이 가능할 수 있도록 하는 것이다

웹의 표준화 관련 국제 기구인 월드 와이드 웹 컨소시엄(W3C ; World Wide Web Consortium)에서는1990년대 중반 이후 폭발적으로 성장한 웹 서비스에서 장애인의 접근성에 관련된 문제가 발생하자, 1997년에 웹 접근성 이니셔티브(WAI ; Web Accessibility Initiative)라는 산하 단체를 설립하여 이 문제를 전문적으로 연구하기 시작했다

WAI는 웹 접근성을 위해 다양한 활동을 펼치고 있는데, 그 중의 하나가‘웹 접근성을 위한 지침’을 마련

 

웹접근성 향상의 효과

장애인, 고령자 등 사용자층 확대, 규정과 법적 요구 사항 준수, 사회 공헌 및 복지 기업으로서 기업 이미지 향상, 개발 운용의 효율성을 제고한다

 

 

웹접근성 검사 가능한 곳

https://validator.w3.org/

https://accessibility.kr/

 

The W3C Markup Validation Service

Accessibility Korea

 

 

---

https://developer.paciellogroup.com/resources/contrastanalyser/

- 전경색 / 배경색 간의 명도 대비를 체크 해 주는 프로그램

- 명도 대비는 4.5:1 이상, 확대 가능한 브라우저에서 최소 3:1 이상으로 구현

Color Contrast Checker - TPGi

 

 

 

---

https://chrome.google.com/webstore/detail/kwcag-a11y-inspector/ngcmkfaolkgkjbddhjnhgoekgaamjibo?hl=ko

- 컨트롤 대각선 길이를 측정해주는 프로그램

- 크롭웹스토에서 설치 가능

- 웹에서 컨트롤의 크기는 대각선 6mm이상 구현

kwcag a11y inspector

 

---

https://chrome.google.com/webstore/detail/openwax/bfahpbmaknaeohgdklfbobogpdngngoe?hl=ko 

- 접근성을 자동으로 진단해줌 정확하지는 않다

- 크롬 웹스토어 설치가능 

OpenWAX

 

---

https://www.wah.or.kr:444/Participation/online-wah.asp

https://www.boostcourse.org/open-boostcourse

부스트코스 소개 : 부스트코스

 

웹표준이란?

웹에서 표준적으로 사용되는 기술이나 규칠을 말하며 우리가 아는 표준과는 다르다

웹에서의 표준은 W3C의 토론을 통해 나온 권고안을 말하고 이 권고안 외에 단계 수준의 스펙은 비표준으로 간주

 

관련 기술은

구조 : (X)HTML

표현 : CSS

동작 : Script

 

구조언어는 XML HTML이 있으며 여러 버전이 있지만 현재 HTML5버전을 사용한다 최신 웹브라우저들은 기본적으로 HTML5를 지원하며 IE9이상부터는 HTML5의 새로운 요소를 지원한다 그치만 IE는 곧 사라지겠찌...

최신 표준인 HTML5에서 새로운 구조 요소는 header main section footer aside article 등이 있다

 

표현언어는 CSS가 있는데 CSS3을 주로 사용하며 CSS는 W3C표준이다 어느 환경에서나 제작의 의도대로 표현이 가능하다

 

동작언어는 dom ecma script가 있는데 dom은 웹 페이지의 구성 체계를 말한다