완전히 액세스 가능한 웹 사이트를 만드는 방법에 대한 모범 사례
게시 됨: 2022-06-04우리 모두는 가능한 한 많은 사이트 방문자가 우리 웹사이트를 방문하기를 원합니다. 오늘날 웹사이트 디자인 및 개발은 매우 창의적인 미학에서 보다 빠른 페이지 속도로 기능적인 기능으로 변모했습니다. 하지만 최근 게임 체인저가 있습니다. 무시하기에는 너무 많은 비용이 드는 것입니다. 바로 접근성을 염두에 두고 웹사이트를 만드는 것입니다.
세계보건기구(WHO)의 최근 장애 보고서에 따르면 약 15%의 사람들이 일종의 장애를 겪고 있다고 합니다. 오늘날의 고령화 세대와 만성 질환(자가면역 질환 포함)의 급속한 확산으로 인해 웹상의 장벽을 제거해야 할 필요성은 더 이상 피할 수 없습니다.
접근성에 대해 이야기할 때 가장 먼저 떠오르는 생각은 장애인을 위한 것이지만 웹 페이지 접근성은 모든 사람의 이익을 위한 것입니다. 웹 접근성의 개념은 모든 사람(특히 장애가 있는 사람)이 웹에 액세스하거나 상호 작용할 수 없도록 하는 가능한 온라인 장벽을 제거하려는 의도에서 시작되었습니다. 또한, 장애인 수용에 대한 세계적인 인식이 높아짐에 따라 이러한 사용자에게 혜택을 주는 여러 규정이 통과되고 있습니다. 이것이 바로 ADA 규정 준수 감사 및 웹 접근성을 고려하기 시작해야 하는 이유입니다.
접근성이 점점 더 중요해지는 이유
접근성은 모든 사람, 특히 어떤 형태의 장애를 겪고 있는 사람들에게 평등한 기회와 접근을 제공하기 때문에 점점 더 중요해지고 있습니다. 그것은 그들에게 방해받지 않는 접근을 제공하고 모두를 위한 상호 존중과 평등한 기회의 환경을 장려합니다.
예를 들어 웹은 모든 사람이 액세스할 수 있어야 하는 중요한 리소스가 되었습니다. 액세스 가능한 웹은 특히 장애가 있는 사람들에게 도움이 될 수 있으며 일상 생활을 크게 개선할 수도 있습니다. 온라인 접근성은 모든 형태의 장애(영구 장애, 일시적 장애, 상황 장애 또는 조건부 장애)를 겪고 있는 사람들이 정보에 편리하게 액세스하고 온라인 구매를 하거나 서비스를 요청하는 데 도움이 될 수 있습니다.
불행하게도, 고도로 디지털화된 이 시대에 많은 사용자가 웹을 쉽게 탐색하거나 사용하는 것을 가로막는 많은 온라인 장벽이 있습니다. 웹 접근성 개념을 시작한 그룹인 W3C(World Wide Web Consortium)의 WAI(Web Accessibility Initiative)를 삽입합니다. WCAG(웹 콘텐츠 접근성 지침)는 웹사이트를 개발하는 사람들에게 규칙이나 표준을 제공하는 웹 접근성 지침 시리즈의 일부입니다. 많은 국가에서 규정, 정책 또는 온라인 접근성 모범 사례를 제정하여 이러한 표준을 채택했습니다.
웹 접근성 정의
그러나 완전히 액세스 가능한 사이트를 만들기 전에 먼저 웹 액세스 가능성이 무엇인지 간략하게 살펴보겠습니다.
간단히 말해서, 웹 접근성은 신체적 장애가 있는 사람, 상황적 장애가 있는 사람, 대역폭 및 속도에 대한 사회 경제적 제한이 있는 웹 사이트와 상호 작용하는 것을 방해하는 장벽이 없는지 확인하는 포괄적인 관행입니다. 또한 액세스 가능한 웹 사이트는 모든 보조 장치와도 잘 작동해야 합니다.
일반적으로 접근 가능한 사이트는 유니버설 디자인을 가지고 있습니다. 그 디자인은 사용자의 최소한의 노력이 필요합니다. 또한 사용자 친화적이어야 하며 모든 사람에게 더 나은 온라인 경험을 제공해야 합니다.
웹 접근성 적용
대중적인 믿음과 달리 웹 접근성의 구현은 반드시 어렵거나 비용이 많이 드는 것은 아닙니다. 유니버설 디자인 웹사이트의 표준은 이미 접근 가능한 디자인입니다. 사용자가 다양한 요구 사항을 가지고 있음을 인식합니다. 따라서 웹 사이트의 초기 디자인 동안 기본 가치를 고려하십시오.
웹 접근성의 사용성 원칙과 표준을 결합하고 따르기만 하면 접근 가능한 웹사이트가 됩니다. 다음 규칙을 구현하여 시작할 수 있습니다.
- 터치 컨트롤에 큰 클릭 가능 영역 사용
클릭할 수 있는 작은 타겟을 사용하는 것은 운동 움직임이 제한된 사람들, 시각 문제가 있는 사람들, 심지어 손가락 크기가 큰 사람들에게 성가신 것으로 입증되었으므로 사용하지 마십시오. 대신, 큰 클릭 타겟을 사용하고 사이트를 손상시키지 않는 크기 조정 가능한 텍스트도 활성화하십시오. 40x40pt 사용을 권장합니다. 터치 컨트롤을 위한 클릭 가능한 영역.
- 텍스트 선명도 우선 순위 지정
시각적 문제가 있는 사람들이 웹 콘텐츠의 텍스트 또는 텍스트 블록을 인식하는 데 어려움을 겪지 않도록 텍스트 선명도에 우선 순위를 둡니다.
- 색상에만 의존하지 마십시오.
약 3억 명의 색맹이 있으므로 색에만 의존하는 것은 좋은 생각이 아닙니다. 버튼, 카드 및 기타 웹 기능/요소를 디자인할 때 색상만 사용하는 대신 레이블도 추가하는 것이 좋습니다. 또한 시각 장애를 제외하고 일부 사용자는 집중력 문제 및 색상 관련 심리적 감도가 있으므로 색상 팔레트와 색상 대비를 신중하게 선택하십시오.
- 설명 링크 텍스트
텍스트의 모든 링크를 설명하여 사용자가 다른 링크에서 하나의 링크를 결정할 수 있도록 도와주세요. 이것은 특히 보조 장치를 사용하는 사람들에게 명확성과 사용성을 용이하게 합니다. 또한 클릭 가능한 모든 링크에 밑줄을 긋고 링크 단축을 사용하지 마십시오.
- 스크린 리더용 HTML 콘텐츠 주문
기본적으로 콘텐츠는 스크린 리더 사용자가 더 잘 이해할 수 있도록 논리적인 순서로 구성되어야 합니다. 콘텐츠를 주문할 때 HTML로 주문하고 CSS와 JavaScript를 비활성화하십시오. 이렇게 하면 콘텐츠에 액세스할 수 있는지 더 잘 평가할 수 있습니다.
- 키보드 탐색 지원
웹 디자인에서 전체 키보드 탐색을 활성화하여 사이트에서 마우스를 사용할 필요가 없도록 하십시오. 탭 순서 탐색, 화살표 키 이동을 통한 탐색을 허용하고 클릭 가능한 모든 링크에 대해 텍스트 앵커를 유지해야 합니다.
- 접근성 체크리스트를 따르는 것을 잊지 마세요
위의 방법은 액세스 가능한 사이트를 만드는 데 도움이 되지만 완전히 포괄적이지는 않습니다. 더 많은 접근성 장벽을 해결해야 하며 가장 좋은 방법은 WCAG와 같은 광범위한 리소스를 따르는 것입니다. 접근성 체크리스트는 웹사이트를 접근 가능하게 만드는 방법에 대한 세부 정보를 설명합니다. 이는 완전하고 국제적으로 인정되는 표준이기도 합니다.
접근성 가이드 및 접근성 설명
접근성 선언은 웹 접근성 원칙을 이행하겠다는 공개 선언으로 사용됩니다. 모든 사람이 사이트를 사용하고 탐색할 수 있도록 접근성 기능을 통합하려는 의도를 보여줍니다. 접근성 가이드 및 성명서를 출판할 때는 간결하고 실질적으로 작성하십시오.
사용성 및 접근성 테스트
사용성 테스트는 웹사이트의 유용성을 평가하는 것을 말합니다. 일반적으로 학습 가능성, 효율성, 기억 가능성 및 사용자 만족도와 같은 여러 기준을 기반으로 합니다.
접근성 테스트는 사용성 테스트의 하위 집합이며 일반적으로 웹사이트의 접근성을 테스트하기 위해 도구 또는 실제 사람(일부 장애를 가짐)을 포함합니다.
마지막 생각들
웹 접근성은 어려움에 대한 두려움 없이 모든 사람이 웹에 액세스할 수 있는 평등한 기회를 제공합니다. 실제로 완전히 액세스할 수 있는 사이트를 효과적으로 만들려면 사용자의 입장에 서려고 노력해야 합니다. 이렇게 하면 사용자의 관점에서 사이트를 볼 수 있으므로 사용자의 요구 사항을 볼 수 있습니다.