WordPress 웹 사이트를 액세스 가능하게 만드는 방법
게시 됨: 2019-07-28
웹사이트 소유자는 종종 사용자 인터페이스(UI)/사용자 경험(UX) 디자인 또는 검색 엔진 최적화(SEO)에 너무 많은 비중을 두어 사용자에게 웹사이트에 대한 최고 수준의 액세스를 제공하는 데 거의 눈을 떼지 못합니다. 다른 것에 대한 무심코 몰두하는 사람들 뒤에는 웹사이트 접근성이 SEO에 도전하거나 UX를 개선하기 전에 가장 중요한 고려 사항이 되어야 합니다.
액세스 가능한 웹사이트가 있으면 대부분의 시청자를 끌어들입니다. 귀하의 사이트가 사용하기 쉽고 사용자 친화적이라면 확실히 웹사이트 방문자 수가 증가할 것입니다.
WordPress 접근성이란 무엇입니까?
WordPress 접근성은 특히 주로 보조 기술에 의존하는 장애가 있는 인터넷 사용자에게 사용자 친화적인 웹사이트를 구축하는 방법입니다. 주로 청각/시각 장애가 있는 사람들과 노인들입니다. 또한 인터넷 액세스가 느리거나 제한적인 사용자와 작은 화면 장치를 사용하는 사용자를 고려하십시오.
접근성이 왜 중요한가요?
오늘날 인구의 절반 이상이 인터넷에 크게 의존하기 때문에 웹사이트 접근성이 가장 중요합니다. 또한 미국 장애인의 54%가 자주 사용하므로 액세스 가능한 웹 사이트를 갖는 것은 그들에게 매우 도움이 될 수 있습니다. 사이트에 액세스하기가 쉽지 않으면 법적 문제로 이어질 수 있습니다.
액세스 가능한 웹사이트가 중요한 다른 이유:
1. 접근 가능한 웹사이트를 갖는 것(일부 예외는 있지만)은 기본적인 인권입니다
워드프레스 웹사이트를 만들 때 가장 먼저 염두에 두어야 할 점은 유엔 장애인권리협약에 따르면 기본적인 인권 중 하나이기 때문에 가능한 한 접근할 수 있도록 하는 것입니다.
2. 액세스 가능한 웹 사이트는 사용자가 더 자주 방문합니다.
액세스 가능한 웹 사이트의 또 다른 좋은 점은 더 많은 방문자가 사이트를 탐색하고 액세스할 수 있다는 것입니다. 방문자가 귀하의 페이지에 대한 접근성을 좋아하면 다른 사람들과 함께 이를 추천할 것이며 이는 귀하에게 더 많은 방문자를 확보하고 고객으로 전환할 가능성이 더 커질 것입니다.
3. 접근 가능한 웹사이트는 더 높은 SEO 순위를 가질 수 있습니다.
액세스 가능한 웹 사이트는 특히 올바르게 레이블이 지정된 링크, 이미지, 양식이 있는 경우 검색 엔진에서 더 쉽게 검색할 수 있습니다. 그것은 당신의 순위를 높일 것이기 때문에 당신에게 도움이 될 것입니다.
WordPress 웹 사이트를 액세스 가능하게 만드는 방법
WordPress는 사용자 친화적인 웹사이트를 만들 것을 권장합니다. 사용자가 기본 메뉴 표시줄 및 검색 표시줄로 이동하거나 기본 콘텐츠로 직접 이동할 수 있는 탐색 링크를 지원합니다. WordPress가 최고의 사이트 빌더인 이유를 나열했으며 쉽게 액세스할 수 있습니다.
2016년 3월 WordPress 접근성 지침이 발표되면서 다음과 같은 개선 사항을 통해 WordPress 대시보드에 더 쉽게 액세스할 수 있게 되었습니다.
- 콘텐츠 편집 및 서식 지정을 위한 다양한 키보드 단축키
- WordPress를 설치할 때마다 사용할 수 있는 접근성 지원 테마
- 테마 고객 개선 및 미디어 라이브러리 개선
그렇다면 WordPress 웹 사이트를 액세스 가능하게 만드는 가장 좋은 방법은 무엇입니까? 접근성 지원 테마를 사용하세요 .
그러나 현재 테마가 접근성 지침을 따르지 않는 경우 웹사이트를 누구에게나 매우 사용자 친화적으로 만들 수 있는 방법이 있습니다.
1. 접근성 플러그인 설치
WP 접근성 플러그인은 별 5개 등급을 받았으며 20,000명 이상의 사용자가 사용하고 있습니다.
이 플러그인에 의해 추가된 접근성 기능은 다음과 같습니다:
- 건너뛰기 링크 활성화
- 사용자 정의 대상이 있는 건너뛰기 링크 추가
- HTML 속성에 언어 및 텍스트 방향 속성 추가
- 포커스 가능한 요소의 키보드 포커스 상태에 윤곽선 추가
- 테마의 고대비, 큰 인쇄 및 채도가 낮은(회색조) 보기 간에 토글하는 도구 모음 추가
- 이미지에 긴 설명 추가
- 이미지에 alt 속성 적용
WP 접근성 플러그인으로 수정된 접근성 문제도 있으며 여기에는 다음이 포함됩니다.
- 링크에서 대상 속성 제거
- 누락된 경우 표준 WordPress 양식 필드에 레이블 추가
- 표준 "더 읽기" 링크에 게시물 제목 추가
- 콘텐츠에 삽입된 이미지에서 제목 속성 제거
액세스 가능한 웹 사이트를 갖고 싶다면 이 플러그인을 사용해야 합니다. 이를 통해 시청자가 웹 사이트에 액세스할 수 있도록 하기 위해 건너뛰는 작업이 없도록 할 수 있습니다. 또한 이 플러그인은 더 이상 테마를 변경할 필요가 없기 때문에 가장 쉽습니다.
2. 웹사이트의 색상 조합 개선
웹 사이트를 액세스 가능하게 만들기 위해 해야 하는 또 다른 작업은 색상 대비를 개선하는 것입니다. 페이지에 올바른 색상을 혼합하면 시각 장애가 있는 시청자가 콘텐츠를 더 많이 볼 수 있습니다.
밝은 회색 텍스트를 사용하는 것을 최소화하고 밝은 배경에 밝은 텍스트를 사용하면 시각적 효과가 떨어지므로 최소화하십시오. 대신 밝은 배경에 어두운 텍스트를 사용해 보세요.
3. 모든 이미지에 ALT 태그 추가
이미지에 대체 텍스트를 추가하면 SEO를 개선하는 데 도움이 됩니다. 그 외에도 이미지 옆에 Alt 텍스트를 추가하면 이미지 분석이 어려운 시청자가 설명에 의존하는 데 도움이 됩니다.
미디어 라이브러리에서 업로드할 때 대체 텍스트를 쉽게 추가할 수 있습니다. SEO 최적화 이미지 플러그인을 사용하여 웹사이트에 업로드하려는 이미지에 SEO 친화적인 대체 및 제목 속성을 삽입할 수도 있습니다. 또는 다음을 사용할 수 있습니다.
4. 제목을 사용하여 콘텐츠를 체계화하세요
웹사이트에 제목을 추가하는 것은 웹사이트의 콘텐츠를 체계적으로 구성하는 가장 좋은 방법입니다. 시청자가 WordPress 웹 사이트의 콘텐츠 순서를 더 많이 이해하는 데 도움이 됩니다.
5. 링크와 메뉴를 키보드 친화적으로 만들기
일부 웹사이트 뷰어는 키보드를 사용하여 사이트를 탐색합니다. 사이트를 개발할 때 마우스를 사용하여 웹사이트에 액세스하는 데 장애가 있는 사용자를 돕기 위해 메뉴 항목이 키보드 친화적인지 확인하십시오.
6. 양식 필드에 적절한 레이블 지정
양식 필드가 실제 필드 외부에 올바르게 배치되었는지 확인하십시오. 일부 사용자는 양식 필드가 기본 콘텐츠 내부에 있는 경우 텍스트에 액세스할 수 없습니다.
7. 비디오 및 팟캐스트에 스크립트 및 자막 추가
웹사이트에 비디오와 팟캐스트를 추가하려면 스크립트를 업로드해야 합니다. 이것은 청각 장애가 있는 시청자가 귀하가 추가한 스크립트를 읽고 비디오 콘텐츠를 해석할 수 있도록 하기 위한 것입니다.
웹사이트 접근성을 테스트하는 방법
이제 내가 언급한 단계를 완료했습니다. 다음으로 해야 할 일은 그것이 진정으로 사용자 친화적인 웹사이트인지 테스트하는 것입니다.
웹사이트가 이미 접근성 표준을 충족하는지 확인하는 데 도움이 되는 도구가 많이 있으므로 WAVE 평가 도구라는 Google 크롬 확장 프로그램을 사용할 수도 있습니다.
WAVE 도구는 수정이 필요한 항목을 결정하는 데 도움이 됩니다. 도구는 페이지에 아이콘을 삽입하여 표준 액세스 가능한 WordPress 웹 사이트를 달성하기 위해 개선해야 할 콘텐츠를 지적합니다.
액세스 가능한 WordPress 웹 사이트가 있으면 많은 이점이 있습니다. 첫째, 사이트 트래픽을 늘리고 순위를 높이는 데 도움이 될 수 있습니다. 둘째, 장애가 있는 시청자가 문제 없이 페이지를 읽도록 권장할 수 있습니다.