04. 인식의 용이성 (2)

인식의 용이성 (2)

- 인식의 용이성을 높이기 위한 검사항목 중 색에 무관한 콘텐츠 인식을 이해하고 콘텐츠에 제공할 수 있습니다.
- 명확한 지시사항 항목을 이해하고 콘텐츠를 제공할 수 있습니다.
- 텍스트 콘텐츠의 명도 대비 항목을 이해하고 콘텐츠를 제공할 수있습니다.
- 배경음 사용 금지 항목을 이해하고 콘텐츠를 제공할 수 있습니다.

색에 무관한 콘텐츠 인식

색에 무관한 콘텐츠 인식의 이해

색에 무관한 콘텐츠 인식의 개념

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

색에 무관한 콘텐츠 ( 출처 : 배움나라 )

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

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

색에 무관한 콘텐츠 인식의 목적 ( 출처 : 배움나라 )

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

색에 무관한 콘텐츠 인식의 검사항목 해설 ( 출처 : 배움나라 )

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

가. 제공방법

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

나. 오류 유형

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

[Tip] 필수 입력 항목

[Tip] 필수 입력 항목 ( 출처 : 배움나라 )

명확한 지시사항 제공

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

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

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

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

명확한 지시사항 제공의 목적

명확한 지시사항 제공의 목적 ( 출처 : 배움나라 )

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

명확한 지시사항 제공의 검사항목 해설 ( 출처 : 배움나라 )

가. 제공방법

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

명확한 지시사항 제공방법

나. 오류 유형

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

[Tip] 지시사항 형태

[Tip] 지시사항 형태 ( 출처 : 배움나라 )

텍스트 콘텐츠의 명도 대비

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

명도 대비의 개념

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

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

텍스트 콘텐츠의 명도 대비의 필요성

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

텍스트 콘텐츠의 명도 대비의 목적 ( 출처 : 배움나라 )

텍스트 콘텐츠의 명도 대비의 검사항목 해설

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

검사 적용 예외

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

텍스트 콘텐츠의 명도 대비 제공방법

가. 제공방법

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

나. 오류 유형

1. 텍스트의 규격 정보가 있으며, 보통 크기(18pt 미만, 또는 굵은 14pt 미만)의 텍스트가 4.5:1을 만족하지 않은 경우
2. 텍스트의 규격 정보가 있으며, 텍스트의 크기가 18pt 이상, 또는 굵은 14pt 이상의 텍스트가 3:1을 만족하지 않은 경우
3. 이미지 텍스트의 경우 폰트 종류와 상관없이 14pt 크기에 해당하는 18.66px 미만인 경우 4.5:1 이상이거나, 18.66px 이상인 경우 3:1 이상을 만족하지 않은 경우(굵은 14pt 기준은 적용하지 않음)

다. 주의사항

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

배경음 사용 금지

자동 재생 금지의 이해

배경음의 개념

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

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

자동 재생 금지의 필요성

자동 재생 금지의 목적

자동 재생 금지의 목적 ( 출처 : 배움나라 )

자동 재생 금지의 검사항목 해설

"배경음이 자동으로 재생되지 않도록!"

• 3초 미만
• 배경음을 제어할 수 있는 수단을 웹 페이지의 첫 부분에 제공

자동 재생 금지의 제공방법

가. 제공방법

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

나. 오류 유형

1. 웹 페이지에서 자동적으로 재생되는 3초 이상의 배경음(동영상, 음성, 음악 등) 콘텐츠를 제공하는 경우
2. 마우스 오버 또는 키보드 초점을 받아 자동적으로 배경음이 3초 이상 실행되는 경우
3.  

다. 주의사항

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

 

학습정리

색에 무관한 콘텐츠 인식

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

명확한 지시사항 제공

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

텍스트 콘텐츠의 명도 대비

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

배경음 사용 금지

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

콘텐츠 간의 구분

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