인식의 용의성 (2)

인식의 용이성(2)

색에 무관한 콘텐츠 인식

정보를 구분하는 구별점을 색상으로만 하지 않고, 색을 배제하더라도 인식할 수 있도록 제공하는것

색에 무관한 콘텐츠 인식의 목적

• 시력이 약한 사용자에게 색상이 아닌 다른 방식으로 구분할 수 있는 정보제공

색에 무관한 콘텐츠 제공방법

제공방법

• 기준 : 색을 배제하여도 해당 콘텐츠를 인식할 수 있는 정보를 제공한 경우 준수한 것으로 인정

오류유형

• 색상만으로 내용을 분별하도록 제공된 콘텐츠(그래프,차트,지도등)
• 페이지 네비게이션, 메뉴, 현재 위치 등에 대해 명암,패턴 등의 변화 없이 색상의 변호나만으로 현재의 위치를 표시한 경우
• 필수 입력 항목을 색으로만 표시한 경우

명확한 지시사항 제공

지시사항을 전달하는 콘텐츠에 한정해 적용하고, 무엇을 지시하는지 명확하게 하기 위해 목적이 분명한 지시가 되어야 하는것, 특정 감각에만 의존하지 않고 다른 감각을 통해서도 지시사항을 인식할 수 있도록 정보를 제공하는 것

명확한 지시사항 제공의 목적 / 검사 항목 해설

• 특정한 감각에 장애가 있는 사용자가 웹 사이트에서 지시된 내용을 제대로 실행할 수 있도록 함.
• 링크 텍스트가 아닌 이미지 텍스트로 만든 링크로 링크 텍스트의 내용과 똑같이 대체 테스트로 제공하여 시각장애인들도 이해가 가능합니다.

제공방법

• 지시사항 정보를 특정 감각에 의존하지 않고 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 제공한 경우

오류유형

• 색, 크기, 모양, 방향 등으로만 정보를 제공한 경우
• 전달하고자 하는 지시사항을 소리로만 정보를 제공한 경우

텍스트 콘텐츠의 명도 대비

• 텍스틑 콘텐츠와 배경 간의 명암의 차이
• 4.5대 1이상 권장

명도 : 물체의 색이나 빛의 색이 지니는 밝기의 정도

텍스트 콘텐츠의 명도 대비의 목적

• 시력이 약한 사용자를 위한 지침으로 최소한의 명도 차이를 둠으로써 정보를 인식할 수 있도록 함

명도 대비의 검사항목 해설

검사 적용 예외

• 단순히 장식 목적으로만 사용한 텍스트
• 로고 또는 상호와 같은 텍스트 이미지
• 마우스나 키보드를 활용하여 초점을 받았을 떄 색이나 명도 대비가 변화하는 콘텐츠
• 사용할 수 없음을 표시하기 위하여 명도 대비를 낮춘 회색의 컨트롤이나 입력 서식 등

제공 방법

• 기준: 웹페이지 콘텐츠에 텍스트, 이미지 텍스트 정보에 대해 폰트의 크기가 4.5:1이상 (18pt이상), 굵은 14pt이상은 3:1이상의 명도 대비를 제공하는 경우 단, 화면 확대가 가능하도록 구현한 텍스트 콘텐츠 (텍스트 및 텍스트 이미지)의 명도 대비는 3:1까지 준수로 인정

오류유형

• 텍스트의 규격 정보가 있으며, 보통 크기 (18pt미만, 또는 굵은 14pt 미만)의 텍스트가 4.5:1을 만족하지 않은 경우
• 텍스트의 규격 정보가 있으며, 텍스트의 크기가 18pt이상 또는 굵은 14pt 이상의 텍스트가 3:1을 만족하지 않는 경우

학습정리

1.색에 무관한 콘텐츠 인식

• 그래프의 경우 색이 아닌 패턴 또는 인출선 등을 이용하여 알려줌
• 필수입력 항목을 색으로만 표현하지 않고, 블릿이나 텍스트의 형태를 구분하여 제공함

2.명확한 지시사항 제공

• '여기를 클릭 하세요','검정색을 클릭 하세요' 등 모양, 색, 방향 등으로만 구분지면 안되며, 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 해야함

3.텍스트 콘텐츠의 명도 대비

• 굵은 14px 이상 굵은 18px미만의 텍스트 명도 대비 : 3:1
• 보통형태의 18px미만의 텍스트 명도대비: 4.5:1
• 보통형태의 18px이상의 텍스트 명도대비: 3:1
• 화면 확대가 가능하도록 구현한 콘텐츠의 먕도대비: 3:1

4.배경음 사용 금지

• 3초 이내 자동으로 재생되는 배경음은 예외
• 3초 이상 자동으로 재생되는 배경음에 대하여 정지 기능을 바로 제공하면 준수한 것으로 인저함.

5.콘텐츠 간의 구분

• 이웃 콘텐츠가 테투리, 기분선 서로 다른 무늬 등을 이용하여 시각적으로 구분되도록 제공한 경우 준수한 것으로 인정