티스토리 뷰
반응형
검사항목10. 조작가능
사용자의 입력 및 컨트롤을 조작할 수 있도록 해야 한다.
콘텐츠에 포함된 모든 컨트롤은 대각선 방향의 길이를 6.0mm이상으로 제공해야 한다.
검사항목11. 응답시간 조절
시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있도록 제공해야 한다.
먼저 ①시간에 따라 변동하는 콘텐츠(자동갱신, 자동페이지 이동 등)가 있는지 확인하고, ②응답시간 조절 기능을 제공하는지 확인하여 동작여부 확인한다.
보안상의 문제로 시간제한이 필요한 경우에는 '연장 기능'을 제공한다. (예외: 경매, 실시간 게임, 듣기평가용 콘텐츠 등)
<자동 전환 페이지가 제공된 경우>
- 자동 전환되는 페이지임을 인지할 수 있는 정보를 제공하였는지 확인
- 시간 제어 버튼까지 이동하기에 충분한 시간이 제공되었는지 확인
<응답시간 조절 기능을 제공하는 경우>
- 시간에 따라 변동되는 콘텐츠 : 응답시간 조절 기능을 제공하고, 응답시간을 조절할 수 있는 기능이 마우스와 키보드를 통해 동작되는지 확인
- 시간이 제한된 콘텐츠 : 응답시간 조절 기능을 제공하고, 키보드나 마우스로 응답시간 조절 기능으로 이동하기까지가 충분한 시간이 제공되었는지 확인
<서비스 특성상 시간을 제한하는 기능을 필수로 제공하는 경우>
- 경매, 온라인 게임 등과 같이 시간에 민감한 경우
- 은행, 증권 등과 같이 보안을 위해 시간을 제한하는 경우
검사항목12. 정지기능 제공
자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.
자동으로 변경되는 콘텐츠(이동하거나 롤링되는 콘텐츠)를 확인하고 정지, 이전, 다음 등 콘텐츠 제어기능이 제공되고 동작되는지 확인한다.
자동으로 스크롤되는 배너, 자동 변경되는 실시간 검색 순위 등 먼저 시각적으로 제어기능이 있는지 확인하고 키보드와 마우스로 평가한다.
자동으로 움직이는 콘텐츠에 키보드나 마우스를 올렸을 때 움직임이 정지되면 정지 기능을 제공한 것으로 인정한다.
검사항목13. 깜빡임과 번쩍임의 사용 제한
초당 3~50회 깜빡임이 반복되는 콘텐츠(동영상 콘텐츠 포함)를 제공하면 안 된다. 다만 깜빡임이 3초 미만인 경우 준수한 것으로 본다.
깜빡이거나 번쩍이는 콘텐츠를 제공할 경우 사전에 경고하고 이를 회피할 수 있는 수단을 제공해야 한다. 이때 회피 수단을 제공했을지라도 미리 경고하지 않았다면 감점된다.
PEAT를 사용하여 검사할 수 있다.
*PEAT(Photosensitive Epilepsy Analysis Too) 정확한 수치를 판단하기 위해 깜빡임과 번쩍이는 콘텐츠를 확인할 수 있는 툴
[PEAT 사용 방법]
- PEAT를 실행한다.
- 메뉴에서 Capture -> Start Capture 선택한다.
- 테스트할 페이지의 URL 주소를 입력하거나 동영상 파일을 선택한다.
- 깜빡임 콘텐츠나 번쩍임 콘텐츠의 재생이 끝나면 PEAT에서 정지버튼을 클릭해 캡쳐를 중지한다.
- 메뉴에서 Analysis -> Analysis Video를 선택하여 캡쳐한 영상을 분석한다.
- 동영상이 재생되면서 그래프가 나타난다. 이때 그래프의 점선은 진단 화면의 밝기와 빨간 빛의 번쩍임의 경고를 나타내며, 실선을 진단화면의 밝기와 빨간 빛의 진단 결과를 나타낸다.
검사항목14. 반복영역 건너뛰기
콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다. (건너뛰기 링크 제공)
페이지 최상단에 건너뛰기 링크를 제공하였는지 확인하고, 본문으로 이동할 수 있는 기능이 작동하는지 확인한다. 또한 너무 많은 바로가기가 제공되지 않았는지, 화면에 보이도록 제공되었는지 확인한다.
검사시 개발자 도구의 CSS 제거기능이나 파이어폭스의 Web Developer 확장 기능을 사용하며, CSS 제거 후 표기되는 화면에서 건너뛰기 링크를 확인한다.
* 건너뛰기 링크: 로고, 검색창, 서비스 메뉴 등 페이지마다 반복되는 역영을 건너뛰고 주요 콘텐츠로 바로 이동하는 링크를 의미하며 불필요한 탐색을 최소화하기 위해 페이지 시작부분에 위치해야 한다.
건너뛰기 링크가 정상적으로 작동되는지 링크를 선택하여 본문으로 이동되는지 확인한다.
본문 바로가기 링크가 화면에 보이도록 제공되었는지 페이지 내에서 확인한다. (Tab 이동시의 화면에 표시되어야 함)
<주의사항>
- 반복되는 영역을 건너뛰고 본문으로 바로 갈 수 있는 기능을 제공해야 함
- 통상 <body>요소 다음으로 제공
- -display: none;- 속성과 같이 CSS를 통해 화면에서 숨기는 경우 CSS를 제거한 상태에서는 키보드 접근도 가능하고 동작에도 문제가 없지만 CSS가 적용된 상태에서는 시각적으로 표시도 되지 않음
- 스크린리더 뿐만 아니라 일반적인 키보드 접근이 불가한 경우 검사항목7, 검사항목12에서 동시 감점
- 건너뛰기 링크가 필요없는 경우지만 제공된 경우, 불필요한 건너뛰기 링크라도 제공된 건너뛰기 기능이 동작되지 않으면 감점
검사항목15. 제목제공
페이지, 프레임, 콘텐츠 블록에 적절한 제목을 제공해야 한다.
<오류 유형>
- 페이지 제목에 title 속성 미제공, 내용과 다른 의미의 제목을 사용한 경우
- 페이지 제목에 반복되는 특수문자를 제공한 경우
- 페이지 제목의 분류가 더 가능하나 상위 범주로 제목을 제공한 경우
- <frame>, <iframe>, <framesed> 요소의 title 속성이 없거나 속성 값을 비워둔 경우 또는 내용이 부적절한 경우
- 내용 또는 기능이 없는 프레임에 <title>을 비워두거나 제공하지 않은 경우
- 콘텐츠 블록에 <h1~6>을 사용하여 제목을 제공하지 않은 경우
※해당 내용은 배움나라 온라인강의를 바탕으로 작성하였습니다.
UP NEXT : 필기노트(web)/웹 접근성의 이해(심화)_배움나라
댓글
Skin Design Copyright 2018 webstoryboy