본문 바로가기
정보 접근성/접근성 (A11Y) - 웹 접근성 준수 지침

웹 접근성 준수 지침 - 인식의 용이성 - 4. 명확한 지시 사항 제공

반응형

 

지시 사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다. 이를 통해 다양한 사용자들이 접근성을 보장받을 수 있으며, 웹사이트나 애플리케이션의 이용 편의성이 증대됩니다.

1) 모양으로만 정보 제공

모양만을 이용해 정보를 전달하는 것은 시각 장애인이나 화면 읽기 프로그램을 사용하는 사람들에게 문제가 될 수 있습니다. 예를 들어, 중요한 정보나 기능을 특정 아이콘의 모양으로만 나타내면 시각적 인식이 어려운 사용자는 이 정보를 놓칠 수 있습니다. 이를 해결하기 위해서는 텍스트 레이블을 추가하거나 대체 텍스트를 제공해야 합니다.

예시:

  • ❌ 잘못된 예시: “우측 상단의 톱니바퀴 모양을 클릭하세요.”
  • ✅ 올바른 예시: “우측 상단의 톱니바퀴 모양(설정 아이콘)을 클릭하세요.”

2) 위치나 방향으로만 정보 제공

위치나 방향을 기준으로 정보를 전달하면, 시각 장애인이나 스크린 리더 사용자는 이 정보를 인식하기 어렵습니다. 예를 들어, “왼쪽 메뉴에서 두 번째 항목을 선택하세요”와 같은 지시는 화면의 레이아웃을 보지 못하는 사용자에게는 불편을 초래할 수 있습니다. 따라서 위치나 방향 외에도 명확한 텍스트 설명이 필요합니다.

예시:

  • ❌ 잘못된 예시: “왼쪽 메뉴에서 두 번째 항목을 선택하세요.”
  • ✅ 올바른 예시: “왼쪽 메뉴에서 ‘설정’을 선택하세요.”

3) 크기로만 정보 제공

크기만을 이용해 정보를 전달하는 것도 접근성을 저해합니다. 크기는 시각적 차별화 요소로는 유용하지만, 이를 인식하지 못하는 사용자에게는 의미가 없습니다. 중요한 정보나 지시는 크기 외에도 다른 방식으로 전달되어야 합니다.

예시:

  • ❌ 잘못된 예시: “큰 글씨로 된 부분을 읽어주세요.”
  • ✅ 올바른 예시: “제목(큰 글씨로 표시된 부분)을 읽어주세요.”

4) 색으로만 정보 제공

색상만으로 정보를 전달하는 것은 색각 이상자(색맹)나 화면 읽기 프로그램을 사용하는 사용자에게 불편을 초래합니다. 색상에 대한 의존도를 줄이고, 텍스트 설명이나 아이콘 등을 추가하여 정보를 보다 명확하게 전달해야 합니다.

예시:

  • ❌ 잘못된 예시: “초록색 버튼을 클릭하세요.”
  • ✅ 올바른 예시: “초록색 버튼(시작 버튼)을 클릭하세요.”

이와 같이, 접근성을 고려한 지시 사항 제공은 모든 사용자가 웹사이트나 애플리케이션을 편리하게 사용할 수 있도록 도와줍니다. 다양한 방식으로 정보를 전달함으로써 누구나 손쉽게 필요한 정보를 얻을 수 있도록 해야 합니다.

반응형
외주/과외 문의