본문 바로가기

정보 접근성/접근성 (A11Y) - 웹 접근성 준수 지침

웹 접근성 준수 지침 - 인식의 용이성 - 4. 명확한 지시 사항 제공 지시 사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다. 이를 통해 다양한 사용자들이 접근성을 보장받을 수 있으며, 웹사이트나 애플리케이션의 이용 편의성이 증대됩니다.1) 모양으로만 정보 제공모양만을 이용해 정보를 전달하는 것은 시각 장애인이나 화면 읽기 프로그램을 사용하는 사람들에게 문제가 될 수 있습니다. 예를 들어, 중요한 정보나 기능을 특정 아이콘의 모양으로만 나타내면 시각적 인식이 어려운 사용자는 이 정보를 놓칠 수 있습니다. 이를 해결하기 위해서는 텍스트 레이블을 추가하거나 대체 텍스트를 제공해야 합니다.예시:❌ 잘못된 예시: “우측 상단의 톱니바퀴 모양을 클릭하세요.”✅ 올바른 예시: “우측 상단의 톱니바퀴 모양(설정 아이콘)을 클릭하세요.”2) 위치나 방향..
웹 접근성 준수 지침 - 인식의 용이성 - 3. 색에 무관한 콘텐츠 인식 콘텐츠는 색에 관계없이 인식될 수 있어야 한다. 이는 색각 이상자(색맹)나 시각 장애가 있는 사용자들이 콘텐츠를 완벽하게 이해하고 이용할 수 있도록 돕는 중요한 접근성 요소입니다.1) 차트차트는 데이터를 시각적으로 표현할 때 매우 유용하지만, 색상에만 의존하는 경우 색각 이상자가 정보를 해석하기 어려울 수 있습니다. 차트에서 색상 외에도 다양한 표시 방법을 사용하여 정보를 전달해야 합니다.예시:❌ 잘못된 예시: “파란색 막대는 판매량을, 빨간색 막대는 수익을 나타냅니다.”✅ 올바른 예시: “파란색 막대(점선 패턴)는 판매량을, 빨간색 막대(대각선 줄무늬)는 수익을 나타냅니다.” 이렇게 색상 외에도 패턴이나 레이블을 추가해 정보를 제공해야 합니다.추가 팁:데이터 포인트에 레이블을 추가하여 값을 명확히 표시..
웹 접근성 준수 지침 - 인식의 용이성 - 2. 자막 제공 2. 자막 제공멀티미디어 콘텐츠에는 자막, 대본 또는 수화를 제공해야 한다.1) 멀티미디어자막 또는 대본 또는 수화를 제공한다.2) 사용자가 업로드하는 멀티미디어대체 콘텐츠를 제공할 수 있도록 안내하고 툴을 제공한다.3) 음성이 나오지 않는 멀티미디어청각적으로도 인식이 가능하도록 원고 등의 대체 콘텐츠를 제공한다.
웹 접근성 준수 지침 - 인식의 용이성 - 1. 적절한 대체 텍스트 제공 적절한 대체 텍스트 제공텍스트가 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 합니다.1. alt 제공, , 의 alt에는 적절한 대체 텍스트를 제공해야 합니다.오류 사례해결 방안2. IR 기법특수문자, 기호 포함, 조직도, 차트 등 복잡한 콘텐츠의 경우 숨김 처리로 대체 텍스트를 제공해야 합니다.오류 사례해결 방안메뉴오류 사례해결 방안이미지형3. 의미 없는 이미지장식 또는 꾸밈 목적 등의 의미 없는 이미지는 대체 텍스트를 제공하지 않아야 합니다.오류 사례해결 방안4. 이모티콘 이미지이모티콘의 의미를 파악할 수 있도록 적절한 대체 텍스트를 제공해야 합니다.오류 사례해결 방안5. QR코드 이미지해당 링크를 알 수 있도록 대체 텍스트를 제공해야 합니다.오류 사례해결 방안6. 썸네일..
외주/과외 문의

티스토리툴바