[FE] 웹 접근성 관리 대상 선정 및 개선

Jump to bottom

최혜령 edited this page Aug 17, 2023 · 8 revisions

✨ 웹 접근성 관리 대상

대상: 전맹 시각장애인
이유: 집사의 고민 서비스 이용에 어려움이 가장 클 것이라 예상되는 전맹 시각장애인분들을 웹 접근성 관리 대상으로 선정했습니다.

✨ 웹 접근성 개선사항

대체 텍스트 제공
- 이미지로된 버튼의 경우, aria-label을 사용하여 사용자가 어떤 기능을 하는 버튼인지 알 수 있도록 구현
- 이미지의 경우, 사용자에게 유의미한 정보를 줄 수 있도록 대체텍스트를 제공하나 유의미한 이미지가 아닌 경우 alt=""를 사용하여 스크린리더 사용자의 피로감을 줄여주도록 구현
시맨틱 태그 사용
- 라디오 버튼: <input type="radio" /> 혹은 role="radio"로 역할(단일 선택)에 맞는 기능 구현
- 체크박스: <input type="checkbox" /> 혹은 role="checkbox"로 역할(다중 선택)에 맞는 기능 구현
- 버튼: <button type="button"> 혹은 <role="button">으로 역할에 맞는 기능 구현
타겟 대상에 맞는 페이지 언어 설정: <html lang="ko">

✨ 스크린리더 실행화면

default.mov