WordPress 사이트의 접근성을 높이는 방법
게시 됨: 2022-11-17WordPress는 다양한 접근성 도구와 플러그인을 제공하지만 이를 효과적으로 사용하는 것은 웹 제작자에게 달려 있습니다.
WordPress의 성공에는 몇 가지 요인이 있습니다. 쉬운 학습 곡선과 지원 커뮤니티가 있는 오픈 소스 웹 기술입니다. 하지만 이것이 워드프레스가 인터넷의 모든 웹사이트의 1/3을 차지할 만큼 인기가 급증한 유일한 이유는 아닙니다.
이것은 accessiBe의 콘텐츠 관리자인 Yoni Yampolsky가 작성한 게스트 게시물입니다. 게스트 포스트를 작성하고 싶다면 언제든지 저희에게 연락하십시오.
그러나 그것보다 더 많은 일이 있습니다.
예를 들어 WordPress는 접근성이 준비되어 있습니다. WordPress에서 WCAG 2.0 호환 웹사이트를 만드는 것은 쉽습니다. WordPress 자체는 개발자가 WordPress Accessibility Coding Standards의 접근성 정책을 준수하도록 요구합니다.
그러나 그렇다고 해서 모든 WordPress 웹사이트에 즉시 액세스할 수 있다는 의미는 아닙니다 . 접근성 문제에 대해 WordPress 테마 및 플러그인을 신중하게 조사하고, 문제를 해결하고, 모범 사례가 변경됨에 따라 접근성을 개선하기 위해 노력해야 합니다.
다행스럽게도 WordPress는 비기술적인 웹 제작자에게도 고통 없는 프로세스를 제공합니다. 플러그인, 테마 및 기타 기술의 선택은 궁극적으로 웹사이트의 사용자 경험에 대한 접근성에 영향을 미칠 수 있습니다 . 장애가 있는 사용자에게 탁월한 사용자 경험을 제공하면 모든 사람이 웹사이트를 더 쉽게 사용할 수 있습니다.
웹 사이트를 액세스 가능하게 만드는 것은 무엇입니까?
접근 가능한 웹사이트는 장애가 있는 사람들에게 간단하고 잘 설계된 사용자 경험을 제공합니다. 웹 사이트를 액세스 가능하게 만들면 다른 방법으로는 접근할 수 없는 사람들(전 세계 인구의 약 15%)에게 도달할 수 있는 능력이 향상됩니다.
액세스 가능한 웹사이트를 만드는 것은 장애가 있는 사용자에게 필요한 핵심 기능을 제공하는 것과 관련이 있습니다 . 이러한 편의가 없으면 웹 사이트를 제대로 사용하기 어렵거나 불가능할 수 있습니다.
장애에는 여러 가지 유형이 있습니다. 사실, 모든 장애에 대한 포괄적이고 보편적으로 인정되는 목록은 없습니다. 미국 장애인법(ADA)은 장애를 정의하고 자격이 되는 일반적인 의학적 상태를 식별합니다. 웹 제작자에게 가장 중요한 조건은 다음과 같습니다.
- 실명, 색맹 및 기타 시각 장애
- 난청 및 난청
- 손가락, 사지 상실, 운동 기능 장애
- 여러 종류의 자폐증 및 지적 장애
- 간질 및 다발성 경화증과 같은 신경 장애
장애는 다양한 방식으로 다양한 사람들에게 영향을 미칩니다. 웹 사이트에 액세스할 수 있으려면 광범위한 잠재적 영향을 수용해야 합니다.
이를 수행하는 가장 좋은 방법은 웹 콘텐츠 접근성 지침(WCAG) 2.0을 면밀히 따르는 것입니다. 이러한 프로토콜은 대부분의(전부는 아님) 장애가 있는 사람들이 웹 콘텐츠에 액세스하는 데 사용할 수 있는 사용성 기능 및 편의를 설명합니다.
이러한 지침 중 다수는 특정 장애가 있는 사람에게 필요한 특정 편의 시설을 설정합니다. 다른 것들은 더 일반적으로 장애 커뮤니티 전체에 적용됩니다. WCAG 2.0 표준의 몇 가지 예는 다음과 같습니다.
- 이미지에 대체 텍스트를 제공합니다. 이를 통해 이미지를 볼 수 없는 사람들이 이미지가 묘사하는 내용을 이해할 수 있습니다.
- 웹 사이트 배경과 전경 텍스트 간에 적절하게 강한 색상 대비를 제공합니다.
- 사용자가 화면을 벗어나 읽을 수 없게 만들지 않고 텍스트 크기를 변경할 수 있습니다.
- 설명이 포함된 하이퍼텍스트 링크를 작성합니다. 이것은 화면 판독기 사용자에게 "여기를 클릭하십시오" 또는 "자세히 보기"가 제공하지 않는 컨텍스트를 제공합니다.
- 굵은 텍스트로 콘텐츠 블록을 구분하는 대신 적절한 HTML 헤더 태그를 사용합니다.
WordPress는 이러한 모든 편의를 지원할 수 있습니다 . 그렇다고 모든 WordPress 웹사이트가 자동으로 규정을 준수한다는 의미는 아닙니다. 사용하는 WordPress 기술과 웹 페이지 디자인 방식에 따라 크게 달라집니다.
사이트에 액세스할 수 있는지 여부를 어떻게 테스트할 수 있습니까?
접근성 준수를 달성하기 위한 만능 솔루션은 없습니다 . 모든 웹사이트는 다르게 작동합니다. 웹 사이트 접근성의 진정한 테스트는 장애가 있는 개인이 실제로 사용하는 것입니다.
그러나 자동화된 도구는 웹 제작자가 가장 일반적인 접근성 문제를 식별하고 해결하는 데 도움이 될 수 있습니다 . 이는 WCAG 정책이 구체적으로 지적하는 접근성 표준입니다. 자동화된 접근성 검사기는 접근성 보장을 향한 중요한 단계인 WCAG 준수를 달성하는 데 도움이 될 수 있습니다.
accessScan은 강력하고 포괄적인 접근성 검사기의 예입니다. 웹사이트의 모든 페이지를 살펴보고 WCAG 기술 요구 사항에 대해 확인합니다. 이 보고서는 웹 사이트에 문제가 있는 위치를 정확하게 알려주고 해당 문제에 대한 솔루션을 제공합니다.
이는 웹 접근성을 향한 여정의 핵심 출발점 을 제공합니다. 웹 사이트가 직면한 문제를 알게 되면 이를 해결하는 프로세스를 시작할 수 있습니다.
모든 문제를 해결한다고 해서 모든 장애가 있는 모든 사람이 귀하의 웹사이트를 쉽게 사용할 수 있다는 보장은 없습니다 . 구현할 수 있는 몇 가지 즉각적인 수정 사항을 보여줌으로써 접근성을 향한 길을 시작할 수 있습니다. 이러한 변경 사항을 배포하고 웹 사이트를 다시 확인하면 접근성 결과가 향상됩니다.
기존 접근성 격차를 해결하는 방법
자동 접근성 검사기를 실행하면 웹 사이트의 접근성을 개선할 수 있는 방법에 대한 주요 데이터를 얻을 수 있습니다. 해결해야 할 문제 목록이 있으면 해당 목록을 체계적으로 살펴보고 WordPress 기술 스택에 대한 개선 사항을 구현해야 합니다 .
이를 위해서는 WordPress 플러그인을 재구성해야 할 수 있습니다. 모든 플러그인이 접근성을 염두에 두고 제작된 것은 아닙니다 . 기본적으로 사용자에게 접근 가능한 경험을 제공하는 플러그인은 상대적으로 적습니다. 종종 웹 제작자가 설정을 구성하고 의도적으로 접근성 기능을 활성화하도록 요구합니다.
2022년 기준으로 70,000개 이상의 WordPress 플러그인이 존재하며 각 플러그인 에 고유한 접근성 문제를 식별할 방법이 없습니다 . 플러그인은 자체적으로 발생하지 않는 접근성 문제를 생성하는 방식으로 서로 상호 작용할 수 있습니다.
단일 플러그인에서 발생하는 접근성 문제를 식별한 경우 이를 성공적으로 재구성할 수 있습니다. 웹사이트의 문제가 더 복잡한 경우 접근성 준수를 달성하는 데 더 많은 시간과 리소스를 할애해야 할 수 있습니다 .
접근성 플러그인을 사용하여 WordPress 웹사이트의 접근성 성능을 개선할 수 있습니다 . 간단한 무료 플러그인부터 accessiBe와 같은 정교한 AI 기반 접근성 플랫폼에 이르기까지 다양한 옵션을 사용할 수 있습니다. 후자는 WordPress 사이트가 ADA 준수를 달성하는 것을 볼 수 있는 WordPress 접근성 플러그인을 제공합니다.
이러한 도구 중 최고의 도구는 웹 제작자가 수십 개의 플러그인을 수동으로 힘들게 재구성하지 않고도 접근성 장애를 해결하는 데 도움이 될 수 있습니다. 이렇게 하면 접근성 격차를 해결하는 프로세스가 간소화됩니다.
액세스 가능한 WordPress 사이트를 처음부터 만드는 방법에 대한 팁
액세스 가능한 웹 환경을 처음부터 만드는 것이 기존 환경을 재구성하는 것보다 훨씬 쉽습니다. 접근성은 웹 제작의 디자인 단계에서 가장 잘 추구됩니다 . 장애가 있는 사용자를 성공적으로 수용하는 기술과 접근 방식을 선택하는 것이 가장 쉬운 때입니다.
테마를 사용하여 WordPress 웹사이트를 구축하려는 경우 인기 있는 공식 WordPress 릴리스를 안정적으로 사용할 수 있습니다. 플랫폼의 테마 저장소를 통해 사용할 수 있는 9000개 이상의 공식 WordPress 테마는 모두 WCAG와 호환 됩니다. 여기에는 Astra, OceanWP, Neve 등과 같은 가장 인기 있는 테마가 포함됩니다.
그러나 공식 리포지토리 외부에서 사용할 수 있는 수만 개의 테마가 있으며 그 중 몇 개가 WCAG 표준을 충족하는지 확인할 방법이 없습니다 . 비준수 테마를 포함하는 웹 제작자는 이러한 표준을 충족하기 어려울 수 있습니다.
웹 제작자는 플러그인에 대해 동일한 접근 방식을 적용해야 합니다. 모든 플러그인이 접근성을 염두에 두고 설계된 것은 아닙니다. 그 사실을 보여주는 경향이 있는 플러그인이므로 WCAG 준수를 광고하는 플러그인을 찾으십시오 .
이러한 기술은 이미지에 대한 대체 텍스트 기능, 전체 키보드 상호작용 및 액세스 가능한 드롭다운 메뉴와 같은 기능을 촉진해야 합니다. 이러한 조정이 없는 테마 및 플러그인은 호환되지 않을 수 있습니다.
웹 사이트를 100% WCAG 호환 인프라에서 실행하는 것이 좋습니다 . 그러나 최종 결과도 규정을 준수한다는 보장은 없습니다. 여전히 페이지를 적절하게 디자인하고 접근성 실수를 피해야 합니다.
WordPress 웹 사이트 개발의 디자인 단계에서 WCAG 준수를 보장하는 또 다른 방법이 있습니다. 액세스 가능한 웹 사이트 빌더 는 처음부터 액세스 가능한 웹 페이지를 쉽게 만들 수 있는 간단한 끌어서 놓기 사용자 인터페이스를 제공할 수 있습니다.
WCAG 호환 웹 사이트 빌더는 액세스 가능한 웹 페이지 템플릿 , 양식 및 기타 도구를 제공할 수 있습니다. 이를 통해 웹 제작자는 규정을 준수하지 않을 위험 없이 고유한 웹사이트를 만들 수 있습니다. 사이트 빌더는 웹 페이지가 HTML 구조 지침을 따르고 텍스트 대비를 적절하게 표시하는 등의 작업을 수행하는지 확인합니다.
접근성은 지속적인 노력입니다.
웹 제작자 는 한 번 구현하고 잊어버릴 수 있는 또 다른 기술로 접근성에 접근하는 경우가 많습니다. 그것은 성공의 비결이 아닙니다. 인터넷은 끊임없이 변화하고 있으며 이에 따라 웹 접근성 표준도 변경되어야 합니다 . 현재 작동하는 솔루션이 몇 년 후에는 작동하지 않을 수 있습니다.
웹 제작자는 접근성이 제공하는 가치를 인식하고 전 세계 장애인 커뮤니티의 사용자에게 다가가는 데 시간을 할애해야 합니다. 때때로 그것은 약간의 추가 작업을 의미합니다. 하지만 그 일은 중요합니다. 그리고 웹사이트가 인구의 15%에 도달할 수 있는 능력을 높일 수 있습니다 .
WCAG 2.0 준수는 웹 접근성을 위한 좋은 출발점 입니다. 웹 제작자는 사용자에게 주의를 기울이고 제안된 대로 편의를 제공해야 합니다. 이 프로세스는 지속적이며 전반적으로 지속적으로 개선되는 사용자 경험 지표를 생성합니다. 접근성에 대한 투자는 WordPress 웹 경험을 모두에게 보다 사용자 친화적으로 만듭니다.