최신 웹 개발 튜토리얼
 

웹 WAI


WAI는 웹 개발자에 대한 지침을 정의합니다.


WAI - 웹 접근성 구상

WAI (W3C 1997는) 장애인 웹 액세스 할 수 있도록하는 방법에 대한 웹 개발자와 디자이너를위한 지침의 집합입니다.

이 가이드 라인의 목적은 접근성,하지만 그들은 또한 더 많은 브라우저 (음성 브라우저, 휴대 전화, 휴대용 장치)와 어려운 환경에 (핸즈프리, 강한 빛, 어둠을 작업하는 더 많은 사용자에게 웹 콘텐츠를 사용할 수 있도록 도움이 될 것입니다, 나쁜 시력 무거운 소음).

노트 웹 사이트는 WAI 기능 (좋은 대조, 크기 조정이 가능한 텍스트, 설명과 함께 이미지)이 부족하면, 장애가있는 사람들이 정보를 액세스 할 수는 없습니다.

귀하의 사이트에보다 쉽게​​ 액세스하기위한 이유 :

  • 당신의 평판 및 고객 만족도를 개선
  • 그것은 방문자의 당신의 수를 늘리는 것
  • 는 방문자가 귀하의 사이트에 더 이상 머물 수있게된다
  • 그것은 오래된 장비로 더 많은 사용 가능한 사람들을위한 사이트를 만들 것입니다

"ALT가"기억

alt 속​​성은이 이미지에 대한 대체 텍스트를 제공 할 수 있습니다 :

<img src="images/banana.jpg" alt="Banana">

때로는 웹 브라우저는 이미지를 표시하지 않습니다. 이유는 중 하나 일 수 :

  • 는 사용자 이미지의 표시를 해제했다
  • 브라우저는, 화상 표시없이 소형 브라우저
  • 브라우저에 음성 브라우저

당신은 "고도"속성을 사용하는 경우, 대부분 브라우저는 적어도 디스플레이를 것 (혹은 읽기)은 "고도"텍스트를.


작은 폰트는 사용하지 마십시오

몇 웹 사이트은 각 페이지에 더 많은 문자를 "쥐어 짜기", 또는 페이지가 더 '세련된'만들기 위해 작은 텍스트 크기를 사용합니다.

또 다른 장비 보는 조건, 또는 장애를 가진 방문자가 텍스트를 읽는 어려움이있을 수 있습니다.

노트 문자의 크기를 귀하의 사이트를 방문 할 때마다 확대 방문자를 강요하지 마십시오.

최고의 문자와 줄 간격을 선택

여분의 문자 간격과 텍스트를 읽기 쉽습니다.

감소 된 문자 간격으로 텍스트를 읽기 어렵다.

좋은과 텍스트
라인 간격이
읽기 쉬운.

감소 텍스트
줄 간격
읽기가 어렵다.


멋진 글꼴을 피하기

일반 글꼴을 읽기 쉬운입니다.

기울임 글꼴을 읽기 너무 쉽게되지 않습니다.

고딕 폰트는 읽기가 더 어렵다.


가난한 색상 대조를 피

검은 색 바탕에 흰색 배경 또는 흰색 텍스트에 검은 색 텍스트, 보는 장애를 가진 사람들을위한 최선의, 그리고 나쁜 장비에 표시합니다.

빛 배경에 회색 텍스트는 가난한 대비를 줄 수있다 :

흰색 배경의 텍스트 색 #AAAAAA
흰색 배경의 텍스트 색상 # 666666
흰색 배경의 텍스트 색상 # 333333
흰색 배경의 텍스트 색 번호 000000

어두운 배경에 회색의 텍스트는 가난한 대비를 제공 할 수 있습니다 :

검은 색 바탕에 텍스트 색상 # 666666
검은 색 바탕에 텍스트 색 #AAAAAA
검은 색의 텍스트 색 #CCCCCC
검정색 배경의 텍스트 색상 #FFFFFF

검정과 빨강, 검정, 파랑, 노랑, 녹색 등 - - 일부 조합은 항상 눈을 긴장 :

빨간색 배경에 검은 색 텍스트
파란색 배경에 검은 색 텍스트
녹색 배경에 노란색 텍스트

그리고 일부 조합은 그렇게 나쁜되지 않습니다 :

회색 배경에 검은 색 텍스트
밝은 파란색에 검은 텍스트
골동품 흰색에 검은 색 텍스트
진한 파란색에 흰색 텍스트

항상 설정 배경 색상

가장 웹 페이지는 다른 텍스트 요소의 색상을 사용합니다. 이 두 링크 헤더 및 본문에서 다른 색으로 많다.

는 웹 디자이너로, 당신의 방문자가 자신의 기본 색상 설정을 변경 할 수 있다는 사실을 알고 있어야한다.

당신이 (헤더 및 링크 등) 웹 요소에 대한 색상을 정의 할 경우, 당신은 또한 배경 색상을 정의해야합니다.

노트 이 배경 색상을 정의하지 않으면, 당신의 웹 사이트 (밝은 빨간색 빨간색 배경에 헤더, 또는 더 나쁜, 검은 배경에 검은 색 텍스트 등) 색상의 매우 나쁜 조합으로 끝낼 수 있습니다.