1.3.3 감각적 특성

요구 사항

콘텐츠를 이해하고 조작하기 위한 지시 사항이 구성 요소의 모양, 색, 크기, 시각적 위치, 방향, 소리 같은 감각적 특성에만 의존하지 않아야 합니다. “오른쪽 둥근 버튼을 누르세요”, “삐 소리가 나면 시작하세요” 대신 버튼의 이름 같은 텍스트 정보를 함께 제공합니다. 색만으로 정보를 전달하는 문제는 1.4.1이 따로 다룹니다.

왜 필요한가요

화면낭독기 사용자는 “오른쪽”, “둥근”이라는 정보를 볼 수 없고, 화면을 확대하거나 작은 화면에서 레이아웃이 바뀌면 “오른쪽”이 더 이상 오른쪽이 아닐 수 있습니다.

도움받는 사용자

• 시각장애인(화면낭독기 사용자)
• 저시력 사용자(화면 확대 사용자)
• 청각장애인
• 인지·학습 장애가 있는 사용자

적용 방법

위치·모양 설명을 쓰고 싶다면 이름을 함께 씁니다. 예: “오른쪽 위의 [검색] 버튼을 누르세요.”

사례

<p>오른쪽 초록색 버튼을 눌러 계속하세요.</p>

<p>[다음 단계] 버튼을 눌러 계속하세요.</p>

자주 하는 실수

• “아래 상자에 입력하세요”, “둥근 아이콘을 누르세요”처럼 위치·모양만으로 안내합니다.
• 소리 신호만으로 작업 시작이나 완료를 알립니다.

검사 방법

• 페이지의 안내 문구에서 위치·모양·크기·소리 표현을 찾습니다.
• 해당 안내가 이름·텍스트 등 감각에 의존하지 않는 정보로도 이해 가능한지 확인합니다.

다른 지침의 대응 항목

참고 자료

• WCAG 2.2 원문: 1.3.3 (새 창)