웹 표준을 준수하여 웹 접근성을 높일 수 있도록, W3C 권고안과 웹 접근성 연구소 지침을 정리해보았습니다.
웹 표준은 세계적인 기관인 W3C에서 웹을 제작할 때 권고하는 표준 권고안이며, 웹 접근성은 웹 표준을 지킴으로서 향상됩니다.
0. 웹 표준, 웹 접근성을 신경써야하는 이유
그럼 웹 접근성은 왜 향상되어야 할까요? 우리가 웹 표준을 지켜야하는 이유는 다음과 같습니다.
- 다양한 환경(브라우저, 기기, 상황)에서 접속할 수 있습니다.
- 사용자 입장에서는 필요한 정보를 손쉽게 검색해서 접근할 수 있습니다.
- 제작자 입장에서는 따로 홍보를 하지 않아도, 검색에 쉽게 노출되어 광고 비용을 줄일 수 있습니다.
웹 접근성은 모든 사용자가 신체적인 조건, 교육 수준, 환경적인 조건에 상관없이 웹에 접근할 수 있는 정도를 의미합니다. 또한 모든 장치와 브라우저, 저사양, 느린 인터넷에서도 접근할 수 있느냐를 판단합니다.
웹 접근성을 높이려는 이유는, 웹이 그 탄생부터가 보편적인 정보의 공유를 위해 태어났다는 것과 연관됩니다. 다양한 정보를 누구나 접할 수 있도록 하려는 성질이 곧 웹이기 때문입니다.
장애인이나 고령자들도 쉽게 접근할 수 있다면, 사용자도 좋지만 기업의 입장에서도 새로운 고객을 확보할 수 있게 됩니다.
국내 법률인 장애인 차별 금지법을 준수하게 되는 것이며, 이러한 다양한 환경을 고려해서 제작을 하면 나중에 따로 수정할 필요가 없습니다.
일반인도 소리를 재생할 수 없는 환경에서 자막으로 콘텐츠를 접하는 등 사용율을 높일 수 있습니다.
따라서 우리가 HTML, CSS, SCRIPT 등을 사용하여 웹을 제작할 때 웹 표준을 지킴으로서 웹 접근성을 높이도록 해야합니다.
1. W3C의 웹 표준 권고안
W3C에서 권고하는 웹 표준 최신버전인 WCAG 2.1 버전의 개요를 살펴보면 다음과 같은 내용이 쓰여져 있습니다.
인지성
- 텍스트가 아닌 콘텐츠에 대체 텍스트를 제공할 것
- 멀티미디어에 캡션이나 다른 대안을 제공할 것
- 콘텐츠를 다양한 방식으로 제공할 것
- 사용자가 쉽게 보고 들을 수 있도록 할 것
운용성(사용성)
- 키보드로 모든 기능을 사용할 수 있도록 할 것
- 사용자가 콘텐츠를 읽거나 사용할 수 있을만한 충분한 시간을 제공할 것
- 발작을 일으키거나, 신체 반응을 줄 수 있는 콘텐츠 사용하지 않을 것
- 사용자가 콘텐츠를 쉽게 탐색할 수 있도록 도울 것
- 키보드가 아닌 입력기기로도 사용하기 쉽게 할 것
이해성
- 이해할 수 있는 텍스트로 작성할 것
- 예측할 수 있는 방식으로 표시, 동작할 것
- 사용자가 실수를 하지 않도록 하고, 실수를 되돌릴 수 있도록 할 것
내구성
- 현재와 미래의 사용자 도구와도 호환될 수 있도록 할 것
2. 한국 웹 접근성 연구소 지침
정부의 웹 접근성 및 웹 표준 준수 지침에 따르면, 국가 표준(KICS)에 따라 한국형 웹 콘텐츠 작성 지침(KWCAG 2.1이 최신버전)을 준수할 것을 권고하고 있습니다.
PDF로 다운로드할 수 있는데, 대부분 W3C에서 제안하는 웹 표준 권고사항과 유사합니다.
웹 접근성 연구소에서 안내하는 웹 콘텐츠 제작 기법 또한 W3C 웹 표준과 동일하게 인지성, 운용성, 이해성, 내구성으로 나뉘어 안내되고 있습니다.
이에 따라 웹을 제작하면, 과학기술정보통신부 웹 접근성 품질 인증 마크를 획득할 수 있습니다.
예전에는 테이블 태그를 레이아웃 구성을 위해 사용했었다고 합니다. 이는 '표'라는 구조를 디자인으로 사용하여 구조와 표현이 섞여진 구성입니다.
웹이 발전함에 따라 구조는 HTML등의 마크업 언어로, 디자인은 CSS로 분리하도록 하는 것이 표준이 되었습니다. 이로써 구조가 명확해지고, 유지 보수도 쉽게 되었습니다.
따라서 귀찮더라도 나중에 유지보수가 쉽고, 검색엔진에 잘 노출될 수 있도록 웹 표준과 웹 접근성을 고려해서 웹을 제작하도록 해야겠습니다. 읽어주셔서 감사합니다.
'웹 > UIUX 공부' 카테고리의 다른 글
UI를 제작할 때 고려할 점 15가지 (0) | 2022.05.16 |
---|---|
인터페이스와 UI의 종류 (0) | 2022.05.16 |
iOS 디자인과 안드로이드 머티리얼 디자인 가이드의 특징 (0) | 2022.05.16 |
메뉴 트리, 정보구조도 작성 방법 (0) | 2022.05.16 |
인터렉티브한 웹사이트를 만드는 방법, 참고할만한 사이트 (0) | 2021.12.24 |
웹&앱 서비스 기획 커뮤니티와 공부 참고, 도구 목록 (0) | 2021.12.24 |
웹 UX 디자인을 좋게 만드는 8가지 방법 (0) | 2021.12.08 |
꼭 알아야할 웹디자인 기초 원칙 6가지 (0) | 2021.12.08 |
댓글