장벽 허물기: WordPress 웹사이트 접근성이 중요한 이유

이 게시물에서는 WordPress 웹사이트의 접근성을 높이는 것이 왜 중요한지 보여주고 모든 사람의 접근성을 높이기 위해 누구나 사용할 수 있는 간단한 도구를 소개하겠습니다. 왜? 궁극적인 목표는 최대한 많은 사람이 웹사이트를 방문하도록 유도하는 것이기 때문입니다. 귀하의 사이트를 모든 사람이 액세스할 수 있도록 만들지 않는다면 어떻게 그렇게 할 수 있습니까?

더욱이, 우리 대부분은 최신 소셜 미디어 마케팅 전략과 검색 엔진 최적화 방법을 사용하여 사이트에 많은 양의 트래픽을 유도하는 마법의 방법을 찾는 데 집중하지만, 우리 중 많은 사람들이 간과하는 것은 다음과 같습니다. 웹사이트를 쉽게 탐색할 수 있어야 한다는 사실을 이미 알고 계셨습니다.

이는 매우 중요합니다. 오프라인 비즈니스 상황과 마찬가지로 사람들의 유형, 체형 및 크기도 다양하기 때문입니다. 궁극적으로, 귀하는 시간을 내어 귀하의 시설을 방문한 사람들이 시간을 내어 주변을 둘러보고, 돈을 쓰고, 자주 돌아오고, 무엇보다도 다른 사람들을 다시 데려오기를 원합니다.

이전에 웹사이트 접근성에 관심이 없었다면 이제는 관심을 가지셔야 합니다. 그 말을 듣고 시작합시다!

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

잠시 시간을 내어 우리가 말하는 내용을 이해해 봅시다.

웹사이트 접근성은 장애인이 웹사이트와 상호작용하거나 웹사이트에 액세스하는 것을 방해하는 장벽을 제거하는 행위를 의미합니다. 사이트가 올바르게 설계, 개발 및 편집되면 모든 사용자는 정보와 기능에 동등하게 접근할 수 있습니다.

그래서 우리는 실제로 장벽을 제거하는 관행에 대해 이야기하고 있습니다. 복잡하게 들릴 수도 있지만 실제로는 그렇지 않습니다. 예를 들어 웹사이트의 장벽은 링크에 대해 눈에 띄고 의미 있는 제목(예: 도구 설명으로 표시되는 텍스트)을 만들지 않는 것만큼 간단한 것일 수 있습니다.

당신이 평범한 인터넷 여행자이고 웹 사이트 디자이너 및/또는 웹 마스터가 자신의 사이트를 더 쉽게 탐색할 수 있도록 하기 위한 약간의 노력이 부족하여 갑자기 실망했다면, 비전을 가진 사람이 어떤 사람인지 상상해 보십시오. 장애가 지금 느끼고 있어요.

다른 사람의 눈을 통해 본 인터넷

감각 장애가 있거나 정신적, 신체적 장애가 있는 사람이 인터넷을 탐색하는 것이 어떤 것인지 궁금한 적이 있습니까? 아마도 그렇지 않을 것입니다. 지금 당장 시간을 내어 그렇게 하시기를 권합니다. 왜냐하면 그것이 지금부터 웹사이트를 만들고 운영하는 방식을 바꿀 수 있기 때문입니다. 많은 웹 사용자가 직면하고 있는 몇 가지 문제를 살펴보겠습니다.

시각: 실명, 다양한 유형의 저시력 및 시력 저하, 다양한 유형의 색맹을 포함한 장애.
모터/이동성: 예: 파킨슨병, 근이영양증, 뇌성마비, 뇌졸중과 같은 상태로 인해 떨림, 근육 둔화, 미세한 근육 조절 상실 등을 포함하여 손을 사용하는 데 어려움이 있거나 무능력함.
청각: 난청이 있는 사람을 포함한 청각 장애 또는 청각 장애.
발작: 시각적 섬광 또는 섬광 효과로 인해 발생하는 광간질 발작입니다.
인지/지적: 기억력, 주의력, 발달 '성숙', 문제 해결 및 논리 기술 등에 영향을 미치는 다양한 원인의 발달 장애, 학습 장애(난독증, 난산증 등) 및 인지 장애 .

좋은 소식은 장애가 있는 사용자가 인터넷 서핑을 즐길 수 있도록 지원하는 기술이 많이 있다는 것입니다. 웹사이트 디자이너로서 귀하의 임무는 귀하의 사이트가 해당 기술이 작동할 수 있도록 하는 특정 지침을 준수하는지 확인하는 것입니다.

접근 가능한 WordPress 테마를 선택하는 방법

완전한 접근성을 갖춘 웹사이트를 만들기 위한 첫 번째 단계는 접근성이 준비된 테마를 선택하는 것입니다. 많은 테마 개발자가 WordPress 테마 접근성 핸드북의 지침을 구현하는 데 시간을 할애하고 있으므로 가장 좋은 방법은 작성자에게 특정 테마가 접근성을 지원하는지 물어보는 것입니다.

예를 들어, WPExplorer에서는 Total WordPress 테마에 대한 접근성을 높이기 위해 하와이 대학교와 긴밀히 협력해 왔습니다. 한 번 보고 싶나요? WAVE 웹 접근성 평가 도구를 통해 UH 웹 사이트를 실행하면 모든 학생들이 웹 사이트를 사용할 수 있도록 테마 기능을 어떻게 구현했는지 확인할 수 있습니다.

WordPress.org에서 무료로 액세스할 수 있는 테마를 찾을 수도 있습니다. 페이지 상단에 있는 테마 메뉴 링크를 클릭하면 테마 디렉토리가 열립니다. 기능 필터라는 하위 메뉴를 찾으세요. 그 옆에는 작은 장비가 있습니다. 그것을 클릭하세요.

이렇게 하면 검색을 필터링할 때 선택할 수 있는 다양한 옵션이 열립니다. 기능에서 예상대로 접근성 지원인 상단 기능을 클릭합니다.

그런 다음 원하는 만큼 다른 필터를 선택할 수 있습니다. 왼쪽에는 적용한 필터 수를 보여주는 필터 적용 버튼이 표시됩니다. 필터 적용을 클릭하세요. 손과 발은 항상 차량 내부에 보관하시기 바랍니다.

이제 목적지에 도착했습니다. 차량이 완전히 정지하고 도어가 완전히 열릴 때까지 자리에 앉아 계십시오. 그런 다음 테마를 선택하세요.

테마가 접근성 준비로 표시되었다고 해서 해당 테마에 '완전히' 액세스할 수 있다는 의미는 아닙니다. 그러나 테마 개발자가 테마에 접근성이 높은 태그를 지정하는 데 애를 썼다면 이 부분에 대한 작업을 수행했을 가능성이 높습니다. 문제가 발생하면 다른 사용자를 위해 테마를 업데이트할 수 있도록 알려주세요.

(무료) 접근성을 위한 WordPress 플러그인 솔루션

아마도 당신은 자신만의 WordPress 테마를 구축하고 있거나 원하는 테마를 사용하고 싶을 수도 있습니다. 두려움을 갖지 마십시오. WordPress 세계의 놀라운 점 중 하나는 수만 개의 플러그인을 사용할 수 있다는 것입니다. 무언가가 필요할 때마다 일반적으로 청구서에 맞는 플러그인이 있습니다.

제가 개인적으로 선택한 것은 WP Accessibility입니다. 여기에는 WordPress 테마를 사용하면서 접할 수 있는 일반적인 접근성 문제를 찾아 제거하는 데 도움이 되는 다양한 도구가 포함되어 있습니다. 전문 지식이 거의 필요하지 않으며 설정도 최소한으로 필요합니다.

WP Accessibility Helper(WAH)는 링크 건너뛰기, 글꼴 크기 조정, DOM 스캔, 대비 모드 등에 대한 유용한 기능을 포함하는 올인원 옵션입니다. 한 번에 사이트에 여러 가지 액세스 가능한 기능을 추가하는 빠른 방법입니다. .

체크아웃하고 싶은 다른 항목은 보다 구체적인 접근성 요구 사항을 충족합니다.

접근 가능한 글꼴

접근성 위젯은 사이드바에 대한 글꼴 크기 전환 위젯을 생성합니다. 이렇게 하면 사이트의 독자가 필요에 따라 텍스트 크기를 쉽게 변경할 수 있습니다.

더 쉽게 읽을 수 있는 두 번째 옵션은 Zeno Font Resizer입니다. 플러그인을 사용하면 사이트 관리자가 글꼴 크기 조정 옵션(최소 및 최대 크기, 증가 시 크기 조정 단계 및 문자)과 쿠키 기간을 설정할 수 있습니다. 이렇게 하면 사용자가 사이트로 돌아올 때 올바른 크기의 글꼴을 볼 수 있습니다.

텍스트 음성 변환

시각 장애가 있는 독자에게는 오디오 옵션이 필수입니다. 내가 좋아하는 플러그인 중 하나는 Speaker – Page to Speech입니다. 이 플러그인은 게시물과 페이지의 오디오 버전을 만들 수 있습니다. 무엇보다도 이 플러그인은 선택할 수 있는 인간 수준의 190가지 음성을 제공하고 30개 이상의 언어를 지원하며 대부분의 테마에서 훌륭하게 작동합니다.

GSpeech 텍스트 음성 변환 솔루션은 오디오 접근성을 위한 무료 옵션입니다. 페이지의 모든 텍스트와 작동하며 사이트에 오디오 블록을 추가합니다. 그런 다음 옵션을 사용하여 색상, 스피커 음성 등을 변경할 수 있습니다.

양식

Contact Form 7: Accessible Defaults 및 Gravity Forms용 WCAG 양식 필드와 같은 플러그인을 사용하거나 Formidable Forms와 같은 액세스 가능한 지원 양식 플러그인을 사용하여 문의 양식 접근성을 쉽게 만들 수 있습니다.

그 외에도 웹사이트 접근성과 관련된 다양한 문제를 해결하는 데 도움이 되는 유용한 도구와 플러그인이 많이 있습니다. 이 페이지는 권장되는 개발 도구의 포괄적인 목록을 확인하기에 좋은 페이지입니다.

웹사이트 접근성 테스트

웹사이트를 만든 후에는 변경 사항을 테스트해 보는 것이 좋습니다. 접근성을 테스트하는 데 사용할 수 있는 방법과 소프트웨어는 다양하지만 테스트를 쉽게 만드는 몇 가지 방법도 있습니다.

이 기사에서 이미 언급한 것 중 하나는 WebAIM의 WAVE 웹 접근성 평가 도구입니다. 이 유용한 도구는 오류, 경고, 특징, 구조적 요소, ARIA 라벨 및 대비 오류를 표시하므로 적절하게 조정할 수 있습니다.

그러나 WordPress 사용자를 위한 더 나은 도구는 Equalize Digital에서 만든 접근성 검사기 플러그인입니다. 이 무료 플러그인은 콘텐츠를 검사하여 편집 시 실시간 경고 알림을 제공합니다. 이렇게 하면 새 게시물이나 페이지가 WCAG를 준수하는지 올바른 방법으로 확인할 수 있습니다. 또한 검사기는 알림을 트리거하는 코드 섹션을 표시하므로 귀하(또는 웹 개발자)가 필요에 따라 조정할 수 있습니다. 또한 프로 버전으로 업그레이드하면 사용자 정의 게시물 유형을 검색하고, 공개 문제 목록에 액세스하고, 무시된 문제를 기록하고, 접근성 무시 기능에 대한 사용자 역할 액세스를 설정하고, 웹사이트에 대한 접근성 설명을 생성할 수 있습니다.

개발자를 위한 또 다른 도구는 Khan Academy에서 개발한 접근성 시각화 도구 키트인 Tota11y입니다. 화면 하단의 작은 안경 아이콘 탭에 나타나는 접근성 도구를 활성화하려면 이 JS 파일을 사이트에 추가하기만 하면 됩니다. 클릭하면 페이지에서 접근 가능한 요소는 물론 수정하고 싶은 오류나 위반 사항도 볼 수 있습니다.

결론

웹사이트 접근성은 단순히 사이트로 트래픽을 유도하는 것보다 더 더 중요합니다. 이제 목적지에 도착하는 모든 사람이 귀하의 웹사이트에 있는 믿을 수 없을 정도로 재미있고 유익한 모든 정보를 완전히 이해하고 탐색할 수 있도록 하는 것이 왜 중요한지 이해하실 수 있습니다.

그래서 당신은 무엇을 기다리고 있습니까? 지금 이 기회를 통해 귀하의 사이트에 대한 접근성을 더욱 높일 수 있습니다!