[번역] 접근성에 대한 빠르고 쉬운 소개

A quick and dirty introduction to accessibility를 번역했습니다.
접근성(accessibility)에 관한 간단한 문서 입니다.
A quick and dirty introduction to accessibility(원문) by Max Design


접근성이 높다는 것에 대한 오해

    • 텍스트로만 이루어진 페이지
    • 접근성 높은 버전이 따로 존재하는 것 (멀티미디어를 제외시켜버리고)
    • 지루한 것
    • 어려운 것

접근성이 높다는 것은..

접근성이 높다는 것은, 신체적인 장애나 지역, 체험 또는 테크놀리지에 관계 없이 모든 사람이 탐험과 읽는 것이 가능한 웹페이지를 만드는 것 입니다.

“웹의 힘은 그 광범위함에 있다. 장애에 관계없이 모든 사람이 접근하는 것은 절대적인 강점이다.”
팀 비머스 리 (Tim Berners-Lee)
www의 창설자
W3C의 관리자

장애 집단 (Disabled groups)

  1. 시각 장애 (Visual impairment)
    • 실명 (Blindness)
    • 약시 (Low vision)
    • 색맹 (Colour deficiency)
    • 녹(綠)색맹 환자 (Deuteranope)
    • 적(赤)색맹 환자 (Protanope)
    • 제3색맹 (Tritanope)
  2. 움직임이나 손재주의 장애 (Mobility or dexterity impairment)
    • 전체 또는 부분 마비 (Total or partial paralysis)
    • 파킨슨 병 (Parkinson’s disease)
    • 관절염 (Arthritis)
    • 대뇌의 마비 (Cerebral palsy)
    • 림프 운동의 결핍 (Lack of limb movement)
  3. 지각 장애 (Cognitive impairment)
    • 지각 불능 (Cognitive disabilities)
      • 뇌 기능 손상 (Loss of brain function)
      • 단기 기억 상실 (Short term memory loss)
      • 복합 경화 (Multiple Sclerosis)
      • 알츠하이머 병 (Alzheimer’s disease)
      • 파킨슨 병 (Parkinson’s Disease)
      • 노인 (Old age)
    • 학습 장애 (Learning difficulties)
      • 주의 결손 혼란 (Attention Deficit Disorder)
      • 난독증, 언어장애 (Dyslexia)
      • 기타 말로 할 수 없는 학습 장애 (Other non-verbal learning difficulties)
  4. 청각 장애 (Hearing impairment)

장치와 소프트웨어

웹 컨텐츠에 접근하는 입력 장치와 소프트웨어

  • 마우스 (Mouse)
    • 일반적인 마우스 (Standard mouse)
    • 큰사이즈의 트랙볼 마우스 (Oversized trackball mouse)
  • 키보드 (Keyboards)
    • 일반적인 키보드 (Standard keyboard)
    • 순응가능한 키보드 (Adaptive Keyboards)
    • 가상 키보드 (Virtual keyboards)
  • 입으로 무는 스틱 (Mouth sticks)
  • 머리에 쓰는 막대 (Head wands)
  • 스위치 (Switches)
  • 입으로 홀짝이거나 부는 스위치 (Sip and puff switches)
  • 눈의 자취를 좇는 장치 (Eye tracking devices)
  • 음성 인식 소프트웨어 (Voice recognition software)

웹 컨텐츠에 접근하는 출력 장치와 소프트웨어

  • 그래픽 브라우저 (Graphic browsers)
  • 텍스트 브라우저 (Text browsers)
  • 다음을 포함하는 음성 스크린 리더: (Audio screen readers – including:)
    • 윈도우 나레이터 같은 인빌트 리더 (Inbuilt Readers such as Windows Narrator)
    • 홈페이지 리더 (Home Page Reader)
    • JAWS (스크린 리더)
    • Window-Eyes (화면 판독 소프트웨어)
  • 점자 장치 (Braille devices)
  • 다음을 포함하는 스크린 확대 장치: (Screen magnifiers – including:)
    • 윈도우 돋보기, 매킨토시 유니버설 엑세스 같은 인빌트 돋보기 (Inbuilt Magnifier such as Windows Magnifier, Macintosh Universal Access)
    • ZoomText (화면 확대 프로그램)
    • MAGic (화면 확대 프로그램)
  • 프린터
  • 프로젝터
  • PDA

왜 접근성을 높히기 위해 귀찮은 일을 해야하는가?

  1. 법률상의 이유
    • 장애에 대한 차별 액트 (Disability Discrimination Act (DDA) of 1992)
    • HEROC의 장애 차별에 관한 어드바이스 (HEROC Disability Discrimination Act Advisory Notes)
    • 웹 컨텐츠 접근성 가이드 라인 1.0 (Web Content Accessibility Guidelines 1.0)
  2. 윤리상의 이유

    “인터넷은 평등한 공간이다. 인터넷은 동일 수준의 우리에게 모든 힘과 선택권을 준다. 하지만 만약, 우리가 인터넷에 접근할 수 있는 것이 하나 뿐이라면, 다른 모든 사람도 마찬가지이다.”
    http://www.rnib.org.uk/xpedio/groups/public/documents/PublicWebsite/public_ethicalcase.hcsp

  3. 공공 서비스 이유

    “공공분야는 공공의 봉사를 해야 할 의무가 있다. 당신은 그것을 하지 않고 있다. 만약 당신이 서브하는 유일한 사람은 장애가 없는 사람이다.”
    http://joeclark.org/essentials/WE04notes1.html

  4. 상업적인 이유

    “5명중 한명의 호주인(3,951,000명/전체의 20%)은 장애를 가지고 있다고 2003 SDAC가 어림잡아 평가했다. 이 수치는 남자와 여자가 동일했다. 수치는 연령과 함께 증가했고 85세 이상은 81%에 도달했다..”
    http://www.abs.gov.au/

  5. 접근성이 높은 웹페이지는 모든 사람에게 이익을 준다

접근성을 개발시키는 4단계

  1. 무지함은 더 없는 행복
    • “우리가 적은 비율의 사용자를 걱정해야 할 필요가 정말 있을까?”
    • “시각장애인들이 어떻게든 웹에 접근해야 하는 것을 필요로 할까?”
  2. 핑계거리
    • “우리는 그들에게 alt태그와 텍스트만의 버전을 제공했어. 그들은 도대체 뭘 더 원하는 거야?”
  3. 걷는 것을 배우다
    • “곰곰히 생각해야 할 것이 너무 많아, 어디서 내가 시작해야 하는 것이지?”
  4. 과정의 일부분
    • “난 그것에 대해 더 이상 생각하지 않아, 그건 내 과정의 일부분일 뿐이야.”

접근성을 증진시키는 몇가지 빠른 방법

  • 설명을 위한 이미지에 “alt” 속성을 사용해 왔는가?
  • 사이트에 상대적인 단위의 글자 크기를 사용했나?
  • 만약에 폰트 크기를 키웠을 때 레이아웃의 외형이 깨지는 곳이 있는가?
  • 눈에 보이는 바로가기 메뉴를 제공하는가?
  • 접근하기 쉬운 폼(form)을 사용하는가?
  • 접근하기 쉬운 테이블(table)을 사용하는가?
  • 색상의 밝기와 대비가 충분한가?
  • 중요한 정보에 컬러만을 사용하고 있지 않은가?
  • 사이트의 기능들이 좋은 시력과 튼튼한 손을 요구하지 않는가?
  • 모든 링크들이 설명적인가?
  • 키보드만으로(탭 키) 웹페이지의 모든 구역에 접근할 수 있는가?
  • CSS를 끄거나 지원하지 않아도 contents에 접근 가능 한가?
  • 이미지를 끄거나 지원하지 않아도 contents에 접근 가능 한가?
  • Lynx같은 텍스트 브라우저에서도 사이트가 작동하는가??
  • 브라우저 창 크기의 범위 안에서 사이트가 잘 작동하는가?

좀 더 자세한 체크리스트를 알고 싶다면 웹 표준 점검 목록을 보도록 하십시오.