인식의 용이성(2)

인식의 용이성(2)

색에 무관한 콘텐츠 인식

색에 무관한 콘텐츠의 개념

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

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

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

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

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

도식 유형에 제공하던 검사항목, 페이지 네비게이션 -색상만구분-> 정보인식

명도차에 대한 색상 구분은 두지 않음

제공 방법

제공 방법

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

오류 유형 분석

• 색의 경우는 보조적으로 제공하고 며오학한 수치파악을 위해 보조선 및 범례를 두어 구분할 수 있도록 한다
• 페이지 내비게이션, 메뉴, 현재 위치 등에 대해 명암, 패턴 등의 변화 없이 색상의 변화만으로 현재의 위치를 표시색상 뿐만 아니라 체크표시를 해준다면 해당 위치를 인식하기에 용이함
• 필수 입력 항목을 색으로만 표시한 경우:색상으로 구별핮 정보에 체크표시를 해 색이 제공되지 않더라도 패턴을 통해 필수입력 항목을 구분 가능

명확한 지시사항 제공

개념

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

필요성

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

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

검사항목 해설

시각 정보를 이용한 지시나 청각정보를 이용한 지시는 서로 보완할 수 있는 타감각과 함께 지시하여 우회적인 방법이며, 링크텍스트의 내용과 같이 대체텍스트를 제공하기 때문에 시각장애인들도 이해할 수 있음

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

명확한 지시사항의 제공방법

오류 유형

• 색,크기,모양,방향 등으로만 정보를 제공한 경우: 고유명사로만 정보를 제공한 경우 명확한 목적과 용도를 이해할 수 있음
• 전달하고자 하는 지시사항을 소리로만 정보를 제공한 경우: 시각적으로 확인할 수 있도록 O와 X등의 표시를 제공함으로 개선 가능

텍스트 콘텐츠의 명도대비

이해

명도대비의 개념

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

필요성

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

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

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

예외

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

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

• 제공방법
• 웹페이지 콘텐츠에 텍스트, 이미지 텍스트 정보에 대해 폰트의 크기가 4.5:1 이상(18pt 이상), 굵은 14pt이상은 3:1 이상의 명도 대비를 제공하는 경우. 단, 화면의 확대가 가능하도록 구현한 텍스트 콘텐츠(텍스트 및 텍스트이미지)의 명도 대비는 3:1까지 준수로 인정
• 오류유형
• 텍스트의 규격 정보가 있으며, 보통크기(18pt 미만, 또는 굵은 14pt 미만)의 텍스트가 4.5:1울 만족하지 않는 경우
• 텍스트의 규격 정보가 있으며, 텍스트의 크기가 18pt이상, 또는 굵은 14pt 이상의 텍스트가 3:1을 만족하지 않은 경우
• 이미지 텍스틏의 경우 폰트 종류와 상관없이 14pt 크기에 해당하는 18.66px이상인 경우 3:1이상을 만족하지 않은 경우(굵은 14pt기준은 적용하지 않음)
• 주의사항
• 본문은 콘텐츠 영역으로 제공된 텍스트 또는 정보를 제공하는 표, 그래프 및 텍스트 이미지의 텍스트 내용을 의미
• 명도의 차이를 두어야 하는 대상:웹피이지 콘텐츠(전체)->'웹페이지 콘텐츠(전체)'는 심사의 대상으로 정함
• 장식적인 문구를 제외한 모든 텍스트에 대해서 명도 대비 줌
• 텍스트 크기가 구분되지 않는 경우나 이미지 텍스트의 경우는 글 모양과 상관 없이 windows에서 14pt는 18.66px이고 18pt는 24px로 적용하며, 굵음의 여부와 3:1 이상, 미만은 4.5:1 이상의 명도 대비를 제공하는 경우 준수한 것으로 인정
• macos는 pt와 px가 같음
• windows의 표준 해상도:96dpi, macos의 표준 해상도:72dpi 평가는 windows의 기준으로 실시 ->운영체제에 따라서 값이 달라지므로 windows에서는 18. 66px, mac에서는 14px이 14pt에 해당한다는 설명
• 웹 페이지 콘텐츠에 장식 목적으로만 사용한 텍스트, 로고 또는 상호와 같은 텍스트 이미지, 마우스나 키보드를 활용하여 초점을 받았을 때 색이나 명도대비가 변화하는 콘텐츠, 사용할 수 없음을 표시하기 위하여 명도대비를 낮춘 회색의 컨드롤이나 입력 서식등은 이 검사 항목의 적용을 받지 않음
• 장식 목적으로 사용한 텍스트나 로고등의 이미지 텕스트와 비활성화를 나타내기 위해 명도를 낮추어 회색으로 적용하는 컨트롤이나 입력 서식은 명도 대비 검사 대상에서 제외
• 색상태마 등을 이용하여 전체 웹사이트의 새강 정보를 변경하여 준수한 경우 인정

자동 재생 금지

자동 재생 금지의 이해

배경음의 개념

• 페이지에서 제공되는 음성 정보
• 자동으로 재생되는 배경음을 사용하지 않음
• 배경음을 3초 미만으로 사용

자동재생 금지의 필요성

자동 재생 금지의 목적

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

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

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

부득이한 경우 3초 미만 혹은 배경음을 제어할 수 있는 수단을 웹 페이지의 첫 부분에 제공하는 것은 예외로 둠

오류 유형

• 자동으로 재생되는 3초 이상의 배경음 콘텐츠를 제공하는 경우
• 마우스 오버 또는 기보드 초점을 받아 자동적으로 배경음이 3초 이상 실행되는 경우