웹접근성(Web Accessibility)

웹접근성(Web Accessibility)을 공부할 때 탐색할 수 있는 중요한 개념들이 많습니다.

이 분야는 웹 콘텐츠와 웹 애플리케이션을 모든 사용자, 특히 장애를 가진 사용자들도 쉽게 접근하고 사용할 수 있도록 만드는 것에 초점을 맞춥니다.

WAI (Web Accessibility Initiative)

WAI는 장애가 있는 사람들을 포함하여 모든 사람이 웹을 사용할 수 있도록 돕는 것을 목표로 합니다.

이를 위해 WAI는 웹 컨텐츠, 웹 애플리케이션, 웹 브라우저, 그리고 개발 도구가 접근 가능하도록 하는 권장 사항과 가이드라인을 개발합니다.

WCAG (Web Content Accessibility Guidelines)

웹 콘텐츠가 장애가 있는 사용자들에게 접근 가능하도록 하는 방법에 대한 권장 사항을 제공합니다.

WCAG은 다양한 장애 유형(시각, 청각, 운동, 인지 등)을 고려하여 웹 콘텐츠를 설계하고 개발하는 데 필요한 지침을 제공합니다

• 예를 들어 img 태그의 alt를 작성하여 이미지 대체 텍스트를 제공하는 기능이 있습니다.

<img src="dog.jpg" alt="갈색 털을 가진 개가 공원에서 뛰어노는 모습">

WAI - ARIA (Accessible Rich Internet Applications)

웹 애플리케이션과 웹 콘텐츠가 장애가 있는 사용자에게 더 접근하기 쉽도록 하는 방법을 정의하는 기술 규격입니다.

개발자가 의도한 유저 인터페이스(User Interface) 행동이나 구조적인 정보를 스크린 리더와 같은 보조 기술에 전달하여

시각/인지 장애인들에게 동일하게 정보를 제공하고 행동을 유도함으로써 웹페이지 탐색을 돕는 경험을 제공합니다.

• 예를 들어 html 속성에 aria-labelledby을 작성하는 기능이 있습니다.

<div id="panel1" role="tabpanel" aria-labelledby="tab1">

정리