웹 접근성4

인식의 용의성2

검사항목

1. 색에 무관한 콘텐츠 인식
2. 명확한 지시사항 제공
3. 콘텐츠 명도 대비
4. 자동 재생 금지
5. 콘텐츠 간의 구분

색에 무관한 콘텐츠 인식

색에 무관한 콘텐츠 인식의 개념: 정보를 구분하는 구별점을 색상으로만 하지 않고, 색을 배제하더라도 인식할 수 있도록 제공하는 것

색에 무관한 콘텐츠 인식의 필요성

색에 무관한 콘텐츠 인식의 목적: 시력이 약한 사용자에게 색상이 아닌 다른 방식으로 구분할 수 있는 정보 제공

색에 무관한 콘텐츠 인식의 검사항목 해설

도식 유형에 적용하던 검사항목 -> 색상만 구분해 정보인식할 수 있도록 한다.

페이지 네비게이션 -> 색상만 구분해 정보인식할 수 있도록 한다.

명도 차에 대한 생삭 구분은 따로 두지 않음

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

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

명확한 지시사항 제공의 이해

명확한 지시사항 제공의 개념

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

명확한 지시사항 제공의 필요성

명확한 지시사항 제공의 목적: 특정한 감각에 장애가 있는 사용자가 웹 사이트에서 지시된 내용을 제대로 실행할 수 있도록 함

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

• 링크 텍스트가 아닌 이미지 텍스트로 만든 링크로 링크 텍스트의 내용과 똑같이 대체 텍스트로 제공하여 시각장애인들도 이해 가능
• 지시사항 정보를 특정 감각에 의존하지 않고 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 제공한 경우 기준을 준수한 것으로 인정

텍스트 콘텐츠의 명도 대비의 이해

명도 대비의 개념

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

명도 대비의 목적

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

명도 대비의 검사항목

본문 콘텐츠에 대해서만 적용

검사 적용 예외

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

명도대비 제공방법

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

주의 사항

• 본문은 콘텐츠 영역을 제공된 텍스트 또는 정보를 제공하는 표, 그래프 및 텍스트 이미지의 텍스트 내용을 의미
  • 명도의 차이를 두어야 하는 대상: 웹페이지 콘텐츠(전체)를 심사의 대상으로 정함
  • 장식적인 문구를 제외한 모든 텍스트에 대해서 명도 대비 줌
• 텍스트 크기가 구분이 되지 않는 경우나 이미지 텍스트의 경우는 글 모양과 상관없이 Windows에서 14px는 18.66px이고 18pt는 24px로 적용하며, 굵음 여부와 상관없이 14pt이상은 3:1이상, 미만은 4.5:1 이상의 명도대비를 제공하는 경우 준수하는 것으로 인정한다.
  • MacOS는 pt와 px가 같음
  • Windows의 표준 해상도: 96dpi, MacOS의 표준 해상도: 72dpi, 평가는 Windows의 기준으로 실시
  • 운영체제에 따라서 값이 달라지므로Windows에서는 18.66px, Mac에서는 14px이 14pt에 해당한다는 설명임
• 웹 페이지 콘텐츠에 장식 목적으로만 사용한 텍스트, 로고 또는 상호와 같은 텍스트 이미지, 마우스나 키보드를 활용하여 초점을 받았을때 색이나 명도 대비가 변화하는 콘텐츠, 사용할 수 없음을 표시하기 위하여 명도 대비를 낮춘 회색의 컨트롤이나 입력 서식등은 이 검사 항목의 적용을 받지 않음
  • 장식목적으로 사용한 텍스트나 로고 등에 대한 이미지 텍스트와 비활성화를 나타내기 위해 명도를 낮추어 회색으로 적용하는 컨트롤이나 입력 서식은 명도 대비 검사 대상에서 제외한다.
• 색상테마 등을 이용하여 전체 웹 사이트의 색상정보를 변경하여 준수한 경우 인정한다.

배경음의 자동재생 금지

배경음의 개념

페이지에서 배경으로 제공되는 음성 정보

• 자동으로 재생되는 배경음을 사용하지 않음
• 배경음을 3초 미만으로 사용

자동 재생 금지의 목적

배경음으로 인해 화면 낭독기의 음성이 방해받지 않게 하여 웹 콘텐츠를 인식 가능하도록 함

자동 재생 금지의 제공방법

배경음을 사용하지 않았거나 3초 이내 또는 바로정지할 수 있는 배경음 콘텐츠를 사용한 경우 인정한다.

주의 사항

• 3초 미만의 배경음을 예외(경고음 등)
• 자동적으로 재생되는 배경음의 지속시간이 3초이상, 제어 수단이 페이지의 가장 첫 부분에 제공되는 경우 준수한 것을 인정

핵심 내용

• 색에 무관한 콘텐츠 인식
  • 그래프의 경우 색이 아닌 패턴 또는 인출선등을 이용하여 알려줌
  • 필수입력 항목을 색으로만 표현하지 않고, 블릿이나 텍스트의 형태를 구분하여 제공함
• 명확한 지시사항 제공
  • '여기를 클릭 하세요','검정색을 클릭 하세요' 등 모양, 색, 방향 등으로만 구분해선 안되며, 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 해야함
• 텍스트 콘텐츠의 명도 대비
  • 굵은14px이상 굵은 18px 미만의 텍스트 명도대비는 3:1
  • 보통형태의 18px미만의 텍스트 명도대비는 4.5:1
  • 보통형태의 18px이상의 텍스트 명도대비는 3:1
  • 화면 확대가 가능하도록 구현한 콘텐츠의 명도대비는 3:1
• 배경음 사용 금지
  • 3초 이내 자동으로 재생되는 배경음은 예외
  • 3초 이상 자동으로 재생되는 배경음에 대하여 정지 기능을 바로 제공하면 준수한 것으로 인정함
• 콘텐츠간의 구분
  • 이웃한 콘텐츠가 테두리, 기분선 서로 다른 무늬 등을 이용하여 시각적으로 구분되도록 제공한 경우 준수한 것으로 인정