웹 접근성이란?
프론트엔드
웹 접근성이란?
두줄요약
웹 접근성과 웹 표준의 공통점과 상호 보완 관계를 설명했습니다. 대체 텍스트, WAI-ARIA, 시맨틱 태그 적용 방법을 소개했습니다.
구조와 흐름
- 웹 접근성: 장애 여부와 브라우저·디바이스 환경에 관계없는 동등한 웹 이용 경험
- 웹 표준: W3C 권고안 기반의 브라우저·플랫폼 호환성과 일관된 웹 표현
- 공통 목표인 사용성 보장과 상호 보완 관계
선택 이유
- 대체 텍스트를 통한 이미지·아이콘 의미 전달과 스크린 리더 지원
- WAI-ARIA의 role, aria-checked 속성을 통한 사용자 정의 UI 상태 제공
- 제목·단락·목록 등 의미에 맞는 HTML 요소 기반의 콘텐츠 구조화
주의할 점
- 직관적으로 보이는 아이콘에도 용도 파악 가능한 대체 텍스트 필요
- 배경 이미지는 빈 대체 텍스트로 스크린 리더 낭독 제외
- QR 코드·바코드 이미지의 연결 링크 제공
적용해볼 점
- 이미지와 인터랙션 요소의 대체 텍스트 및 ARIA 속성 점검
- 시맨틱 태그 기반의 일관된 제목·단락·목록 구조 설계
