웹사이트 접근성 향상에 도움이 되는 10가지 WordPress 플러그인

WordPress는 액세스 가능한 웹 사이트를 만들 때 적절한 출발점을 제공합니다. 예를 들어 최근 기본 테마는 이미 접근성을 염두에 두고 구축되었습니다. 그러나 그것이 당신의 일이 끝났다는 것을 의미하지는 않습니다.

모든 사람이 사이트 탐색 및 콘텐츠에 액세스할 수 있도록 목록을 확인해야 할 항목이 많이 있습니다. 고맙게도 이것은 플러그인 개발 커뮤니티가 실제로 강화된 영역 중 하나입니다. 이제 접근성 문제를 해결하는 데 도움이 되는 다양한 도구에 액세스할 수 있습니다.

다음은 사이트의 접근성을 개선하는 데 도움이 될 수 있는 WordPress 플러그인 모음입니다.

WP 접근성

WP 접근성(최근 인터뷰한 Joe Dolson 저작자)은 일반적인 접근성 문제를 해결하는 다기능 플러그인입니다.

가장 외적인 기능은 사용자가 콘텐츠를 더 쉽게 읽을 수 있도록 도와주는 글꼴 크기 및 색상 계약 도구 모음입니다. 하지만 콘텐츠로 건너뛰기 링크 추가, 더 나은 키보드 탐색을 위한 :focus 상태 링크에 대한 개요 구현, 이미지에 longdesc 활용 등 많은 비하인드 작업도 수행합니다. 각 기능은 설정 페이지를 통해 켜거나 끌 수 있습니다.

WP 접근성 도우미

WP 접근성 도우미는 사용자가 다양한 색상 대비(색상 구성표에서 선택할 수 있음)를 선택하고 원하는 대로 글꼴 크기를 조정할 수 있는 사용자 친화적인 도구 모음을 사이트에 추가합니다. 그러나 링크에 밑줄을 긋거나 강조 표시하는 사용자 옵션, 회색조 이미지, 글꼴 변경 및 키보드 탐색 기능이 있습니다.

플러그인은 또한 다양한 접근성 오류에 대해 사이트를 확인하는 DOM 스캐너를 자랑합니다. 더 많은 것을 추가하는 프로 버전도 있습니다.

접근성 위젯

사용자가 텍스트를 확대할 수 있는 간단한 방법을 원한다면 접근성 위젯이 좋은 옵션입니다. "Small", "Medium" 및 "Large" 텍스트 링크를 제공하는 최소한의 스타일의 위젯입니다. 설정을 통해 영향을 받는 HTML 요소와 글꼴의 크기(또는 작은)를 결정할 수 있습니다.

Equalize Digital의 접근성 검사기

접근성 검사는 사이트 콘텐츠에 대한 실시간 피드백을 제공합니다. 초안으로 게시되거나 저장되면 콘텐츠에 대한 액세스 가능성이 검사됩니다. 그런 다음 플러그인은 발견한 모든 문제에 대한 시각적 개요(및 문제가 되는 코드)를 제공합니다.

무료 버전은 게시물과 페이지를 무제한으로 스캔합니다. Pro 버전은 중앙 집중식 개방형 접근성 문제 목록을 제공하고 웹사이트에 대한 접근성 선언문 초안을 작성하는 데 도움이 되는 맞춤형 게시물 유형을 포함하여 비용을 높입니다.

액세스 모니터

WordPress 플러그인은 시간을 절약할 수 있을 때 가장 좋습니다. Access Monitor는 자동화된 매주 또는 매월 접근성 검사를 수행하여 이를 수행할 수 있습니다. 사용자 정의 페이지 세트를 테스트하도록 플러그인을 구성하면 "확실한" 문제 목록이 반환됩니다. 즉, 플러그인은 컴퓨터에서 테스트할 수 있는 문제만 보고합니다. 이것은 자동 스캔을 괴롭히는 경향이 있는 오탐지 결과의 수를 줄입니다.

Access Monitor를 사용하려면 Tenon.io 서비스에서 무료 API 키를 가져와야 합니다.

Zeno 글꼴 크기 조정기

타이포그래피는 웹사이트 접근성에 큰 역할을 합니다. 사이트의 글꼴이 너무 작으면 많은 사용자가 액세스하지 못할 수 있습니다. Zeno Font Resizer가 도와드리겠습니다.

플러그인을 사용하면 위젯을 통해 원하는 대로 텍스트 크기를 조정할 수 있습니다(크기 조정기는 테마의 코드 스니펫을 통해 구현할 수도 있습니다). 최소 및 최대 글꼴 크기와 각 "단계"에 대한 크기 변경 양을 위아래로 설정할 수 있습니다.

원클릭 접근성

원 클릭 접근성은 사이트 방문자가 다양한 접근성 설정을 조정할 수 있도록 프런트 엔드에 편리한 도구 모음을 추가합니다. 글꼴 크기를 조정하고 색상 대비를 변경하며 하이퍼링크에 밑줄을 긋을 수 있습니다.

백엔드에서 도구 모음에서 사용할 수 있는 항목을 사용자 지정할 수 있습니다. 또한 모든 링크에 개요 포커스를 추가하고 콘텐츠로 건너뛰기 링크를 추가하고 사용자 기본 설정을 기억하는 설정이 있습니다.

대량 자동 이미지 대체 텍스트

사이트 이미지에 ALT 속성이 없으면 스크린 리더 사용자가 이미지에 액세스할 수 없다는 의미입니다. 중요한 정보를 놓칠 수 있습니다.

이 문제를 해결하는 한 가지 방법은 대량 자동 이미지 대체 텍스트와 같은 플러그인을 사용하는 것입니다. 플러그인은 아직 ALT 속성이 설정되지 않은 이미지에서 게시물 제목 또는 Yoast SEO 포커스 키워드와 같은 항목을 사용합니다. 자동으로 작동하므로 모든 미디어를 직접 살펴볼 필요가 없습니다.

설명적인 ALT 속성이 접근성에 더 좋습니다. 따라서이 플러그인은 더 많은 임시 솔루션 역할을 할 수 있습니다.

WP ADA 준수 확인 기본

WP ADA 준수 확인 기본은 가장 일반적인 접근성 오류에 대해 사이트 콘텐츠를 자동으로 검색합니다. 그런 다음 잠재적인 문제와 해결 방법을 지적하는 보고서를 제공합니다.

플러그인의 무료 버전은 스캔당 25페이지/게시물로 제한됩니다. 해당 제한을 제거하려면 플러그인의 정식 버전으로 업그레이드하십시오. 또한 테마 파일을 추가로 확인하고 자동으로 문제를 수정합니다.

접근성 새 창 경고

새 브라우저 탭에서 열리도록 하이퍼링크를 설정하는 것이 일반적이지만 일부 사용자에게는 방향 감각을 잃을 수도 있습니다. 접근성 새 창 경고는 새 탭이 열리기 전에 사용자에게 경고 메시지를 제공하여 도움이 될 수 있습니다.

구성할 설정이 없습니다. 플러그인을 활성화하면 링크에 액세스할 수 있는 도구 설명이 추가되며 마우스를 가져가면 표시됩니다. 보너스로 위에서 언급한 접근성 검사 플러그인과도 통합됩니다.

뒤에 사용자를 남겨두지 마십시오

지난 몇 년 동안 액세스 가능한 웹 사이트를 만드는 것의 중요성에 대한 큰 인식이 생겼습니다. 모든 기지를 커버했는지 확인하는 과정에는 시간이 걸리지만 추가 노력을 기울일 가치가 있습니다. 위에 프로파일된 도구를 사용하면 모든 사용자가 WordPress 사이트를 최대한 활용하는 데 도움이 되는 기능(표시 여부)을 추가할 수 있습니다.