2022년 최고의 WordPress 접근성 플러그인 10가지: 모든 사람이 사이트를 사용할 수 있도록 지원

게시 됨: 2022-03-04

오늘 저는 WordPress 접근성 플러그인을 사용하여 장애가 있는 사람들을 위한 웹사이트 경험을 개선할 수 있는 방법을 찾고 있습니다.

사람들은 웹사이트를 만들 때 접근성을 간과하는 경우가 많습니다. 그러나 앞으로 보게 되겠지만 여러 가지 이유로 필수입니다.

장애에 대한 한마디

많은 사람들에게 장애는 매우 감동적인 주제입니다. '장애인'이라는 용어조차도 분열적이고 비외교적인 것으로 간주되는 깃털을 흐트러뜨립니다. 불행히도, 그것은 여전히 ​​​​일반적으로 사용되기 때문에 '다른 능력'과 같은 다른 용어가 현재 사용되고 있음을 알고 있지만 이 기사에서 사용할 것입니다.

안타깝게도 일부 사람들은 “모든 사람을 항상 기쁘게 할 수는 없다”고 생각합니다. 그들은 대중에게만 음식을 제공해야 하고, 장애인은 소수라는 이유로 무시되어야 한다고 생각합니다. 참으로 이기적인 관점입니다. 확실히 사람들은 자신의 장애를 선택하지 않으며, 누구나 자신의 잘못 없이 언제든지 장애가 될 수 있습니다.

자신이 장애가 있거나 장애가 있는 사람과 가까운 사람이 아니면 장애가 있는 사람들의 삶이 얼마나 힘든지 완전히 이해하지 못할 것입니다.

나는 이 주제에 대한 전문가라고 주장하지 않습니다. 상대적으로 시력이 좋지 않은 것(나이 관련) 외에는 운이 좋게도 다른 장애가 없습니다. 그러나 제 조카 미샤는 30세에 파킨슨병에 걸렸습니다. 10년이 지난 지금 그녀는 몇 걸음 이상 걷거나 제대로 말할 수 없으며, 샤워나 옷 입기와 같은 기본적인 일을 하려면 상근의 도움이 필요합니다.

미샤는 저소득자들에게 얼마나 어려운 일이며 우리가 당연하게 여겼던 일상적인 일들을 그들이 하는 것이 얼마나 답답한지를 제 눈을 열어주었습니다. 그녀는 이제 의사 소통을 위해 그 어느 때보다 컴퓨터와 휴대 전화에 더 많이 의존하고 있습니다.

여기에서 제 요점은 누가 귀하의 웹사이트를 사용할 수 있는지 염두에 두고 가능한 한 웹사이트에 액세스할 수 있는지 확인하는 것입니다.

웹사이트의 접근성이란 무엇입니까?

간단히 말해서 웹 사이트 접근성은 다음을 의미합니다.

  • 모든 사람이 웹사이트에 액세스할 수 있도록 하고 장애가 있는 사람을 배제하지 않습니다. 또는
  • 가능한 한 많은 사람들이 사용할 수 있도록 최적화합니다.

웹사이트의 접근성을 평가할 때 스스로에게 물어야 하는 근본적인 질문은 실명, 시각 장애, 청력 상실, 운동 능력 저하 또는 기타 장애가 있는 사람들이 웹사이트를 사용할 수 있습니까?

기사는 아래에 계속됩니다

장애로 분류되지 않기 때문에 장애가 항상 명백하지 않을 수 있음을 기억하십시오. 예를 들어, 많은 사람들이 손에 영향을 주는 류마티스 관절염이 있어 키보드나 마우스를 사용하기가 어렵습니다.

웹사이트를 액세스 가능하게 만들어야 하는 이유

현실 확인을 위한 시간 : 웹사이트에 액세스할 수 없는 경우 법정에 서게 될 수 있습니다 .

유명한 사건 중 하나는 도미노 피자를 법원에 데려간 시각 장애인과 관련이 있습니다. Guillermo Robles는 도미노 웹사이트를 통해 온라인으로 주문할 수 없다고 주장했고 판사는 그의 승소 판결을 내렸습니다. 금전적 보상은 크지 않았지만 법적 비용은 상당했습니다.

Robles 대 Domino's 피자와 같은 사례는 모든 웹사이트 소유자에게 상당한 영향을 미칩니다. 사람들은 이제 웹사이트에 액세스할 수 없는 경우 유효한 사례가 있을 수 있으며 이와 같은 소송의 결과가 선례를 남겼다는 것을 알고 있습니다.

그 결과 접근성 관련 소송이 증가하고 있으며 연방 법원의 ADA Title III 웹사이트 접근성 소송 건수는 2017년 814건에서 2020년 2,523건으로 증가했습니다. 제 눈에는 그것이 매우 필요한 변화를 예고하는 좋은 일입니다. 장애인에 대한 태도에서.

웹사이트 접근성의 합법성은 복잡하고 때로는 모호합니다. 저는 법률 전문가가 아니므로 여기에서 이에 대해 논의하지 않겠습니다. 그러나 이 주제는 인터넷에서 아주 잘 다루고 있습니다. 저는 HubSpot의 "컨텐츠를 100% 준수하기 위한 웹 접근성 체크리스트"라는 제목의 기사를 읽는 것이 좋습니다. 이 기사에서는 몇 가지 규정과 지침을 설명하고 웹사이트가 규정을 준수하기 위해 다루어야 할 사항을 제안합니다.

사이트의 규정 준수를 확인하려면 무료인 WAVE 웹 접근성 평가 도구로 이동하십시오.

WordPress 접근성 플러그인을 사용하여 웹 사이트를 준수하도록 만드는 방법

플랫폼으로서의 WordPress는 계속해서 진화하고 있으며 이제 장애가 있는 사람들이 더 쉽게 접근할 수 있는 방향으로 가고 있습니다. 그러나 완벽하지 않으며 이를 사용하여 만든 웹 사이트가 반드시 완벽하게 호환되는 것은 아닙니다.

WordPress는 오픈 소스이므로 한 가지 옵션은 코드를 사용하여 접근성을 개선하는 것입니다. 그러나 이는 코딩 지식이 없는 사람들을 위한 솔루션이 아닙니다. 특히 코더가 얼마나 많은 비용을 청구하는지 고려할 때 그렇습니다.

그러나 WordPress 접근성 플러그인을 사용하여 웹사이트의 접근성을 향상시키는 것도 가능합니다. 추가 접근성 도구로 사이트를 보강 합니다. 이는 사이트가 누구도 배제하지 않고 해당 법률 및 지침을 최대한 준수하도록 하는 데 도움이 됩니다.

기사는 아래에 계속됩니다

사이트그라운드 호스팅

WordPress 접근성 플러그인의 일반적인 기능은 다음과 같습니다.

  • 스크린 리더(텍스트 음성 변환)
  • 음성 인식(예: 음성-텍스트 변환)
  • 간질 안전
  • 대체 텍스트 감지 누락
  • 글꼴 크기 조정
  • 색상 대비 조정
  • 하이퍼링크 밑줄
  • 접근성 문제 검사
  • 링크가 새 창이나 탭에서 열리는 위치에 대한 경고

모든 접근성 문제를 해결하기 위한 '모든 사람에게 맞는' 플러그인은 존재하지 않습니다. 따라서 모든 사람이 사이트에 완전히 액세스할 수 있도록 하려면 플러그인 또는 기타 솔루션의 조합이 필요할 수 있습니다.

제안된 WordPress 접근성 플러그인

아래에는 WordPress 사이트에 추가할 수 있는 10가지 접근성 플러그인이 있습니다. 접근성을 향상시키는 기능을 추가하는 데 도움이 되는 기능과 사이트의 결함을 분석하는 기능이 있습니다. 또한 무료 및 프리미엄 옵션도 있습니다.

접근성 검사기

접근성 검사기 wordpress 접근성 플러그인의 스크린샷

접근성 검사기는 WordPress 사이트의 접근성 문제를 식별하고 WCAG(웹 콘텐츠 접근성 지침) 준수를 확인하기 위한 플러그인입니다.

플러그인은 유사한 기능을 WordPress 대시보드에 직접 통합하므로 앞서 언급한 외부 WAVE 도구를 사용할 필요가 없습니다. 결과적으로 WordPress를 종료하지 않고도 개별 콘텐츠에 대한 접근성을 빠르게 평가할 수 있습니다.

또한 플러그인이 문제를 식별하는 경우 적절한 수정 사항도 제안합니다.

잠시 시간을 내어 접근성 검사기에 대한 WPLift의 전체 리뷰를 읽어보세요.

장점

  • 게시된 콘텐츠나 초안 콘텐츠 모두에 대한 자동 스캔
  • 무료 버전을 사용하면 편집 화면에 보고서가 표시되는 게시물과 페이지를 무제한으로 스캔할 수 있습니다.
  • 유료 버전은 많은 추가 스캔 및 보고 기능을 추가합니다.
  • ADA, 섹션 508, AODA 및 WCAG 준수 확인
  • 자세한 문서
  • 유료 요금제에 대한 30일 환불 보장

단점

  • 전체 사이트 스캔은 유료 ​​버전에서만 사용할 수 있습니다.

가격

  • 핵심 접근성 검사기 플러그인은 무료입니다. 유료 버전의 가격은 커버해야 하는 사이트 수에 따라 월 $15-$180입니다(특별 가격이 요구되기 전에 최대 25개). 연간 요금제를 구입하면 월간 비용이 $12-$150로 줄어듭니다.

접근성 검사 받기

원 클릭 접근성

원 클릭 접근성 스크린샷

원 클릭 접근성은 WP 접근성과 같이 부족할 수 있는 접근성 기능으로 사이트를 향상시키는 또 다른 무료 WordPress 플러그인입니다. 가장 주목할만한 것은 페이지에 추가할 수 있는 접근성 도구 모음입니다. 이를 통해 사용자는 글꼴 크기 조정, 회색조, 음수 및 고대비, 밝은 배경 등과 같은 도구에 액세스할 수 있습니다.

또한 WP 접근성과 마찬가지로 건너뛰기 링크를 추가하고 포커스 가능한 요소에 대한 포커스를 설명할 수 있습니다.

기사는 아래에 계속됩니다

우커머스 호스팅

장점

  • 완전 무료
  • 접근성 도구 모음은 좋은 기능입니다.
  • 유용한 기능 세트

단점

  • 일부는 활성화/비활성화 인터페이스가 다소 혼란스럽다고 생각합니다.

가격

  • One Click Accessibility는 프리미엄 옵션이 제공되지 않는 무료 플러그인입니다.

클릭 한 번으로 접근성 받기

WP 접근성

WP 접근성 wordpress 접근성 플러그인의 스크린샷

WP Accessibility는 귀하의 웹사이트가 접근성 규정이나 지침과 완전히 호환되도록 한다고 주장하지 않습니다. 솔직히 말해서 어떤 플러그인도 그렇게 할 수 없습니다. 그러나 WordPress 테마 고유의 접근성 '갭' 중 일부를 채웁니다. 무엇보다도 이를 수행하는 데 전문 지식이 필요하지 않습니다.

이 무료 플러그인에는 각각 개별적으로 활성화 또는 비활성화할 수 있는 광범위한 기능이 있습니다. 예를 들어 키보드나 보조 장치에 의해 트리거될 때만 나타나는 건너뛰기 링크를 추가하여 사용자가 관련 없는 콘텐츠를 건너뛸 수 있도록 할 수 있습니다.

다른 훌륭한 기능으로는 '더 읽기' 링크에 게시물 제목 추가, alt 속성이 누락된 이미지를 정확히 찾아내는 도구, 가시성을 향상시키기 위해 포커스 가능한 요소의 키보드 포커스 상태에 개요를 추가하는 기능이 있습니다.

장점

  • 기본적으로 제공되지 않는 테마에 여러 접근성 기능을 추가하는 무료 방법
  • 상세 보고서
  • 유용한 기능 세트
  • 적극적이고 지원적인 개발 팀

단점

  • 찾을 수 없음

가격

  • WP 접근성은 완전히 무료입니다.

WP 접근성 얻기

WP 접근성 도우미

WP 접근성 도우미의 스크린샷

WP Accessibility Helper는 무료 버전이라도 훌륭한 기능을 제공하는 프리미엄 WordPress 플러그인입니다. 여기에는 게시물과 페이지에 접근성 문제가 있는지 확인하는 DOM(문서 개체 모델) 스캐너와 문제를 해결하는 데 도움이 되는 다양한 도구가 포함되어 있습니다.

무료 및 Pro 버전에는 글꼴 크기 조정, 링크 건너뛰기, 애니메이션 제거, 링크 밑줄 및 정렬 가능한 위젯과 같은 기능이 포함되어 있습니다. Pro 업그레이드는 가시성 설정, Polylang 지원, 단축 코드, 대비, 글꼴 크기 조정 및 회색조 설정이 있는 작은 막대, 웹 음성 API를 포함하여 훨씬 더 많은 것을 추가합니다.

장점

  • 무료 버전에는 몇 가지 유용한 기능이 있습니다.
  • 무료 버전과 Pro 버전 모두 접근성 문제를 스캔합니다.
  • 텍스트 음성 변환을 위한 웹 음성 API 포함(Pro만 해당)
  • ADHD, 시각 장애 및 인지 장애 프로필(Pro 전용)
  • 비디오 자습서를 포함한 좋은 문서
  • Pro는 추가 기능을 고려하면 좋은 가치입니다.

단점

  • Pro 버전에 대한 열악한 지원에 대한 일부 불만
  • Pro 플랜에는 무료 평가판 또는 환불 보장이 없습니다.

가격

  • WP 접근성 도우미 핵심 플러그인은 무료입니다. 그러나 Pro 업그레이드 비용은 도메인 하나에 대해 연간 $199이며 10개 사이트에 대해 연간 $1,819입니다.

WP 접근성 도우미 받기

AccessibleWP 도구 모음

AccessibleWP Toolbar는 웹사이트에 접근성 도구 모음을 추가할 수 있는 간단한 WordPress 플러그인입니다. 이를 통해 사용자는 키보드 탐색(향상된 키보드 기능 포함), 애니메이션 비활성화, 글꼴 크기 조정, 어두운 대비, 제목 및 링크 표시 등을 포함한 다양한 접근성 옵션에 액세스할 수 있습니다.

장점

  • 기본이지만 웹사이트에 유용한 접근성 도구 모음을 추가합니다.
  • 완전 무료

단점

  • 페이지 간에 설정이 유지되지 않음

가격

  • AccessibleWP 도구 모음은 무료입니다.

AccesZeno 글꼴 ResizersibleWP 도구 모음 가져오기

Zeno 글꼴 크기 조정기

Zeno 글꼴 크기 조정기의 스크린샷

Zeno Font Resizer는 기본적이지만 그럼에도 불구하고 시각 장애가 있는 사용자가 WordPress 사이트에서 텍스트의 글꼴 크기를 조정할 수 있도록 하는 유용한 플러그인입니다.

이 무료 플러그인은 JavaScript 및 jQuery를 사용하여 글꼴 크기를 설정합니다. 한 가지 멋진 기능은 방문자의 글꼴 크기 설정이 쿠키에 저장되어 방문자가 다시 방문하면 글꼴 크기가 자동으로 원하는 대로 조정된다는 것입니다. 귀하의 사이트가 쿠키 법률을 준수하는지 확인하십시오!

장점

  • 완전 무료
  • 방문자가 크기를 조정할 수 있는 콘텐츠를 구성할 수 있습니다.
  • 위젯을 독립 실행형으로 사용할 수 있습니다. 또는 기술에 정통한 경우 테마에 코드를 포함할 수 있습니다.

단점

  • 찾을 수 없음

가격

  • Zeno Font Resizer는 무료 플러그인입니다.

Zeno 글꼴 크기 조정기 가져오기

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

BIALTY의 스크린샷

많은 사람들이 ALT 텍스트를 추가하지 않고 웹사이트에 이미지를 추가합니다. 나는 그것이 무엇인지 전혀 이해하지 못했기 때문에 기소된 것처럼 유죄였습니다. 간단히 말해서 ALT 텍스트는 화면 판독기가 시각 장애인 또는 시각 장애가 있는 사용자에게 이미지에 포함된 내용을 알려주는 데 사용하는 것입니다. 접근성과 관련하여 중요합니다.

웹사이트에 이미지가 몇 개 없는 경우 돌아가서 필요한 ALT 텍스트를 추가하는 것은 큰 문제가 아닙니다. 그러나 할 사진이 많다면 상당한 골칫거리가 될 것입니다. BIALTY Bulk Auto Image Alt Text가 도움이 될 수 있는 곳입니다.

BIALTY Bulk Auto Image Alt Text는 ALT 속성이 없는 이미지에 ALT 속성을 자동으로 생성하고 추가하는 단 하나의 목적을 가진 무료 WordPress 접근성 플러그인입니다. 이를 위해 플러그인은 게시물 제목과 포커스 키워드를 사용합니다.

기계 생성 텍스트의 유일한 단점은 인간이 작성한 텍스트만큼 좋지 않거나 상세하지 않을 수 있다는 것입니다. 그러나 그들은 없는 것보다 낫다.

장점

  • 완전 무료
  • 누락된 ALT 속성을 이미지에 빠르게 추가하는 방법을 제공합니다.

단점

  • 생성된 ALT 텍스트는 완벽하지 않을 수 있지만 더 좋고 자세한 텍스트를 작성할 때까지는 충분합니다.

가격

  • BIALTY 대량 자동 이미지 대체 텍스트는 무료입니다. 프리미엄 옵션이 없습니다.

BIALTY 대량 자동 이미지 대체 텍스트 가져오기

스크린 리더

스크린 리더의 스크린샷

Screen Reader가 화면 콘텐츠를 구두로 읽는 WordPress용 텍스트 음성 변환 플러그인이라고 가정하는 것은 용서받을 수 있습니다. 그러나 시각 장애인을 위한 다양한 접근성 기능도 포함되어 있습니다.

예를 들어 고대비 렌더링, 확대된 커서, 초점이 맞춰진 요소 윤곽선, 이미지 숨기기, 링크 건너뛰기 등을 추가할 수 있습니다. 난독증이 있는 사람들을 돕기 위해 난독증 글꼴 변환도 있습니다.

장점

  • 높은 텍스트 음성 변환 오디오 품질
  • 50개의 다른 언어로 된 텍스트를 읽을 수 있습니다.
  • 좋은 기능 세트
  • 잘 지원

단점

  • 무료 버전은 몇 가지 기능과 100자 텍스트 음성 변환 제한으로 거의 쓸모가 없습니다.

가격

  • 스크린 리더는 연간 49달러입니다. 다소 무의미하지만 무료 버전을 사용할 수 있습니다.

스크린 리더 가져오기

WP ADA 준수 확인 기본

WP ADA 준수 확인 기본 스크린샷

WP ADA Compliance Check Basic은 웹사이트의 접근성 문제를 식별하는 데 사용되는 프리미엄 WordPress 스캐닝 플러그인입니다.

무료 버전은 작고 트래픽이 적은 사이트만 있고 사용 가능한 예산이 없는 경우에 이상적입니다. 15개의 페이지 또는 게시물만 수행할 수 있지만 51개의 오류 유형을 검색할 수 있습니다. 스캔이 완료되면 자세한 보고서가 생성됩니다.

스캔으로 식별된 문제를 해결하는 데 도움이 되는 도구가 필요한 경우 Pro 버전으로 업그레이드해야 합니다. 이를 통해 76가지 오류 유형에 대해 무제한 검색을 실행할 수 있습니다. 또한 전체 사이트를 지속적으로 모니터링하고 오류가 발생하면 이메일로 알려줍니다. 마지막으로, 여기에는 많은 접근성 문제를 해결하는 데 도움이 되는 다양한 도구도 포함되어 있습니다.

장점

  • 무료 버전은 게시물과 페이지에서 접근성 검사를 실행하는 훌륭한 방법입니다.
  • Pro는 전체 사이트 및 연속 스캔과 문제 해결에 도움이 되는 많은 도구를 추가하므로 가치가 있습니다.
  • 비디오 자습서를 포함한 좋은 문서
  • 비디오 자습서 및 8시간 온라인 접근성 교육 과정을 포함한 우수한 문서
  • Pro에서 30일 환불 보장

단점

  • 찾을 수 없음

가격

  • 핵심 WP ADA 준수 확인 플러그인은 무료입니다. Pro 업그레이드는 한 도메인의 경우 연간 $179, 평생 라이선스의 경우 $565.99부터 시작합니다.

WP ADA 준수 확인 기본 가져오기

접근성 새 창 경고

접근성 새 창 경고 플러그인 스크린샷

많은 사람들과 마찬가지로 나는 일반적으로 새 탭에서 열리도록 다른 페이지나 사이트에 대한 링크를 설정합니다. 그러나 미리 경고하지 않은 경우 시각 콘텐츠를 인지하기 어려운 사람이나 인지 장애가 있는 사람에게는 방향 감각이 상실될 수 있습니다. 따라서 WCAG(웹 콘텐츠 접근성 지침)에서는 웹 페이지가 예측 가능한 방식으로 표시되고 작동하도록 요구하고 있습니다.

접근성 새 창 경고는 사용자에게 필요한 경고를 제공합니다. 플러그인은 링크를 클릭하면 현재 탭이나 창에서 다른 곳으로 이동할 것임을 알려줍니다. 또한 플러그인은 '뒤로' 버튼을 누르면 새 탭이나 창에서 작동하지 않을 수 있음을 사용자에게 알립니다.

또한 접근성 새 창 경고는 동일한 개발자의 접근성 검사기(이 목록의 첫 번째 플러그인)와 통합됩니다.

장점

  • 완전 무료
  • 설정 필요 없음 – 플러그인이 설치 및 활성화되는 즉시 새 탭이나 창에서 열리는 링크를 찾기 위해 플러그인이 작동하기 시작합니다.
  • 특정 접근성 문제에 대한 빠른 솔루션을 제공합니다.

단점

  • 사이트의 타사 플러그인 및 추가 링크에 따라 일부 CSS 스타일 지정이 필요할 수 있습니다.

가격

  • 접근성 새 창 경고는 WordPress 플러그인 디렉토리에서 무료로 사용할 수 있습니다.

접근성 받기 새 창 경고

마지막 말

접근성이 무엇이며 왜 필수적인지 잘 설명하셨기를 바랍니다. 또한 WordPress 접근성 플러그인이 웹사이트가 장애로 인해 사람들을 배제하지 않도록 하는 데 어떻게 도움이 되는지 보여드리고 싶습니다.

사이트의 접근성을 확인한 적이 있는지 알고 싶습니다. 있다면 어떤 문제가 확인되었으며 어떻게 수정했습니까? 아직 하지 않았다면 그 중요성을 알았으니 곧 그렇게 하시겠습니까?