웹표준과 웹접근성 (Web Standards & Web Accessibility)

안녕하세요. Ryuwoong입니다.

이번엔 알고 넘어가야하는 Web의 기본적인 내용들에 대해 다뤄보고자 합니다.

첫번째로  표준과 접근성입니다. 바로 이야기 해볼까요?

---

웹표준

Front-End 공고를 보면, 'Web 표준과 접근성에 대한 이해' 라는 항목을 보신적 있으신가요?

인터넷엔 수많은 페이지들이 존재합니다. 현재도 계속해서 만들어지고 있고 또 그것을 보기 위한 다양한 브라우저가 있습니다. 하지만 각자 마음대로 만든다면 어떻게 될까요? 사용자는 인터넷을 사용하기 매우 불편하겠죠. 특히 고령자나 장애인은 사용할 수 없을지도 모릅니다. 또한 개발자도 어떻게 만들어야 좋은지, 옳은지에 대해 물음표가 따라 붙을겁니다. W3C는 이에 웹표준을 제공하고 있습니다. 

웹표준은 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있습니다.

웹표준 권고를 따라 웹사이트를 작성함으로 써 사용자가 어떤 브라우저나 기기를 사용하더라도 내용을 동일하게 볼 수 있습니다.

 

웹표준의 장점

1. 수정 및 운영관리 용이
   • 콘텐츠의 올바른 구조화와 CSS로 시각표현을 통일하여 제어하게 되어 페이지 제작의 부담 감소 및 관리용이
2. 접근성 향상
   • 웹 표준을 이용해 작성한 문서는 다양한 브라우징 환경에 대응이 가능하며 휴대폰, PDA에서도 정상적인 작동 및
     장애인 지원용 프로그램에도 도움이 되므로 사용자나 접속 장치의 접근성이 용이
3. 검색엔진 최적화
   • 표준을 이용해 작성한 문서는 다양한 브라우징 환경에 대응이 가능하며 휴대폰, PDA에서도 정상적인 작동 및 장애인 지원용 프로그램에도 도움이 되므로 사용자나 접속 장치의 접근성이 용이
4. File Size 축소, 서버 저장 공간 절약
   • 효율적인 소스 작성은 파일 사이즈와 서버공간을 절약할 수 있으며 동시에 화면표시에 소요되는 시간을 단축
5. 효율적인 마크업
   • CSS와 HTML문서를 분리하여 제작할 경우 불필요한 마크업이 최소화되어 페이지 로딩속도 향상
6. 호환성 가능
   • 기존 IE브라우저에서만 작동이 가능했던 요소들이 웹 표준을 준수함으로써 다양한 브라우저 (크롬, 파이어폭스, 사파리, 오페라 등)에서도 작동

 

 

웹 접근성

우리는 누구나 '동등하게' 웹 콘텐츠에 접근할 수 있어야합니다.

웬만한 사람들은 큰 문제가 없겠지만, 문제를 겪는 사람들이 있을 수도 있습니다.

일상에서 겪을 수 있는 예로 키오스크를 생각해 볼까요? 노인분들은 키오스크 이용에 애를 먹는 경우가 많습니다. 그리고 일반 사람들도 처음 가게를 갔을 때 내가 원하는 메뉴를 찾기 어려운 경우가 종종 있습니다. (유난히 패스트푸드 키오스크들은 다 그런거 같아요) 

이러한 불편한을 최소화하고 누구나 사용할 수 있게 하기 위해, 즉 접근성을 높이기 위해 웹표준이 존재하는 것이 아닐까 합니다.

 

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

 

웹 접근성 준수 & 고려 사항

1. 시각
   • 실명, 색각 이상,다양한 형태의 저시력을 포함한 시각 장애
2. 이동성
   • 파킨슨병, 근육병, 뇌성마비, 뇌졸중과 같은 조건으로 인한 근육 속도 저하, 근육 제어 손실로 말미암아 손을 쓰기 어렵거나 쓸 수 없는 상태
3. 청각
   • 영상, 음성 콘텐츠에 자막,원고, 수화등의 대체수단 부제로인한 인식이 불가능한 상태
4. 인지
   • 문제 해결과 논리 능력, 집중력, 기억력에 문제가 있는 정신 지체 및 발달 장애, 학습 장애(난독증, 난산증 등)

 

웹 접근성 원칙

인지가능한 정보와 사용자 인터페이스

• 텍스트가 아닌 콘텐츠를 위한 대체 텍스트
• 멀티미디어를 위한 캡션과 다른 대안
• 다양한 방법으로 제공될 수 있는 콘텐츠
• 보고 듣기 더 쉬운 콘텐츠

운용가능한 사용자 인터페이스와 내비게이션

• 키보드로 사용 가능한 기능
• 콘텐츠를 읽고 사용하는 데에 충분한 시간이 필요한 사용자
• 발작이나 신체적 반응을 유발하지 않는 콘텐츠
• 쉽게 콘텐츠를 찾고 탐색하고 현재 위치를 알 수 있는 사용자
• 키보드 외의 다양한 입력 장치를 사용할 수 있는 사용자

이해하기 쉬운 정보와 사용자 인터페이스

• 읽고 이해하기 쉬운 텍스트
• 예측 가능한 방식으로 보여지고 조작할 수 있는 콘텐츠
• 실수를 피하고 수정할 수 있는 기능을 제공받는 사용자

견고한 콘텐츠와 정확한 설명

• 현재와 미래 사용자 도구와 호환 가능한 콘텐츠

 

참조.

웹접근성이란? > WA : 한국웹접근성인증평가원

웹 표준과 웹 호환성 - 웹 접근성 | 웹발전연구소

웹 접근성 소개

접근성 원칙