WAI는 웹 개발자에 대한 지침을 정의합니다.
WAI - 웹 접근성 구상
WAI (W3C 1997는) 장애인 웹 액세스 할 수 있도록하는 방법에 대한 웹 개발자와 디자이너를위한 지침의 집합입니다.
이 가이드 라인의 목적은 접근성,하지만 그들은 또한 더 많은 브라우저 (음성 브라우저, 휴대 전화, 휴대용 장치)와 어려운 환경에 (핸즈프리, 강한 빛, 어둠을 작업하는 더 많은 사용자에게 웹 콘텐츠를 사용할 수 있도록 도움이 될 것입니다, 나쁜 시력 무거운 소음).
웹 사이트는 WAI 기능 (좋은 대조, 크기 조정이 가능한 텍스트, 설명과 함께 이미지)이 부족하면, 장애가있는 사람들이 정보를 액세스 할 수는 없습니다. |
귀하의 사이트에보다 쉽게 액세스하기위한 이유 :
- 당신의 평판 및 고객 만족도를 개선
- 그것은 방문자의 당신의 수를 늘리는 것
- 는 방문자가 귀하의 사이트에 더 이상 머물 수있게된다
- 그것은 오래된 장비로 더 많은 사용 가능한 사람들을위한 사이트를 만들 것입니다
"ALT가"기억
alt 속성은이 이미지에 대한 대체 텍스트를 제공 할 수 있습니다 :
<img src="images/banana.jpg" alt="Banana">
때로는 웹 브라우저는 이미지를 표시하지 않습니다. 이유는 중 하나 일 수 :
- 는 사용자 이미지의 표시를 해제했다
- 브라우저는, 화상 표시없이 소형 브라우저
- 브라우저에 음성 브라우저
당신은 "고도"속성을 사용하는 경우, 대부분 브라우저는 적어도 디스플레이를 것 (혹은 읽기)은 "고도"텍스트를.
작은 폰트는 사용하지 마십시오
몇 웹 사이트은 각 페이지에 더 많은 문자를 "쥐어 짜기", 또는 페이지가 더 '세련된'만들기 위해 작은 텍스트 크기를 사용합니다.
또 다른 장비 보는 조건, 또는 장애를 가진 방문자가 텍스트를 읽는 어려움이있을 수 있습니다.
문자의 크기를 귀하의 사이트를 방문 할 때마다 확대 방문자를 강요하지 마십시오. |
최고의 문자와 줄 간격을 선택
여분의 문자 간격과 텍스트를 읽기 쉽습니다.
감소 된 문자 간격으로 텍스트를 읽기 어렵다.
좋은과 텍스트
라인 간격이
읽기 쉬운.
감소 텍스트
줄 간격
읽기가 어렵다.
멋진 글꼴을 피하기
일반 글꼴을 읽기 쉬운입니다.
기울임 글꼴을 읽기 너무 쉽게되지 않습니다.
고딕 폰트는 읽기가 더 어렵다.
가난한 색상 대조를 피
검은 색 바탕에 흰색 배경 또는 흰색 텍스트에 검은 색 텍스트, 보는 장애를 가진 사람들을위한 최선의, 그리고 나쁜 장비에 표시합니다.
빛 배경에 회색 텍스트는 가난한 대비를 줄 수있다 :
흰색 배경의 텍스트 색 #AAAAAA |
흰색 배경의 텍스트 색상 # 666666 |
흰색 배경의 텍스트 색상 # 333333 |
흰색 배경의 텍스트 색 번호 000000 |
어두운 배경에 회색의 텍스트는 가난한 대비를 제공 할 수 있습니다 :
검은 색 바탕에 텍스트 색상 # 666666 |
검은 색 바탕에 텍스트 색 #AAAAAA |
검은 색의 텍스트 색 #CCCCCC |
검정색 배경의 텍스트 색상 #FFFFFF |
검정과 빨강, 검정, 파랑, 노랑, 녹색 등 - - 일부 조합은 항상 눈을 긴장 :
빨간색 배경에 검은 색 텍스트 |
파란색 배경에 검은 색 텍스트 |
녹색 배경에 노란색 텍스트 |
그리고 일부 조합은 그렇게 나쁜되지 않습니다 :
회색 배경에 검은 색 텍스트 |
밝은 파란색에 검은 텍스트 |
골동품 흰색에 검은 색 텍스트 |
진한 파란색에 흰색 텍스트 |
항상 설정 배경 색상
가장 웹 페이지는 다른 텍스트 요소의 색상을 사용합니다. 이 두 링크 헤더 및 본문에서 다른 색으로 많다.
는 웹 디자이너로, 당신의 방문자가 자신의 기본 색상 설정을 변경 할 수 있다는 사실을 알고 있어야한다.
당신이 (헤더 및 링크 등) 웹 요소에 대한 색상을 정의 할 경우, 당신은 또한 배경 색상을 정의해야합니다.
이 배경 색상을 정의하지 않으면, 당신의 웹 사이트 (밝은 빨간색 빨간색 배경에 헤더, 또는 더 나쁜, 검은 배경에 검은 색 텍스트 등) 색상의 매우 나쁜 조합으로 끝낼 수 있습니다. |