홈페이지 » 웹 디자인 » 접근성 요구가있는 사람들을 위해 디자인하는 방법

    접근성 요구가있는 사람들을 위해 디자인하는 방법

    웹을 사용하는 사람들은 균질 한 질량이 아니라 오히려 엄청나게 높은 다양성을 가진 거대한 그룹. 그들 중 많은 수가 영어가 모국어가 아니거나 건강 상태가 양호한 고등 교육을받은 도시 거주자가 아닙니다. 우리가 대중을 위해 디자인 할 때 우리는이 사실에주의를 기울일 필요가 있습니다. 그렇지 않으면 사이트의 검색 엔진 순위를 높일 수있는 가능성은 물론 많은 잠재 사용자를 놓치고 있습니다..

    보편성포괄 성 W3C의 웹 디자인 관련 표준 중 하나 인 접근성 웹 표준에 중점을 둡니다. 웹 접근성 구상 (Web Accessiblity Initiative, WAI)의 최종 목표는 작동하는 웹을 설계하는 것입니다 “하드웨어, 소프트웨어, 언어, 문화, 위치 또는 신체적 또는 정신적 능력이 무엇이든간에 모든 사람에게”.

    접근성에 관해 생각할 때 이해해야 할 가장 중요한 점은 사용자가 완전한 손실 감각이나 능력의 접근성 지원이 필요하다.. 부분 시력 상실 또는 가벼운 청력 손상과 같은 문제가있는 사람들도 장애가 있습니다..

    이제 누가 주요 그룹인지, 웹을 사용하는 방법, 신중한 디자이너가 자신의 사용자 경험을 향상시킬 수있는 방법에 대해 알아 보겠습니다..

    시각 장애

    이 그룹의 사람들은 한쪽 또는 양쪽 눈, 색맹, 시력 저하, 실명 또는 농아자의 시각 장애에 경증 또는 중등도의 시각 장애가있을 수 있습니다

    많은 경우에 웹 컨텐트의 프리젠 테이션을 변경하여 자신의 요구에 맞 춥니 다.. 텍스트 크기와 이미지의 크기를 조정하고 글꼴, 색상 및 간격을 사용자 정의하여 가독성을 높일 수있는 기능이 필요합니다. 마우스 포인터를 볼 수없는 사람들이 다음을 사용하여 내용을 탐색 할 수 있도록하는 것도 좋은 생각입니다. 키보드 만.

    많은 시각 장애인들이 스크린 리더 프론트 엔드가 의미 론적으로 코딩 된 경우에만 제대로 작동합니다. 그렇지 않으면 특별 보조 소프트웨어 웹 페이지의 구조를 식별 할 수 없다. 사용자는 내용을 이해할 수 없을 것입니다.

    우리는이 페이지들에 하이퍼 링크, 아이콘, 이미지 및 기타 미디어 유형에 대한 적절한 설명을 설명 할 필요가 있습니다 대체표제 HTML 속성. 여기에 엄지 손가락의 규칙은 비 텍스트 요소 각각에 대해 동등한 텍스트 대체물을 사용할 수있게한다..

    이미지 : Mashable

    또한 사용자가 자신의 브라우저 설정을 구성하지 못하도록하는 것이 중요하므로 가능한 경우, 모든 것을 상대 단위로 지정하십시오. 정확한 크기 대신에 (ems, rems 또는 percentage).

    실제로 Google 및 기타 검색 엔진의 봇은 시각 장애인으로 생각할 수 있으며 시각 장애인에게 좋은 모든 것이 봇을 기쁘게하므로 사이트의 SEO 순위를 향상시킵니다.

    청각 장애

    다른 등급의 청각 장애로 고통받는 웹 사용자는 특히 배경 잡음이있는 경우 음성을 항상 이해할 수는 없습니다. 가장 자주 사용되는 경우는 동영상 콘텐츠입니다. 오디오 부분에 시각적 지원을 추가하여 액세스 가능하게 만들었습니다..

    WGBH 라디오의 미디어 액세스 그룹에 따르면 “추정 된 2 천 4 백만명의 미국인들은 청각 상실로 TV 프로그램의 의미를 완전히 이해할 수 없다.”.

    사용 자막 배경 잡음 음악이나 폭발에도 자막이있다. 그들에게 많은 도움이 될 수 있습니다. 캡션 및 성적표 옵션을 제공하면 사람들의 경험을 크게 향상시킬 수 있습니다. 원어민이 아닌 사람들 기록 된 언어의.

    웹 및 모바일 앱을 디자인 할 때는 조심해야합니다. 사용자가 음성을 사용한 상호 작용에만 의존해야하는 경우 청각 장애 또는 적절한 오디오 하드웨어 또는 소프트웨어가없는 경우 사용에서 제외된다..

    앱 디자이너는 항상주의를 기울일 필요가 있습니다. 볼륨을 중지, 일시 중지 또는 조정할 수있는 옵션 추가. Apple TV는 청각 장애인과 청각 장애자를 위해 설계된 훌륭한 예입니다. 자막 및 캡션을 사용자의 필요에 맞게 사용자 정의 할 수있는 멋진 사용자 인터페이스를 제공합니다..

    IMAGE : AudioPerception

    인지 및 신경 장애

    뇌 또는 말초 신경계와 관련된 장애는 사람들이 어떻게 움직이고,보고, 듣고 이해하는 방식에 영향을줍니다. 필요한 많은 사람들이 있습니다. 다른 것들보다 느린 프로세스 정보, 그래서 우리는 그들을 제공해야합니다. 명확하게 구조화 된 콘텐츠로방향을 용이하게하다.

    우리가 다양한 탐색 방법 제공: 하나의 거대한 드롭 다운 메뉴뿐만 아니라 태그 클라우드, 검색 옵션, 탐색 경로 및 기타 스마트하고 이해하기 쉬운 솔루션.

    콘텐츠 향상 기능 시각적 신호가 중요하다. 인지 및 신경 장애가있는 사람들이 우리가 그들에게 전달하고자하는 정보를 이해할 수 있도록하고 싶을 때. 긴 단락을 피하는 것과 같은 이미지, 그래프, 삽화 및 스마트 타이포그래피 그들을 위해 많은 것을 할 수있다..

    혼란의 수를 줄이기 깜박 거리거나 깜박이는 광고 및 성가신 팝업과 같은 광고 문안은 ADHD (주의력 결핍 과잉 행동 장애) 또는 자폐증.

    접근이 용이 한 탐색 및 시각적 단서가 포함 된 신중하게 설계되고 논리적으로 구조화 된 콘텐츠의 예를 보려면 미국 정부의 사회 보장국 사이트를 살펴보십시오..

    이미지 : 사회 보장 행정

    지체 장애

    신체 장애인은 가질 수 있습니다. 운동 장애, 감각 또는 근육 조절의 한계, 관절 문제, 사지 부족, 다른 많은 물리적 장애물에 직면 할 수있다..

    아마 그들과 관련된 가장 중요한 것은 항상 제공하는 것입니다. 전체 키보드 지원, 과 임무 완수에 충분한 시간을 준다. 온라인 양식 작성, 질문에 답하기 또는 코멘트 섹션에서 이전 내용 편집하기.

    헌금 키보드 단축키, 특히 터치 지원 장치에서 이 그룹에게는 신의 선물이 될 수있다..

    신체 장애자는 작은 영역을 클릭 할 때 어려움을 겪을 수 있으므로 항상 우리가 충분히 큰 디자인, 버튼과 같은 클릭 가능 영역.

    또한 많은 사람들이 보조 하드웨어 또는 소프트웨어를 사용한다는 점을 명심해야합니다. 그들은 도움을 받아 콘텐츠에 액세스 할 수 있습니다. 트랙볼로 탐색되는 온 스크린 키보드, 또는 그들이 사용할 수 있습니다 음성 인식 또는 안구 추적 소프트웨어.

    이 때문에 이전 사례와 마찬가지로 논리적이고 일관된 탐색과 너무 많은 산만 함없이 잘 구성된 사이트를 구축하는 것이 중요합니다..

    이미지 : AllThingsErgo.Com

    결론

    장애인을위한 웹 경험을 만드는 것은 훌륭한 설계 방법입니다. 감각 장애인의 요구를 고려한 사이트를 구축하면 논리적이고 체계적이며 사용하기 쉬운 제품을 설계합니다. 이것은 장애인에게 좋을뿐만 아니라 모든 단일 사용자에게 직관적이고 사용자 정의가 가능한 웹 사이트 이해하기 쉽다..

    사용자가 온라인 콘텐츠를 사용하는 방법에 대한 선택권을 부여하고 사이트와 상호 작용할 수있는 모든 가능성을 신중하게 생각하면 디자인의 전반적인 사용자 경험이 크게 향상됩니다.

    지금 읽기 : 장애인을위한 10 가지 보조 기술