단 10 분만에 웹 사이트에 액세스하는 방법

폭로: 귀하의 지원은 사이트 운영을 유지하는 데 도움이됩니다! 이 페이지에서 권장하는 일부 서비스에 대한 추천 수수료가 발생합니다.


10 분 안에 웹 사이트에 액세스 할 수있게하십시오

웹 사이트 접근성은 큰 ​​문제이지만 대부분의 사람들은 크게 생각하지 않습니다. 이동성이 제한되는 순간을 상상해보십시오. 마우스를 사용할 수 없으며 컴퓨터를 탐색 할 수있는 유일한 방법은 한 번에 하나의 키보드 키를 탭하는 것입니다.

사용해보십시오. 화살표 버튼을 클릭하여 위아래로 스크롤하십시오. 한 링크에서 다음 링크로 이동하려면 탭을 사용하십시오. 링크를 따라 가려면 Enter 키를 클릭하십시오. 마우스 휠을 돌리거나 태블릿을 스 와이프하는 것만 큼 쉽지는 않지만이 4 개의 키만 사용하면이 사이트의 모든 것을 탐색 할 수 있습니다. 자신의 웹 사이트에 대해서도 동일하게 말할 수 있습니까?

웹 사이트에 위, 아래, 탭 및 Enter 키로 액세스 할 수없는 항목이 있으면 수백만 명의 인터넷 사용자가 해당 기능에 액세스하지 못할 수 있습니다. 우리의 나머지 사람들에게는 사용이 불편하거나 불편한 경우 공정한 기회가 있습니다. 우리는 그것을 건너 뛸 것입니다. 이는 노력을 낭비했다는 의미입니다..

이제 눈을 감고 웹 사이트를 읽으십시오. 우리는 이것이 공정한 테스트가 아니라는 것을 알고 있습니다. 시각 장애인이 웹 컨텐츠를 즐길 수 있도록 도와주는 도구가 많이 있습니다. 그러나 당신의 웹 사이트는 그들을 위해 준비되어 있습니까? 귀하의 링크는 적절하게 표시되어 있습니까? 사진에 문제가 있습니까? 텍스트와 배경색 사이에 대비가 충분합니까? 세계 보건기구 (WHO)에 따르면 시각 장애가있는 사람은 2 억 8,500 만 명입니다. 제외 할 수있는 많은 잠재 방문자입니다.!

누군가 웹 사이트를 보거나 탐색하는 데 문제가있는 수백 가지 이유가 있습니다. 이러한 모든 요구를 충족시키는 것은 불가능한 작업처럼 보일 수 있지만 최신 웹 디자인 도구를 사용하면 거의 모든 사람이 읽고 즐길 수있는 웹 사이트를보다 쉽게 ​​만들 수 있습니다..

웹 사이트에 빠르고 쉽게 액세스 할 수있는 방법을 찾아 수억 명의 웹 사용자가 독자층을 확대 할 수있는 방법을 알아보십시오.

10 분 안에 웹 사이트에 액세스 할 수있게하십시오

10 분 안에 웹 사이트에 액세스 할 수있게하십시오

모든 웹 사이트 방문자는 다르지만 많은 사람들이 귀하의 웹 사이트 사용에 직접적인 영향을 미치는 장애를 가지고 있습니다. 이러한 장애에는 실명, 청각 장애 및 운동 제어 문제가 포함됩니다. 운 좋게도 물리적 인 제한이있는 사람들이 웹 사이트에 액세스 할 수 있도록하기 위해 할 수있는 일은 많지만 어렵지 않습니다. 아래에 알아야 할 모든 것이 있습니다. 장애가있는 사람들을 위해 사이트를 개선 할뿐만 아니라 모든 사람을 위해 더 나은 사이트를 만들 수 있습니다..

접근성 문제

  • 인터넷은 정보 및 지역 사회, 특히 장애가있는 사람들에게 그 어느 때보 다 더 많은 정보를 제공합니다.
    • 유엔은 장애인을위한 인터넷 접근성이 기본적인 인권이라고 선언했다
    • 그러나 시각 장애인은 웹 사이트를 읽을 수 없으며 청각 장애인은 팟 캐스트를 즐길 수 없습니다
  • 미국에서만 :
    • 대략 5 명 중 1 명은 한쪽 귀 또는 양쪽 귀에 난청이 있습니다.
      • 이것은 약 4 천 8 백만명입니다
    • 730 만명 이상의 미국인이 시력 상실
      • 부분 또는 완전 실명 외에도 약 1360 만 명의 미국인이 색맹입니다.
  • 접근성 요구는 다양하며 다음과 같이 웹을 사용하기 어려운 개인적 및 기술적 상황을 포함 할 수 있습니다.
    • 난청
    • 배우는 어려움
    • 운동 능력 부족
    • 실명 / 시각 장애
    • 인지 / 학습 장애
    • 인터넷 연결 불량
    • 모바일 액세스 만 (휴대 전화 또는 태블릿)

접근 가능한 사이트의 장점

  • 다음과 같이 비활성화 된 사용자가 법적으로 액세스 할 수 있어야합니다.
    • 정부 웹 사이트
    • 교육 기관 및 조직
    • 산업 및 비영리 단체
  • 검색 엔진의 크롤링 용이
    • 장애가있는 일부 사용자와 마찬가지로 검색 엔진 스파이더는 사진을 볼 수 없습니다
    • 대체 텍스트와 같은 접근성 기능은 사이트를 크롤링하고 웹 사이트의 검색 엔진 순위를 높이는 데 도움이됩니다.
  • 모든 사용자의 유용성 향상
    • 웹 사이트를 가능한 한 사용하기 쉽게 만들면 장애 여부와 상관없이 웹 사이트와 상호 작용하는 모든 사람에게 도움이됩니다
  • 웹 사이트의 사회적 지위를 높이고 좋은 PR을 생성하십시오
    • 웹 사이트에 액세스 할 수있는 조직이나 비즈니스는 사회적 책임을지는 것으로 마케팅 할 수 있습니다

온라인 접근성 도구

  • 일부 장애인 사용자는 다음과 같이 인터넷을보다 쉽게 ​​사용할 수 있도록 자체 도구와 장치를 가지고 있습니다.
    • 웹 페이지 텍스트를 음성 오디오로 바꾸는 화면 판독기
      • 맥 – VoiceOver
      • PC – 썬더
    • 모터 문제가있는 사용자를위한 맞춤형 키보드, 마우스 또는 음성 제어
  • 특수 도구가없는 사용자를 위해 일부 웹 사이트는 다음을 포함하여보다 쉽게 ​​사용할 수있는 기능을 갖도록 설계되었습니다.
    • 웹 브라우저 및 스마트 폰의 확대 / 축소 또는 텍스트 크기 옵션
    • 자막
      • YouTube에서는 사용자가 동영상 오른쪽 하단에있는 CC 아이콘을 클릭하여이 기능을 활성화 할 수 있습니다
    • 실독 폰트
      • 난독증이있는 사람을 위해 난독증이 디자인 한 글꼴
      • 이 글꼴은 난독증 환자가 이해하기 어려운 문자를 사용합니다.

손쉬운 웹 접근성

  • 간단한 디자인과 컨텐츠 사용.
    • 명확하게 레이블이 지정된 탐색 링크
    • 깔끔한 레이아웃
      • 메시지를 전달하기 위해 가능한 적은 요소를 사용하십시오
        • 모든 이미지, 사운드, 버튼 또는 링크는 장애가있는 사용자에게 장애물이 될 수 있습니다.
        • 또한 이미지 수가 적을수록 인터넷 속도가 느린 사용자의 로딩 시간이 더 빠릅니다.
    • 내용을 쉽게 읽고 이해할 수 있도록하십시오
      • 텍스트와 배경의 좋은 대비
      • 간단하고 읽기 쉬운 글꼴 선택
  • 이미지의 대체 텍스트 첨부
    • 대부분의 이미지 위로 마우스를 가져 가면 대체 텍스트가 나타납니다.
    • 이미지를 설명합니다
      • 기술적 인 제한이나 시각 장애가있는 사용자를 도울 것
      • 화면 판독기는 대체 텍스트에 액세스하여 오디오로 변환 할 수 있습니다
  • 마우스없이 사이트 탐색 가능
    • 일부 사용자는 컴퓨터 마우스를 사용하지 못할 수 있습니다
    • 키보드 입력을위한 설계로 설계를 단순하게 유지
    • 탭, Enter 및 화살표 키는 사이트를 탐색하기에 충분해야합니다.
  • 색상에주의
    • 학습 장애가있는 사람들에게 색상이 도움이 될 수 있습니다.
      • 잘 구성된 텍스트, 색상 및 기호 또는 아이콘으로 메시지를보다 쉽게 ​​이용할 수 있습니다.
    • 그러나 메시지를 전달하기 위해 색상에만 의존하지 마십시오
      • 스크린 리더는 색상을 구별 할 수 없으며 해당 정보를 전달하지 않습니다
      • 색맹 사용자에게는 사용하지 않습니다
    • 사이트가 이미지만을 기반으로하지 않는 한 가능할 때마다 텍스트를 사용하는 것이 가장 좋습니다.
  • 비디오 나 오디오가 자동으로 재생되지 않습니다
    • 이것은 소스를 찾기 위해 고군분투하는 사람들에게 특히 도전적입니다.
    • 그리고 그것은 다른 사람들에게 성가시다
  • 반응 형 디자인에주의
    • CSS (Cascading Style Sheet) 도구를 사용하면 사이트에서보고있는 장치에 따라 사이트가 자동으로 표시되는 방식을 변경할 수 있습니다.
      • 여러 화면 크기 (전화 / 태블릿 / 노트북)에서이를 테스트
  • 링크 텍스트가 링크를 가리키는 위치를 사용자에게 알려야합니다
    • 예를 들어 ‘여기를 클릭하십시오’라고 말하는 내용은 설명이 충분하지 않습니다.
    • “Amazon 홈페이지 링크”가 더 도움이됩니다
      • 링크 제목 사용
  • 장애인 방문객의 신발에 몸을 담그십시오
    • JAWS (30 일 무료)와 같은 스크린 리더를 다운로드하고 모니터를 끄고 웹 사이트를 탐색하십시오.
      • 이것은 맹인 사용자에게 귀하의 웹 사이트가 어떻게 보이는지입니다
      • 이미지 설명 방식에 특별한주의를 기울이십시오.
        • 대체 텍스트만으로도 이해가 되나요??
      • 그래픽에 포함 된 텍스트는 시각 장애인에게 “보이지 않는”것일 수 있습니다.
    • Coblis와 같은 색맹 시뮬레이터를 사용하여 색맹 사용자가 사이트를 탐색 할 때 무엇을 보게되는지 더 잘 이해할 수 있습니다.
      • 탐색 버튼이 배경과 시각적으로 구분되어 있습니까??
      • 텍스트를 읽을 수 있습니까?
    • 사이트에서 비디오를 사용하는 경우 캡션을 사용할 수 있는지 확인하십시오.
      • 그렇지 않으면 컴퓨터의 사운드를 끈 상태에서 얼마나 의미가 있는지 확인하십시오
    • Tab, Enter 및 화살표 키만 사용하여 사이트를 탐색하십시오.
      • 도착하기 어렵거나 불가능한 페이지가 있습니까?

상업, 교육, 엔터테인먼트 등 모든 사람이 이용할 수있는 웹 사이트를 구축하는 것이 최우선 과제입니다. 강력한 온라인 커뮤니티를 구축하고 비즈니스에 새로운 고객을 유치하려면 광범위한 사용자를 수용하는 것이 중요합니다.

출처 : colourblindawareness.org, thewholebraingroup.com, wwhearing.org, lighthouse.org, un.org, ncbi.nlm.nih.gov, nfb.org, census.gov, w3.org, joeclark.org, fcc.gov, 스크린 리더. net, support.apple.com, webaccess.berkley.edu, freedomscientific.com, entrepreneur.com, color-blindness.com, webaim.org

출처

  • 세계 청각
  • 시각 장애의 유병률
  • 장애인의 권리와 선택 의정서에 관한 유엔 협약 (PDF)
  • 미국의 청력 손실 유병률
  • 실명 통계
  • 색맹
  • 미국 및 세계 인구 시계
  • 조직을위한 웹 접근성 비즈니스 사례 개발의 사회적 요인
  • 장애인이 컴퓨터를 사용하는 방법?
  • 21 세기 커뮤니케이션 및 비디오 접근성 법 (CVAA)
  • 접근 가능한 웹 사이트 디자인의 5 가지 장점
  • 조직을위한 웹 접근성 비즈니스 사례 개발에서 법적 및 정책 요소
  • Mac 101 : VoiceOver
  • 보조 기술의 유형
  • 실독증 글꼴
  • 장애인이 인터넷에 액세스하는 방법
  • 조심스럽게 컬러
  • Freedom Scientific 소프트웨어 다운로드
  • 웹 사이트를보다 모바일 친화적으로 만드는 방법
  • Coblis — 색맹 시뮬레이터
  • 웹 접근성 소개
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map