티스토리 뷰
색에 무관한 콘텐츠 인식
정보를 구분하는 구별점을 색상으로만 하지 않고, 색을 배제하더라도 인식할 수 있도록 제공하는 것
필요성
시력이 약한 사용자에게 색상이 아닌 다른 방식으로 구분할 수 있는 정보 제공
제공방법
- 그래프의 경우 색이 아닌 패턴 또는 인출선등을 이용하여 알려줌
- 필수입력 항목을 색으로면 표현하지 않고, 블릿이나 텍스트의 형태를 구분하여 제공함
명확한 지시사항 제공
지시사항 정보를 특정감각에 의존하지 않고 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 제공하는 것
제공방법
- ‘여기를 클릭하세요’, ‘검정색을 클릭하세요’ 등 모양, 색, 방향 등으로만 구분지면 안되며, 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 해야함
- 지시사항을 전달하는 콘텐츠에 한정해 적용함
- 무엇을 지시하는지 명확하게 하기 위해 목적이 분명한 지시가 되어야 함
- 특정 감각에만 의존하지 않고 다른 감각을 통해서도 지시사항을 인식할 수 있도록 정보를 제공함
텍스트 콘텐츠의 명도 대비
시력이 약한 사용자를 위한 지침으로 최소한의 명도 차이를 둠으로써 정보를 인식할 수 있도록 함(본문 콘텐츠에 대해서만 적용)
제공방법
- 굵은 14px 이상 굵은 18px미만의 텍스트 명도대비 - 3;1
- 보통형태의 18px미만의 텍스트 명도대비 - 4.5:1
- 보통형태의 18px이상의 텍스트 명도대비 - 3:1
- 화면 확대가 가능하도록 구현한 콘텐츠의 명도대비 - 3:1
검사제외항목
- 단순히 장식 목적으로만 사용한 텍스트
- 로고 또는 상호와 같은 텍스트 이미지
- 마우스나 키보드를 활용하여 초점을 받았을 때 색이나 명도 대비가 변화하는 콘텐츠
- 사용할 수 없음을 표시하기 위하여 명도 대비를 낮춘 회색의 컨트롤이나 입력 서식 등
배경음 사용 금지
배경음으로 인해 화면낭독기의 음성이 방해받지 않게 하여 웹 콘텐츠를 인식 가능하도록 함
제공방법
- 3초 이내 자동으로 재생되는 배경음은 예외
- 3초 이상 자동으로 재생되는 배경음에 대하여 정지 기능을 바로 제공하면 준수한 것으로 인정함
댓글
© 2018 webstoryboy