웹 접근성 지침(KWCAG에 대해) - 4 / 명확한 지시 사항 제공

• 웹 접근성 지침(KWCAG에 대해) - 0
• 웹 접근성 지침(KWCAG에 대해) - 1 / 적절한 대체 텍스트 제공
• 웹 접근성 지침(KWCAG에 대해) - 2 / 자막제공
• 웹 접근성 지침(KWCAG에 대해) - 3 / 색에 무관한 콘텐츠 인식

---

지시 사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다.

 

 

오류 사례와 준수 사례

 

모양으로만 정보 제공

필수 입력 사항에 대해 *문자 모양으로만 정보를 제공하고 있다.

 

준수 사례

따로 '* 표시는 필수 입력 사항입니다.'라는 설명을 추가하거나

'*'가 이미지인 경우 대체 텍스트를 '필수'나 '필수 입력사항'이라고 제공하거나

'*'영역에 '필수'라는 정보를 숨김 텍스트로 제공하면 된다.

 

---

 

위치/방향 만으로 정보 제공

시각적으로 인식이 어려운 사용자의 경우 왼쪽이 어디인지 알기 힘들기 때문에 위와 같은 사례는 오류이다.

 

---

 

크기로만 정보 제공

대상이 되는 버튼이 '작은 버튼'이라는 대체 텍스트가 없는 경우 시각적으로 인식이 어려운 사용자는 어떤 요소를 지칭하는지 알 수 없기 때문에 위와 같은 사례는 오류이다.

 

---

 

색으로만 정보 제공

색으로만 정보를 제공하고 있어 오류 사례이다.

 

준수 사례

위와 같이 명확하게 정보를 제공해야 한다.

 

이외에 음성, 음향만으로 정보를 제공하는 경우도 마찬가지로 오류이니 주의해야 한다.

---

부스트코스의 강의 내용을 정리한 포스트입니다.

https://www.boostcourse.org/web344

웹 UI 개발