웹 접근성(Web Accessibility)이란?
웹 사이트는 모든 사람들이 같은 정보와 서비스를 누릴 수 있어야 하는데요. 웹 접근성이란 모든 사람들, 특히 장애가 있는 사람들도 웹 콘텐츠와 서비스에 쉽게 접근하고 사용할 수 있도록 하는 것을 의미합니다. 이처럼 장애를 가진 사람들도 신체적이나 환경적인 제약 없이 인터넷 서비스를 이용할 수 있도록 하는 것을 목표로 합니다.
웹 접근성 준수방법
그렇다면 어떻게 웹 접근성을 준수할 수 있을까요? 웹 접근성에는 웹 접근성 표준(WCAG, Web Content Accessibility Guidelines, 웹 콘텐츠 접근성 지침)이 있습니다. 이 지침에서는 웹사이트에서 접근성을 위한 지침이 있는데요. 가장 대표적인 내용에 대해 알아보도록 하겠습니다.
1. 시각적 요소
시각 장애인은 웹 사이트에 있는 이미지나 비디오, 그래픽 요소를 인식할 수 없습니다. 그래서 이미지나 비디오를 대체할 수 있는 텍스트(alt)를 작성해야 합니다. 또한 색약이나 시력이 좋지 않은 분들을 위해 색의 대비를 명확하게 해야 합니다(검은색 바탕에 노란색 글씨). 이 외에도 텍스트 크기를 고려하는 시각적 요소가 있습니다.
2. 청각적 요소
청각 장애인은 소리를 잘 들을 수 없습니다. 그렇기 때문에 웹사이트에 오디오 콘텐츠가 있다면 이해하기에 어려움이 있겠죠. 따라서, 이러한 오디오 콘텐츠를 알 수 있도록 자막이나 수화, 오디오의 설명 등을 제공함으로써 청각 장애인도 웹 서비스를 사용할 수 있도록 해야 합니다.
3. 키보드 접근성
마우스를 사용하기 어려운 지체장애인 분들을 위해 마우스 없이 키보드만으로도 웹사이트를 이용할 수 있어야 합니다. 이처럼 마우스를 사용할 수 없을 때 키보드 Tab 키를 이용해서 사용할 수 있도록 해야 합니다.
웹 접근성 검사방법
WABE 웹접근성 평가도구 사이트 : https://wave.webaim.org/
위 사이트에 배포된 url 주소를 입력하면 웹접근성 평가를 할 수 있습니다.
'개발이야기' 카테고리의 다른 글
vscode에 깃허브 Github 로그인하는 방법 (0) | 2024.11.12 |
---|---|
Python 파이썬에서 가상환경 venv 만들고 실행하기 (feat. 파이썬 버전에 따른 venv 생성오류) (3) | 2024.10.14 |
타입스크립트(Typescript)란? - 특징, 장점, 자바스크립트와 차이점, 코드예시 (0) | 2024.09.27 |
웹 표준이란? - 중요성과 장점, 웹 표준 준수하는 방법, 유효성 검사 (3) | 2024.09.24 |
개발블로그 (0) | 2024.06.10 |