728x90
728x90
비장애인들은 마우스를 사용하여 쉽게 웹 페이지를 탐색하지만, 마우스를 사용하지 못하는 키보드 사용자는 키보드로 웹 페이지를 탐색한다. 따라서 웹 페이지에서 제공하는 모든 기능을 키보드만으로도 사용할 수 있도록 제공해야 한다. 즉, 마우스로 조작 가능한 기능과 키보드로 조작 가능한 기능이 동일하도록 구현해야 한다. 키보드 사용 보장에 대한 사례들을 살펴보도록 하겠다. 사례에 따른 해결 방안마우스 오버 시 드롭 다운 메뉴가 노출 키보드 접근 시에도 드롭 다운 메뉴가 노출되고 메뉴에 접근 가능하도록 구현자동 롤링 콘텐츠에 마우스 오버 시 전체 콘텐츠가 노출 키보드 접근 시에도 전체 콘텐츠가 노출되도록 구현특정 버튼에 마우스 오버 시 레이어 노출 키보드 접근 시에도 레이어가 노출되도록 구현이미지 또는 초점을 ..
웹 페이지에서는 소리가 자동으로 재생되지 않아야 한다. 여기서 소리는 동영상, 오디오, 음성, 배경 음악 등 콘텐츠가 제공하는 모든 소리를 말한다. 이런 소리가 자동 재생됨으로 인해 스크린리더 사용자가 콘텐츠를 인식하고 사용하는데 방해받지 않아야 한다. 페이지 진입 시 자동 재생되는 3초 이상의 배경음 콘텐츠(동영상 포함)아무것도 모르는 상태로 페이지 진입 시 자동으로 음악이 나오거나 동영상이 재생되는 경우 스크린리더 음성과 겹치게 되면서 페이지의 내용을 인식하기 어렵다. 따라서 콘텐츠에 포함된 멀티미디어 파일은 정지 상태로 제공되어야 하고 사용자가 요구할 경우에만 재생 가능하도록 제공해야 한다. 웹 사이트를 탐험하다보면 종종 접속하고나서 페이지 로딩이 완료된 후, 무언가의 영상이 자동으로 실행되는 곳..
페이지 글씨가 작아도 알아보기 힘들지만 명도 대비가 낮아도 가독성이 떨어져서 내용을 인식하기 어렵다. 노안, 저시력, 색약, 색맹 등의 사용자들도 불편함이 없도록 콘텐츠를 제공해야 하며, 비장애인들도 명도 대비가 높다면 콘텐츠를 더 잘 인식할 수 있다. 따라서 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5:1 이상이어야 한다. 텍스트 콘텐츠의 명도 대비에 대한 사례들을 살펴보도록 하겠다. 명도 대비 평가 방법텍스트 콘텐츠 색과 배경 색을 평가 도구를 이용하여 대비 한다.추천하는 명도 대비 평가 도구는 다음과 같다.Colour Contrast AnalyzerColour Contrast CheckContrast AnalyserColour ContrastContrast Ratio텍스트 콘텐츠 색과 배경 색의..
콘텐츠는 색에 관계없이 인식될 수 있어야 한다. 즉, 색을 구분하지 못하더라도 콘텐츠를 인식하는데 문제가 없어야 한다는 뜻이다. 웹 개발자는 색이 아닌 패턴, 굵기, 모양, 테두리 등의 다양한 방법으로 구분할 수 있도록 제공해야 한다. 다음의 예시를 보며 알아보도록 하자. 1. 데이터 차트 2. 슬라이드 버튼 선택 여부 3. 페이지내이션 4. 탭 버튼 선택 여부 [ 출처 ]BoostCourse 웹 UI 개발 : https://www.boostcourse.org/web344/lecture/35108네이버 누리(색에 무관한 콘텐츠 인식) : https://nuli.navercorp.com/guideline/s01/g03
HTML 태그 내 적절한 대체 텍스트를 제공해야한다.대체 텍스트를 제공하는 방법과 그 사유에 대한 내용을 알아보도록 하자. 이미지에 대한 설명모종의 이유로 이미지를 불러오지 못하는 경우가 존재한다. 이러한 경우, 브라우저는 alternative 속성을 가지는 ' alt '의 내용을 대체 텍스트로 보여주게 된다. 스크린리더의 경우 해당 이미지의 ' alt ' 속성 내용을 읽어주기에, 반드시 작성해야 하는 속성이라 볼 수 있다. 데이터 차트나 복잡한 콘텐츠데이터 차트나 복잡한 콘텐츠도 사용자가 해당 콘텐츠의 의미를 충분히 파악할 수 있도록 대체 텍스트를 제공해야 한다. ... 년도 학과 지원 수 2003 ..
웹 접근성에는 지침이 존재한다. 대충 어느정도 경험이 쌓이신 분들은 감이 오시겠지만, 해외의 지침 기준이 존재하며 국내의 지침 기준 또한 따로 존재한다. (기본적인 국제 기준을 잡아놓고, 해당 기준을 바탕으로 자국에 맞게끔 일부 개선하여 적용하는 것이 생각보다 많다) 해당되는 웹 접근성 지침에 대해 알아보도록 하자. WCAG(Web Content Accessibility Guidelines)W3C에서 발표한 웹 콘텐츠 접근성 지침.1990년대부터 영국 · 호주 · 미국 · 일본 등이 장애인 차별 금지 관련법에 따라 모든 이의 웹 접근성을 높였습니다.1997년 5월 W3C가 '웹 콘텐츠 접근성 지침(WCAG)'를 내놓아 제도 확산에 속도를 더했습니다. KWCAG(Korean Web Content Acce..