지시 사항은 모양, 크기 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 합니다.
지시 사항을 특정한 단일 감각에만 의존하는 방법으로 제공해서는 안 된다는 것입니다.
즉, 여러 가지 다른 감각을 통해서도 지시 사항을 인식하는 데 문제가 없도록 콘텐츠를 제공해야 합니다.
명확한 지시 사항 제공에 대한 사례들을 살펴보도록 하겠습니다.
모양으로만 정보 제공
회원가입 시 필수 입력 항목들 앞에 별표 문자 모양으로만 정보를 제공하고 있는 경우 오류 사례입니다.
따로 "*표시는 필수 입력 사항입니다."라는 설명을 제공하거나,
'*'가 이미지인 경우 대체 텍스트를 "필수"나 "필수 입력사항"이라고 제공하거나,
'*'영역에 "필수"라는 정보를 숨김 텍스트로 제공하면 됩니다.
위치나 방향으로만 정보 제공
왼쪽의 숫자를 입력하라고 방향으로만 정보를 지시하는 경우는 오류 사례이며 시각적으로 인식이 어려운 사용자의 경우 왼쪽이 어딘지 알기 힘듭니다.
ex. [ text 상자 ] 왼쪽에 생년월일을 입력하세요.
크기로만 정보 제공
"작은 버튼을 클릭하세요."라고 크기로만 정보 제공하는 경우도 오류 사례입니다.
대상이 되는 버튼이 '작은 버튼'이라는 대체 텍스트를 포함하고 있지 않을 경우 시각적으로 인식이 어려운 사용자는 어떤 요소를 지칭하는지 알 수 없기 때문입니다.
색으로만 정보 제공
"보라색 지역은 관할 지역입니다."라고 색으로만 정보를 제공하고 있는 경우 오류 사례입니다. "서울, 경기, 인천지역은 관할 지역입니다." 라고 명확하게 정보를 제공해야 합니다.
이외에 음성, 음향으로만 정보를 제공하는 경우도 마찬가지로 오류이니 주의해주시기 바랍니다.
'Spec UP - Frontend > 부스트코스_UI 개발' 카테고리의 다른 글
웹 접근성_자동 재생 금지 (0) | 2020.03.31 |
---|---|
웹 접근성_텍스트 콘텐츠의 명도 대비 (0) | 2020.03.31 |
웹 접근성_색에 무관한 콘텐츠 인식 (0) | 2020.03.31 |
웹 접근성_자막 제공 (0) | 2020.03.31 |
웹 접근성_적절한 대체 텍스트 제공(alt) (0) | 2020.03.31 |
댓글