르 푸 노 트Eat Study Record♥

검사항목10. 조작가능 사용자의 입력 및 컨트롤을 조작할 수 있도록 해야 한다. 콘텐츠에 포함된 모든 컨트롤은 대각선 방향의 길이를 6.0mm이상으로 제공해야 한다. 검사항목11. 응답시간 조절 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있도록 제공해야 한다. 먼저 ①시간에 따라 변동하는 콘텐츠(자동갱신, 자동페이지 이동 등)가 있는지 확인하고, ②응답시간 조절 기능을 제공하는지 확인하여 동작여부 확인한다. 보안상의 문제로 시간제한이 필요한 경우에는 '연장 기능'을 제공한다. (예외: 경매, 실시간 게임, 듣기평가용 콘텐츠 등) 자동 전환되는 페이지임을 인지할 수 있는 정보를 제공하였는지 확인 시간 제어 버튼까지 이동하기에 충분한 시간이 제공되었는지 확인 시간에 따라 변동되는 콘텐츠 : 응답시간 조절..

검사항목4. 명확한 지시사항 제공 지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다. º 특정 요소를 가리키거나 지시 사항을 전달하는 콘텐츠가 색, 크기, 모양, 위치 또는 소리 등을 무관하게 인식할 수 있는 수단을 제공하는지 평가 검사항목5. 텍스트 콘텐츠의 명도 대비 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5대 1 이상이어야 한다. 텍스트가 18pt 이상 또는 굵은 14p의 텍스트는 3대 1 이상이어야 한다. 화면 확대가 가능하도록 구현한 콘텐츠의 모든 텍스트 콘텐츠는 명도를 3대 1로 낮출 수 있다. * 평가제외 단순히 장식 목적으로만 사용한 텍스트 로고 또는 상호 마우스나 키보드 사용 시 명도 대비가 변화하는 콘텐츠 의도적으로 명도 대비를 낮춘 회색의 콘트..

검사항목1. 적절한 대체 텍스트 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다. 구분 설명 평가방법 전경이미지 의미 포함 이미지 의미가 있는 텍스트 이미지, 그래프, 사진 등에 적절한 대체 텍스트를 제공해야 함 alt="웹접근서 연구소"와 같이 alt속성으로 이미지를 이해할 수 있는 대체 텍스트를 제공하는지 평가 의미 없는 이미지 의미가 없는 글머리표, 기호, 테두리 등 작싱용 이미지에 빈 문자로 대체 텍스를 제공해야 함 alt=""와 같이 alt속성으로 빈 문자로 대체 텍스트를 제공하는지 평가 배경이미지 의미 포함 이미지 의미가 있는 이미지에 적절한 대체 콘텐츠를 제공해야 함 배경으로 처리한 이미지 정보에 상용하는 텍스트를 제공하는지 평가 º 예외적으로, 이미지(..

센스리더 음성 출력 방식 이해의 중요성 이미지의 대체 텍스트 alt값 정의 안됨 → 파일명 그대로 출력 alt값 홍길동 → 홍길동 출력 alt값 홍길동, title 남자 → 홍길동 출력, title은 출력 안됨 alt값 공백 → 이미지를 숨기는 효과 alt값 사업취지, longdesc로 파일 연결 → 사업취지 설명있음 이미지, alt + enter로 연결된 긴 설명글을 볼 수 있음 링크와 title, target 링크에서 title과 target 속성을 이용해 새 창 열림 제공시, 센스리더 음성 출력 새 창 알림에 target="_blank" 속성 사용한 경우 → 이벤트페이지로 새창 링크 title="새 창 열림" 속성 사용한 경우 → 이벤트페이지로 새 창 열림 링크 target="_blank"와 tit..

화면낭독기의 이해 화면낭독기, 스크린리더와 같은 명칭의 프로그램은 윈도우 컨트롤, 응용프로그램, 웹에 제공된 정보를 시각장애인이 귀로 들을 수 있도록 음성으로 전환한다. 스크린리더는 웹페이지에 없는 정보를 스스로 판단해서 음성으로 생산하는 것이 아니라 웹 개발자에 의해 제공된 정보만 음성 정보로 제공된다. 가상커서는 스크린리더에서 인터넷브라우저를 지원하기 위해 사용하는 개념으로 화면에 표시되지 않는 가상의 UI다. 스크린리더는 제품마다 최신기술 지원 여부와 동작방식에 일부 차이가 있으므로 2개 정도의 제품으로 중복 테스트를 하는 것을 권장한다. 참고: 가상 커서 인터넷 브라우저를 지원하는 개념으로 모든 스크린 리더에서 사용하고 있다. 키 조작 방식은 스크린리더 종류에 따라 다르게 설정하고 있다. X,Y축..

웹 접근성 평가 도구 웹 접근성 평가 도구는 평가의 정확성과 시간 단축을 위한 보조적인 수단으로, 평가 도구 점검 결과를 분석하여 웹 접근성 지침의 준수여부를 확인해야 한다. 평가도구는 HTML 코드를 분석하여 기계적으로 추출 가능한 항목만을 점검한다. 웹 접근성에 관한 정밀한가를 위해서는 도구에 의한 자동평가와 사람에 의한 수동평가가 병행되어야 한다. 평가도구의 종류로는 OpenWAX CCA, WAT, 웹 브라우저 개발자 도구 등이 있다. 웹 접근성 평가 도구 Open-Wax 특징 브라우저 플러그인 방식(FireFox, Chrome 등과 함께 사용) 1페이지씩 검사 16개 항목 검사 설치방법 Chrome: 브라우저 > 도구 더보기 > 확장 프로그램 > “OpenWAX” 검색 FireFox: 브라우저 >..