웹 접근성의 기본

지금쯤이면 액세스 가능한 웹사이트를 갖는 것이 필수라는 것을 아셨기를 바랍니다. 이는 윤리와 형평성의 문제일 뿐만 아니라 법적 요구 사항이기도 합니다.

미국 및 기타 많은 국가에서는 웹 접근성과 관련된 법률 및 규정을 제정했습니다. 웹 접근성 및 ADA에 대한 지침에 따르면 "장애인을 위한 웹 접근성은 법무부의 우선 순위입니다."

최근 몇 년 동안 사이트에 액세스할 수 없는 회사 및 기관에 대한 소송이 증가했습니다. 결론: 예, 귀하의 웹사이트가 ADA 표준에 부합하지 않으면 소송을 당할 수 있습니다. 그것이 걱정스럽게 들릴지 모르지만, 이것을 공유하는 나의 요점은 웹 접근성이 중요하다는 것을 설명하기 위한 것입니다. 그렇게 말하는 법이 있어서가 아니라 접근성이 충분한 사람들에게 영향을 미치기 때문에 웹 전체에서 공평한 액세스를 보장하는 법이 마련되어 있기 때문입니다.

웹용 접근성을 처음 사용하는 경우 올바른 위치에 있습니다! 접근성에 대해 알아야 할 기본 사항을 살펴보겠습니다.

웹 접근성이 중요한 이유

물리적 접근성은 가시적이기 때문에 대부분의 사람들이 더 쉽게 이해할 수 있습니다. 예를 들어 휠체어 사용자는 일반 주차 공간을 사용할 수 없으며 건물에 들어가기 위해 계단을 탐색할 수도 없습니다. 접근 가능한 주차장과 경사로는 우리가 보고 이해할 수 있는 접근성의 물리적 표현입니다. 물론 이것이 물리적 접근성 요구의 유일한 종류는 아니며, 장기적으로 볼 때 우리는 공공 공간을 탐색하는 데 어려움을 겪는 수많은 다른 사람들을 해결하기 위해 물리적 공간에서 아직 갈 길이 멉니다(그러나 그것은 또 다른 이야기입니다. ).

인터넷 초창기에는 다양한 접근성 요구 사항을 가진 사용자는 고사하고 대부분의 온라인 공간이 사용자를 염두에 두고 설계되지 않았습니다. 개인적, 직업적, 시민적 요구에 대해 웹에 더욱 의존하게 됨에 따라 사용자 경험에 대한 관심은 사이트 구축 및 유지 관리의 핵심 부분이 되었습니다.

불행히도 단순히 "사용자 경험"을 위한 디자인이 다른 경험을 가진 다양한 사용자를 고려하지 않는다는 것을 깨닫는 데 오랜 시간이 걸렸습니다. 예를 들어, 사용자에게 친숙해 보이지만 일부 사용자가 식별하기 어렵거나 불가능한 색상을 사용하는 새 웹 사이트를 만드는 것은 해당 방문자에게 좋지 않은 경험을 제공합니다. 또는 캡션이 없는 동영상이나 대체 텍스트가 없는 이미지를 업로드하면 사이트 방문자의 일부가 즉시 제외됩니다.

접근 가능한 사이트는 방문자의 장벽을 줄이고 법적 문제의 위험을 줄이며 단순히 더 윤리적이고 평등합니다. 웹 접근성이 중요한 이유는 무엇입니까? 다음은 공정한 목록입니다.

• 웹사이트에 액세스할 수 없으면 상당한 양의 방문자와 잠재 고객을 놓치고 있는 것입니다.
• 액세스 가능한 웹 사이트는 모든 사람에게 더 나은 사용자 경험을 제공합니다.
• 접근성이 좋은 SEO로 연결되어 탐색하기 쉬운 사이트가 더 잘 전환됩니다.

접근성 기본

접근성은 매우 중요한 측면이지만 이미지의 대체 텍스트와 비디오의 캡션 그 이상을 포함합니다. 사실, 접근성을 위한 설계는 다음을 포함한 다양한 장애를 설명하는 것을 의미합니다.

• 시각 : 시각 장애, 색맹, 시각 장애 등
• 인지 : 난독증, 자폐증, 학습장애 등
• 청각 : 난청 또는 난청과 같은
• 신경계 : 간질, 기억상실, 기능신경장애 등
• 신체 : 파킨슨병, 절단, 반복적 스트레스 손상 등

이러한 범주에는 나열된 예보다 훨씬 더 많은 것이 포함되며, 많은 경우 요구 사항을 이해하는 것을 중요하게 만드는 보조 기술 유형(예: 화면 판독기, 음성 인식 또는 대체 키보드 등)이 필요합니다. 또한, 비영구적 장애 및 기타 요구 사항은 이러한 범주에 속합니다. 예를 들어 팔이 부러진 사람, 이명을 앓고 있는 사람 또는 기술 사용에 어려움을 겪는 고령 사용자가 있습니다.

W3C(World Wide Web Consortium)의 지침에 따르면 웹 접근성의 원칙은 사용자가 "웹을 인지하고, 이해하고, 탐색하고, 상호 작용할 수" 있는 것입니다. 접근성 모범 사례를 설계하고 구현한다는 것은 이러한 원칙을 따르고 모든 요소에서 포괄성을 실천하는 것을 의미합니다. 접근성의 일부 측면에는 더 복잡한 계획 및 구현이 필요할 수 있지만 대부분은 즉시 시행하기 쉽습니다. 이에 대해서는 다음에 다루겠습니다.

지금 접근성 구현

이상적으로는 접근성이 처음부터 전략의 일부이며 웹사이트는 모범 사례를 염두에 두고 구축되었습니다. 하지만 이미 웹사이트가 있다면 괜찮습니다! 지금 접근성 측정을 시작하고 가능한 한 사이트에 필요한 조정을 수행할 수 있습니다.

서면 내용

특히 사이트에 정기적으로 새 기사나 페이지를 추가하는 경우 콘텐츠를 시작하는 것이 좋습니다. 액세스 가능한 콘텐츠에 대한 몇 가지 빠르고 쉬운 팁은 다음과 같습니다.

• 글이 명확하고 간결하며 읽기 쉬운지 확인하십시오. 지나치게 복잡한 언어, 과도한 은유, 설명 없는 두문자어, 긴 문장은 피하십시오.
• 가능한 경우 짧은 단락과 소화하기 쉬운 목록 항목을 포함하여 페이지 전체에 공백을 사용하십시오.
• 페이지를 논리적으로 구성하기 위해 적절한 제목(h2, h3 등)을 사용하여 형식을 지정합니다.
• 페이지 제목이 명확하고 올바른 형식인지 확인합니다. 기울임꼴 및 굵게와 같은 과도한 서식을 피하십시오.
• 링크를 설명할 때 "여기를 클릭하십시오."와 같은 말을 하지 마십시오. 제목, 목록 항목 및 기타 콘텐츠 구조가 올바르게 표시됩니다.

기타 콘텐츠 유형

접근성 모범 사례를 구현하는 또 다른 쉬운 방법은 멀티미디어 콘텐츠를 처리하는 것입니다. 다음은 몇 가지 기본 지침입니다.

• 이미지에는 이미지가 무엇인지 설명하는 간결하고 설명적인 대체 텍스트가 있어야 합니다.
• 오디오 콘텐츠(예: 팟캐스트 또는 인터뷰)에는 필사본이 있어야 합니다.
• 비디오 콘텐츠에는 캡션과 스크립트가 있어야 합니다.

양식

양식은 웹사이트의 중요한 부분입니다. 주요 기능이 현재 고객에게 연락할 수 있도록 하는 것이든 잠재 고객에 대한 데이터를 캡처하는 것이든 간에 양식에 액세스할 수 있어야 합니다. 액세스 가능한 양식을 만드는 것은 모든 사람에게 좋습니다. 다음은 몇 가지 모범 사례입니다.

• 양식은 가능한 한 적은 수의 필드로 단순해야 합니다.
• 양식에는 양식 작성에 대한 기본 지침과 양식을 작성할 때 발생하는 일(예: 누군가가 연락하거나 다운로드할 eBook을 받게 됨)이 포함되어야 합니다.
• 양식은 오류 및 성공적인 완료에 대한 명확한 입력을 제공해야 합니다.
• 각 필드에는 필요한 경우 힌트 또는 예와 함께 명확하게 레이블이 지정되어야 하며 필수 필드에도 명확하게 레이블이 지정되어야 합니다.

디자인 및 탐색 요소

일부 설계 모범 사례는 시간이 많이 걸리고 개발자가 필요할 수 있지만 구현할 수 있는 몇 가지 쉬운 설계 기능은 다음과 같습니다.

• 대비를 사용하여 현재 문제를 업데이트합니다.
• 대화형 항목의 유일한 지표인 색상 인스턴스를 변경합니다.
• 탐색이 논리적이고 인지 가능한지 확인하십시오.

접근성을 위한 더 많은 디자인을 수행할 준비가 되면 W3C 표준을 알아야 합니다. 사이트를 업데이트하는 방법에 대한 구체적인 내용을 다루는 수많은 온라인 리소스가 있습니다. 변경 사항 중 일부가 귀하의 기술 수준을 넘어서는 경우 접근성에 정통한 웹 개발자를 고용하는 것을 고려할 수도 있습니다(솔직히 말해서 일부는 상당히 기술적인 것이기 때문입니다!). 개발자가 필요할 수 있는 구현해야 하는 몇 가지 기능은 다음과 같습니다.

• 많은 사용자가 마우스를 사용하지 않고 웹 페이지를 탐색하므로 사이트를 키보드 친화적으로 만드십시오(탭, 이스케이프 및 화살표 키를 사용하여 탐색하는 기능).
• 방문자가 필요에 따라 확대하여 읽을 수 있도록 텍스트의 크기를 조정할 수 있는지 확인합니다.
• 적절한 마크업을 사용하십시오(자세한 정보는 웹 디자인을 위한 W3C의 팁을 확인하십시오).

장기 접근성 전략

기본 사항을 숙지했다면 접근성을 업데이트하고 유지하기 위한 장기 계획을 세우는 것이 좋습니다. 여기에는 접근성이 비즈니스 목표 및/또는 목적 선언문에 어떻게 부합하는지 결정하고, 접근성을 책임질 개인이나 그룹을 지정하고, 표준을 모니터링, 테스트 또는 검토할 정기적인 시간 설정이 포함될 수 있습니다.

예를 들어 개발자가 변경해야 하는 변경 사항과 같이 처음에 다룰 수 없는 기본 사항은 계획을 세워야 합니다. 이러한 유형의 업데이트를 backburner에 넣고 잊어버리거나 업데이트할 시간이 없는 것은 너무 쉽습니다. 예산에 변경 사항을 위한 공간을 확보하고 접근성에 정통한 개발자를 찾고 일정에 무언가를 기록하십시오.

장기 전략에 관해서는 포괄적인 디자인 접근 방식으로 웹 접근성을 보는 것이 도움이 됩니다. 누가 귀하의 사이트를 방문할 수 있는지 그리고 그들이 성공적으로 탐색(및 전환!)하기 위해 무엇이 필요할지 생각해 보십시오. 종종 특정 도구나 접근 방식은 여러 유형의 사용자에게 실제로 유용합니다. 예를 들어 저시력 사용자에게는 크기를 조정할 수 있는 텍스트가 필요합니다. 스마트폰 방문자도 이 기능을 높이 평가할 수 있습니다. 챗봇이나 문의 양식을 갖는 것은 청각 장애인이나 난청 방문객뿐만 아니라 불안을 경험하는 방문객에게도 유용합니다.

포괄적인 디자인은 가능한 한 많은 잠재 사용자에게 다가갈 수 있도록 도와줍니다. 즉, 더 많은 트래픽, 더 많은 리드 및 모든 사람을 위한 더 나은 웹 경험을 의미합니다. 기간.