부스트코스 웹 접근성 이해
1. 웹 접근성의 이해
2. 웹 접근성 지침
3. 웹 접근성 진단도구와 스크린 리더
📍2. 자막 제공
- 멀티미디어 컨텐츠에 포함된 음성 및 대사와 동등하게 대체 수단 제공 필요
- 예) 청각 장애인을 위한 자막 제공
📍3. 색에 무관한 콘텐츠 인식
- 콘텐츠는 색에 관계없이 인식될 수 있어야 함
- 예를 들어 차트를 표현할 때, 단순한 색으로 범례를 나누면 색약, 색맹 등의 사람들에게 불편을 끼칠 수 있음
- 패턴이나 굵기를 활용하여 나타내야 함
- 또한 슬라이드 버튼을 나타날 때도, 색 뿐만 아니라 모양으로 구분해야 한다
- 페이지네이션을 구현할 때에도 단순한 색 이외에 테두리, 굵기 등을 사용
📍4. 명확한 지시 사항 제공
- 모양, 위치, 방향, 색, 크기 등으로만 정보를 제공하면 안된다
- 시각적 인식 어려운 사람들에게 불리
- bad case
- *표시는 필수 입력 사항입니다 같은 정보를 제공하면 좋다
📍5. 텍스트 콘텐츠의 명도 대비
- 모든 페이지의 텍스트와 배경색 간의 명도 대비 3:1 이상을 준수해야 함
(확대가 가능하지 않은 브라우저일 경우 4.5:1)
- 텍스트뿐만 아니라 의미 있는 이미지도 준수 필요
- 로고, 장식 목적의 컨텐츠, focus되었을 때 명도 대비가 커지는 콘텐츠는 예외
📍6. 자동 재생 금지
- 동영상, 음성, 배경음악 등 자동으로 소리가 재생되지 않아야 함
- 스크린 리더 음성과 겹쳐서 유저를 방해할 수 있음
- 마우스 오버 or 키보드 접근으로 재생되는 3초 이상의 배경음 콘텐츠도 불가
📍7. 콘텐츠 간의 구분
- 이웃한 콘텐츠는 구별될 수 있어야 함
- 테두리, 구분선, 다른 무늬, 명도 대비, 줄 간격 등을 사용하여 구분
- bad case
- good case
