2022년 최고의 웹 접근성 리소스 16가지

세계보건기구(WHO)는 10억 명이 넘는 사람들이 장애를 겪고 있다고 추정합니다. 이러한 사람들은 액세스할 수 없는 웹 사이트를 방문할 때 문제에 직면할 수 있습니다. 청각 장애가 있는 사람들은 캡션이 없으면 제품에 대해 배우기 위해 비디오를 볼 수 없습니다. 한편, 색맹인 사람들은 모든 요소가 비슷한 색으로 인식되는 웹사이트를 탐색할 수 없습니다.

거기에는 많은 장애가 있습니다. 결과적으로 어떤 디자인, 단어 또는 코드 선택이 필요한 제품과 정보를 찾는 데 방해가 될 것인지 추측하는 것은 불가능합니다. 다음 16가지 리소스를 사용하여 모든 사람이 웹사이트에 액세스할 수 있도록 하십시오. 이 무제한 액세스는 방문자와 고객을 계속 재방문하고 새로운 고객을 유치하는 데 도움이 됩니다.

섹션으로 이동:

1. W3C의 WCAG 빠른 참조 가이드

W3C(World Wide Web Consortium)는 웹 ​​사이트 소유자가 웹을 계속 발전시키기 위해 따라야 하는 표준을 공유합니다. 그들은 접근성 용어를 나열하고 그 중요성을 설명하는 참조 가이드를 작성했습니다. 웹 접근성에 대해 알고 있는 팀은 가이드를 사용하여 수천 단어를 읽지 않고도 해야 할 일을 기억할 수 있습니다. W3C의 참조 가이드를 사용할 때 해당 공간에서 가장 신뢰할 수 있는 출처를 따릅니다.

WCAG(웹 콘텐츠 접근성 지침)는 인터넷을 모든 사람에게 보다 유용하게 만들기 위한 원칙입니다. W3C는 전 세계의 개인과 정부의 도움을 받아 이를 확립합니다. 참조 가이드는 지속적으로 업데이트되므로 모든 사람이 웹사이트에 액세스할 수 있도록 최선의 조언을 제공하므로 신뢰할 수 있습니다.

가이드는 훑어볼 수 있습니다. 섹션 사이를 빠르게 이동하고 W3C에서 업데이트된 항목을 추가할 때 확인할 수 있습니다. 페이지를 자주 방문하여 콘텐츠를 개선할 수 있는 새로운 방법이 있는지 확인하십시오.

2. W3C의 비디오 접근성 가이드

대부분의 사람들은 다른 유형의 콘텐츠보다 브랜드 동영상 시청을 선호합니다. W3C는 청각, 언어 및 시각 장애가 있는 사람들이 비디오에 액세스할 수 있도록 하는 방법에 대한 가이드를 작성했습니다. 잠재고객이 동영상을 볼 수 없으면 잠재고객을 잃게 됩니다.

리소스는 전체 비디오 제작 프로세스를 다룹니다. 제작할 준비가 되면 강의 내용을 적용하여 누구나 즐길 수 있는 접근 가능한 고품질 설명, 캡션 및 비디오 콘텐츠를 만드십시오. 이러한 각 단계에는 더 많은 리소스에 대한 링크가 포함된 자체 페이지가 있습니다. 이러한 원칙을 처음 따르는 경우에도 접근 가능한 비디오를 만드는 것은 쉽습니다.

대부분의 팁을 적용하십시오. 이제 비디오를 볼 수 있기 때문에 웹사이트를 떠나는 사람들이 줄어들 것입니다. 시청자가 많을수록 동영상 시청자를 팬이나 고객으로 전환할 가능성이 커집니다.

3. A11Y 프로젝트 체크리스트

A11Y 프로젝트는 기업에 웹사이트를 보다 포괄적으로 만드는 방법을 가르칩니다. 그들의 WCAG 규정 준수 체크리스트는 누구나 읽거나 들을 수 있는 웹사이트를 구축하는 데 도움이 됩니다. 수백 가지의 잠재적인 접근성 변경을 수행하도록 지시하는 대신 취할 수 있는 가장 영향력 있는 조치를 제시합니다.

항목은 세 가지 접근성 준수 수준 중 두 가지를 준수합니다.

1. A 레벨은 웹사이트를 탐색하기 쉽게 만들기 위해 취해야 하는 최소한의 것입니다.
2. AA 수준에는 많은 공공 기관과 정부 사이트가 웹사이트를 준수하도록 하기 위해 취해야 하는 조치가 있습니다.

체크리스트는 작업을 오디오, 모양 및 색상과 같은 범주로 나눕니다. 각 작업에는 수행 방법을 설명하는 지침과 프롬프트가 있는 드롭다운 메뉴가 있습니다. 설명은 간결하고 실행 가능하며 따라하기 쉽습니다.

모든 작업을 수행하면 웹사이트를 더 즐겁게 탐색할 수 있고 장애가 있는 사람들이 귀하의 제품이나 서비스에 대해 알게 된 후 귀하와 함께 작업할 수 있습니다.

4. 액세스

AccessiBe는 귀하의 웹사이트가 액세스 가능한지 여부를 분석하는 액세스 가능성 테스트 소프트웨어입니다. 그렇지 않은 경우 AI는 장애가 있는 사람들이 사용할 수 있도록 웹사이트의 모양과 콘텐츠를 조정합니다.

프로세스는 자동입니다. 그들이 제공한 코드를 웹사이트에 붙여넣고 48시간을 기다립니다. 그 시간이 지나면 웹 사이트는 화면 읽기, 키보드 탐색 및 웹 접근성 법률을 충족하게 됩니다.

소프트웨어는 매일 웹사이트를 다시 스캔하여 지난 24시간 동안 시각적 또는 코드 변경 사항을 감지합니다. 액세스할 수 없는 항목이 있으면 이러한 요소를 조정합니다. AccessiBe가 항상 지원한다는 사실을 알고 웹사이트를 편집할 수 있습니다.

5. 오디오아이

AudioEye는 사이트의 접근성 문제를 표시하고 해결 방법에 대한 조언을 제공하는 대시보드입니다. 그들은 15년 이상의 경력을 가지고 있으므로 귀하의 모든 접근성 문제를 해결하는 데 도움이 되는 전문 지식과 지식을 갖추고 있습니다.

그들의 도구와 전문적인 조언도 법적 문제를 피하는 데 도움이 될 수 있습니다. 그들은 잠재적인 문제를 발견하고 사람들이 보기 전에 문제를 해결하는 데 도움을 줍니다. 이미 법적 문제가 있는 경우 해당 팀이 조언자 역할을 하여 문제를 해결하는 데 도움을 줄 것입니다. 이 지원은 소송에 직면하더라도 결코 혼자가 아니라는 것을 의미합니다.

6. 사용자 1st

User1st는 접근성 문제를 찾아내는 웹사이트 감사를 수행합니다. 이러한 문제를 스스로 해결하는 방법을 배우거나 전문가 팀이 해결 방법을 교육하도록 할 수 있습니다. 이 분야에서 팀을 교육하면 특정 접근성 요구 사항이 있는 고객을 지원할 수 있습니다.

이 지식은 또한 사이트에 액세스할 수 있도록 하기 위해 도구, 플러그인 또는 전문가에 항상 의존할 필요가 없으며 모든 작업을 직접 수행할 수 있음을 의미합니다. 저축한 돈을 추가 교육이나 더 긴급한 작업에 사용할 수 있습니다. 접근성을 개선하기 위해 누군가를 고용해야 하는 경우 그들이 잘 하고 있는지 알 수 있는 지식이 있을 것입니다.

7. 퍼킨스 액세스

Perkins Access는 웹 사이트 스케치를 검토하고 완성된 웹 사이트에 액세스할 수 있도록 만드는 팁을 공유합니다. 검토 프로세스는 코드 한 줄을 작성하기 전에 일찍 시작됩니다. 사이트를 시작한 후가 아니라 첫 번째 단계로 이 작업을 수행하면 액세스할 수 없는 웹사이트를 다시 디자인하는 데 드는 비용과 시간을 절약할 수 있습니다.

그들의 모형 검토 프로세스는 또한 다른 웹 요소 중에서 올바른 글꼴 크기, 색상, 이미지 및 CTA를 선택하는 데 도움이 됩니다. 이 가이드라인은 처음부터 웹사이트에 액세스할 수 있도록 합니다. 또한 페이지에서 가장 관련성이 높은 섹션으로 사용자를 안내하여 더 많은 판매를 유도할 수 있습니다.

8. TPGI의 색상 대비 분석기(CCA)

TPGI의 무료 색상 대비 분석기를 사용하여 웹사이트의 색상 대비를 잘 확인할 수 있습니다. 색상이 너무 비슷하면 사람들은 요소를 구별하고 텍스트를 읽는 데 어려움을 겪습니다. 시각 장애가 있는 사람들은 훨씬 더 힘든 시간을 보내고 종종 귀하의 사이트를 사용할 수 없습니다.

이러한 개인의 요구를 간과한다는 것은 WCAG에서 요구하는 대비 수준을 무시한다는 것을 의미합니다. 이로 인해 회사는 법적 문제에 직면할 수 있습니다. 한편, 민간 부문의 사람들은 잠재 고객을 놓칠 것입니다. 웹사이트를 탐색할 수 없는 사람은 제품에 대해 문의할 수 없습니다.

대비 검사기를 사용하면 두 색상이 너무 유사한지 알려줌으로써 웹사이트에 액세스할 수 있습니다. 추가한 색상의 유사한 색조, 톤 및 음영으로 실험할 수 있습니다. 이렇게 하면 사용하려는 색상과 유사한 색상을 찾을 수 있지만 다른 색상과 충분히 대비되어 명확하게 다릅니다.

9. #NoMouse 챌린지

일부 사람들은 마우스 사용을 어렵게 만드는 장애가 있습니다. #NoMouse Challenge는 메뉴, 버튼 및 대화 상자와 같은 웹 사이트 기능을 키보드만으로 사용할 수 있는지 테스트합니다.

키보드만 있으면 마우스 없는 페이지 세션을 시뮬레이션할 수 있습니다. Tab 키를 눌러 페이지가 한 링크, 양식 또는 버튼에서 다음 링크로 전환되는지 확인합니다. 또는 Shift + Tab을 눌러 이전 항목으로 이동하는지 확인합니다. 테스트에 실패하면 페이지 하단으로 스크롤하여 탐색 문제에 대한 솔루션을 찾을 수 있습니다.

10. Harvard의 캡션 및 설명 원칙

Harvard의 간략한 가이드는 비디오를 들을 수 없는 사람들이 계속 볼 수 있도록 필사본, 캡션 및 설명을 사용하는 방법을 설명합니다. 이러한 지침을 무시하면 장애가 있는 사람들이 귀하의 비디오를 시청하기가 더 어려워지고 잠재적인 고객에게 비용이 발생합니다.

그러나 이러한 원칙은 장애인에게만 도움이 되는 것은 아닙니다. Verizon에 따르면 소비자의 92%가 휴대전화의 소리를 끄고 동영상을 시청합니다. 자막을 사용하여 잘 들리지 않거나 단순히 음소거로 보고 싶은 사람들의 주의를 끌 수 있습니다.

이 가이드에는 캡션과 설명을 포함하는 방법을 설명하는 포괄적인 문서에 대한 링크가 있습니다. 이 기사에는 직접 수행하는 방법에 대한 단계별 지침과 대신 수행할 사람을 고용하는 방법에 대한 팁이 포함되어 있습니다. 가장 일반적인 비디오 및 오디오 형식을 다루므로 제안 사항이 프로젝트에 도움이 될 것입니다.

가이드에는 비디오에 액세스할 수 있는지 확인하기 위해 스스로에게 물어볼 수 있는 세 가지 질문이 포함된 섹션이 있습니다. 모든 질문에 대한 답이 긍정적일 때까지 페이지의 교훈을 적용하십시오.

11. 디지털 세계를 위한 포괄적인 디자인: 접근성을 염두에 둔 디자인, Regine Gilbert

Regine Gilbert의 책은 접근 가능한 앱이나 웹사이트를 디자인하기 위한 도구와 단계를 제시합니다. 이 정보는 사용자 경험 디자이너로 일하고 디지털 접근성 및 인클루시브 디자인을 연구한 그녀의 10년 경험을 기반으로 합니다.

이 책에는 접근성 문제를 안내하는 사례 연구가 포함되어 있습니다. 이러한 문제 뒤에 숨은 뉘앙스, 문제의 원인 및 전문가가 해결 방법을 배웁니다. 이 수준의 세부 정보는 이러한 상황에 대한 포괄적인 이해를 제공합니다. 업무 시간에 마주할 때쯤이면 자신 있게 해결할 수 있을 것입니다.

12. 모든 사람을 위한 접근성 (Laura Kalbag)

웹 디자이너이자 개발자인 Laura Kalbag은 모두를 위한 접근성에서 접근 가능한 디자인을 계획하고 테스트하는 방법을 알려줍니다. 그녀는 먼저 접근성 요구 사항과 환경을 요약합니다. 그런 다음 Kalbag은 접근 가능한 코드를 작성하는 방법에 대한 고급 지침을 제공합니다.

일부 사람들은 소프트웨어에 의존하여 웹사이트를 탐색하기 때문에 접근 가능한 코드를 작성해야 합니다. 이 소프트웨어는 페이지의 코드를 읽어 어디로 이동할지 알아냅니다. 코드에 액세스할 수 없는 경우 보조 기술은 메뉴, 버튼 또는 슬라이더와 같은 요소를 감지하지 않으므로 장애가 있는 사용자는 마우스나 키보드를 사용하는 사람이 액세스할 수 있더라도 액세스할 수 없습니다.

13. 웹접근성 전문가(WAS) 인증

WAS 인증 시험은 고급 접근성 주제에 대한 지식을 테스트합니다. 기본적인 접근성 규칙을 뛰어넘습니다. 예를 들어 사용자가 코드에서 접근성 문제를 식별할 수 있는지 여부와 디자인 결정의 결과를 예측할 수 있는지 여부를 테스트합니다.

모든 질문에 올바르게 답하지 않을 수 있습니다. 그렇다면 잘 대답하지 못한 질문을 다시 살펴보고 이러한 주제를 조사하고 배운 내용을 구현하여 방문자에게 보다 쾌적한 웹 사이트 경험을 제공하십시오.

시험은 어렵습니다. 이를 전달하면 이해 관계자에게 회사의 접근성 노력을 지시할 수 있음을 보여줄 수 있습니다. 이러한 신뢰는 그들이 당신이 제시하는 프로젝트에 더 많이 투자하도록 만들 수 있습니다.

14. 일리노이 대학의 정보 접근성 디자인 및 정책(IADP) 과정

때로는 접근성 디자인과 같은 까다로운 주제를 마스터하는 데 도움이 되는 실제 지침이 더 필요합니다. IADP 과정은 디자인 원칙과 같은 기본적인 접근성 주제를 가르치는 것으로 시작합니다. 그런 다음 떠오르는 미디어가 풍부한 디자인 트렌드와 같은 고급 개념으로 이동합니다. 포괄적인 강의 계획은 접근성 요구 사항에 빠르게 적응해야 하는 사람들에게 적합한 코스입니다.

이 프로그램은 기본 개념에서 고급 전술까지 진행하면서 세 가지 영역으로 나뉩니다. 이 순서를 통해 주제에 대해 배우고, 수업을 적용하고, 각 영역의 팁을 테스트할 수 있습니다. 또한 웹 접근성을 처음 접하는 사람들이 복잡한 주제에 뛰어 들기 전에 기본 사항을 파악할 수 있습니다.

15. PFL(Person-First Language)의 단점에 관한 기사

장애 권리 운동가 Emily Ladau는 1인칭 언어가 장애가 있는 사람들의 기분을 상하게 할 수 있다고 주장합니다. 이는 사람을 모국어로 하는 것이 사람과 장애를 구분하기 때문입니다. 예를 들어, 말을 들을 수 없는 사람을 “청각 장애인”이라고 부를 수 있습니다.

Ladau는 이 문구가 낙인과 싸우는 것을 목표로 하지만 실제로는 낙인을 증폭시킨다고 주장합니다. 그것은 당신이 그들을 장애로부터 분리해야만 누군가가 완전한 사람이 될 수 있음을 의미합니다. 더 나은 대안은 신원 우선 언어를 사용하는 것입니다. 귀머거리인 사람은 이 언어로 "귀먹은 사람"이 될 것입니다. Landau에 따르면 정체성 우선 언어는 경멸적인 것이 아닙니다.

Ladau는 청각 장애인과 자폐증이 있는 사람들이 다른 사람들이 그들을 자폐증이나 청각 장애인이라고 부를 때 그것을 선호한다는 것을 발견했습니다. 이는 이러한 특성이 정체성의 일부이기 때문입니다. 그들을 사람과 분리시킨다는 것은 그들을 수치스럽게 대하는 것을 의미합니다.

에세이는 개인 우선 언어를 정체성 우선 언어로 대체하기 위한 실행 가능한 조언을 공유합니다. 또한 이러한 사람들과 상호 작용할 때마다 따라야 할 원칙을 제공합니다.

16. eLearning 접근성: 학습 경험 향상

Omniplex의 웨비나는 누구나 배울 수 있는 온라인 과정을 만드는 방법에 대해 설명합니다. 교훈은 학습 및 개발 공간에서 경험을 훈련한 전문가로부터 나옵니다. 결과적으로, 웨비나는 코스를 설계할 때 사람들이 염두에 두어야 할 장애를 가르칩니다.

이 회사는 해당 분야의 전문가를 돕기 위한 도구를 제공하는 회사와 파트너 관계를 맺고 있습니다.

• 온라인 과정 만들기
• 학습 자료 관리
• 가상 학습 경험 만들기

사람들이 배우는 데 도움이 되는 이러한 광범위한 지식을 통해 Omniplex는 복잡한 질문에 쉽게 답할 수 있습니다.

Vyond를 사용하여 접근 가능한 비디오 만들기

Vyond를 사용하여 모든 방문자의 관심을 끌고 유지하는 매력적인 비디오를 애니메이션할 수 있습니다. 자산 갤러리에는 어떤 상황이든 만들 수 있는 수백 가지의 소품, 캐릭터 및 사운드가 있습니다. 코스나 비디오에 친숙한 시나리오를 추가하면 시청자가 캐릭터의 입장이 되어 보는 데 도움이 됩니다. 비슷한 상황에 직면하면 배운 대로 행동합니다.

비디오가 준비되면 이 기사의 리소스에 따라 비디오에 액세스할 수 있도록 하는 캡션, 사운드, 텍스트 변환 및 기타 요소를 포함합니다.

무료 평가판 시작