eunyo의 it이야기

웹 접근성 검사 사이트웹 접근성 마크를 획득하기 위해서는 꽤 많은 비용이 듭니다.* 20페이지 이하 기준으로 120만원재심사의 경우 60% 감면해준다고 하지만 그래도 많은 돈이죠. 그렇기 때문에 웹접근성 신청 하기 전, 웹 접근성에 준수하는 마크업인지 확인작업이 필수적입니다.웹 접근성을 검사, 진단할 수 있는 사이트를 모아봤으니 참고하세요. 1. Open-WAX (chrome.google.com/webstore) 크롬이나 파이어폭스에서 사용하는 플러그인을 다운로드를 통해 사용가능합니다. 사용 방법은, 다운로드 후 퍼즐모양의 아이콘을 누른 뒤, 오픈 왁스를 고정시켜줍니다.그리고 접근성 검사를 원하는 페이지에서 openwax를 실행시켜 줍니다.1 페이지 씩 검사 가능하며, 16개 항목 검사합니다.주요 확인 ..

웹접근성이란? 웹 접근성(web accessibility)이란, 장애를 가진 사람과 장애를 가지지 않는 사람 모두가 웹사이트를 이용할 수 있는 방식을 얘기합니다. 시각장애, 청각장애, 지체 장애 등을 가지고 있는 사람이 '스크린 리더'기나 화면 확대 도구와 같은 웹서핑을 위한 보조기술로 웹을 사용할 때, 원하는 콘텐츠의 내용을 자유롭게 이용할 수 있도록 하는 것이 바로 '웹 접근성' 입니다. '웹접근성 마크' 획득을 위한 프로젝트를 진행한다면, 웹접근성의 가이드와 준수사항을 디테일하게 지켜줘야합니다. 웹접근성마크는 '한국웹접근성인증평가원'에서 심사 후 인증마크를 획득 할 수 있습니다. 심사과정에서는 실제 장애인이 웹서핑을 원활하게 진행가능한지, 그 외에 준수사항을 체크합니다. 심사기준이 엄격하고, 심사비..

구글에서 치면 바로나오는 소스인데, 웹접근성마크를 획득할 때 참조했던 탭메뉴 소스입니다. 기존의 탭메뉴와 구조가 약간 다른데, 웹접근성 마크가 필요한 프로젝트가 아니여도 사용해도 좋을것 같아서 공유합니다 :) [html] 공지사항 › 이것은 첫 번째 탭의 공지사항 목록 입니다. 2010.12.24 › 이것은 첫 번째 탭의 공지사항 목록 입니다. 2010.12.24 › 이것은 첫 번째 탭의 공지사항 목록 입니다. 2010.12.24 › 공지사항 더보기 보도자료 › 이것은 두 번째 탭의 보도자료 목록 입니다. 2010.12.24 › 이것은 두 번째 탭의 보도자료 목록 입니다. 2010.12.24 › 이것은 두 번째 탭의 보도자료 목록 입니다. 2010.12.24 › 이것은 두 번째 탭의 보도자료 목록 입니다..

웹 접근성이란 마우스나 키보드를 사용하지 못하는 경우에도 동일한 환경에서 볼 수 있도록 제작하는 방법입니다. 요즘 규모가 큰 웹페이지에서는 필수로 사용하고 있고, 또한 기업에서도 웹 접근성을 준수할 수 있는 직원을 뽑으려고 합니다. 그중에서 가장 기본적인 스킵 내비게이션을 알려드리겠습니다. 보통 콘텐츠가 많은 홈페이지에서 tab키로 원하는 콘텐츠까지 도달하기가 어려운데, 이러한 불편함을 스킵네비게이션으로 통해 해소해주는 방법입니다. 웹 접근성을 위한 본문 바로가기 HTML 본문 바로가기 CSS #skipNav{position:relative;z-index:9999;} #skipNav a{position: absolute; top: -200px; left:0; width: 100%; line-height:..