WordPress 웹사이트의 접근성을 높이는 10가지 방법

귀하의 WordPress 웹사이트는 접근성 문제가 있습니까? 비영리 WebAIM에 따르면 웹사이트 50개 중 약 1개만 완전히 액세스할 수 있습니다. 대부분의 웹사이트는 장애가 있는 방문자에게 긍정적인 경험을 제공하지 못합니다. 장애가 있는 방문자를 포함한 모든 방문자가 WordPress 웹사이트를 쉽게 사용할 수 있도록 하려면 접근성을 높여야 합니다.

1. 설명 앵커 텍스트 만들기

WordPress 웹사이트에서 내부 링크를 구축하든 아웃바운드 링크를 구축하든 관계없이 설명적인 앵커 텍스트를 만들어야 합니다. 시각 장애가 있는 방문자는 스크린 리더를 사용하여 WordPress 웹사이트를 탐색할 수 있습니다. 스크린 리더는 앵커 텍스트와 다른 형태의 텍스트 콘텐츠를 소리내어 읽어줍니다. "여기를 클릭하십시오"와 같은 일반적인 앵커 텍스트를 사용하면 클릭할 링크를 알지 못합니다. 주요 헤드라인에 이 방법을 구현하는 것도 좋은 생각입니다.

2. 텍스트에 대비되는 색상 사용

WordPress 웹 사이트를 더 쉽게 액세스할 수 있도록 대비되는 색상을 사용하십시오. WGAC(웹 콘텐츠 접근성 지침)에 따르면 텍스트 콘텐츠는 배경과 4.5:1 이상의 명암비를 가져야 합니다. 대비되는 색상은 색상환의 반대쪽에서 발견되는 색상입니다. 그들은 서로 섞이지 않습니다. 오히려 대조되는 색상은 시각적으로 다르고 뚜렷합니다. 웹사이트의 브랜드를 만들 때 계약이 어떻게 보이고 WordPress 웹사이트에 적용될지 고려하는 것도 중요합니다.

3. 접근성 플러그인 설치

WordPress에 사용할 수 있는 접근성 플러그인이 있습니다. WP 접근성은 인기 있는 접근성 플러그인입니다. wordpress.org/plugins/wp-accessibility를 방문하여 다운로드할 수 있습니다. 다른 접근성 플러그인에는 원 클릭 접근성 및 WP 접근성 도우미(WAH)가 있습니다. 설치되면 WordPress 웹 사이트에 더 쉽게 액세스할 수 있도록 도구와 권장 사항을 제공합니다.

4. 이미지에 대체 텍스트 태그 추가

이미지에 대체 텍스트 태그를 추가하는 것을 잊지 마십시오. 일부 방문자는 이미지를 볼 수 없습니다. 이미지가 무엇을 묘사하는지 결정하려면 스크린 리더를 사용해야 합니다. 스크린 리더는 이미지의 대체 텍스트 태그를 분석하고 소리 내어 읽습니다. 대체 텍스트 태그가 없거나 관련이 없거나 오해의 소지가 있는 대체 텍스트가 있는 경우 WordPress 웹사이트의 사용성이 저하됩니다.

WordPress에 이미지를 업로드하면 Gutenberg 편집기의 오른쪽에 일련의 사용자 정의 옵션이 표시됩니다. 이 영역에 대체 텍스트 필드가 표시되어야 합니다. 사이트에 대체 텍스트 태그가 표시되지 않습니다. 그럼에도 불구하고 적절한 필드에 입력하기만 하면 화면 판독기가 소리내어 읽습니다.

5. 접근성 지원 테마 사용

다른 테마로 전환하고 싶을 수도 있습니다. 일부 테마는 접근성에 중점을 두고 설계되었습니다. 접근성 지원 테마로 알려진 이 테마는 WordPress에서 설정한 접근성 표준을 충족합니다. 접근성 지원 테마를 찾으려면 테마 저장소로 이동하여 상단의 "기능 필터"를 클릭하십시오. 필터 옵션으로 "접근성 지원"을 선택하면 접근성 지원 테마를 검색할 수 있습니다.

6. 링크가 새 탭에서 열리도록 설정하지 마십시오.

새 탭에서 열리도록 링크를 설정하지 마십시오. 기본적으로 모든 링크는 방문자가 링크와 상호 작용할 때 동일한 탭에서 열립니다. 그러나 한 번의 클릭으로 별도의 새 탭에서 열리도록 설정할 수 있습니다. WordPress에 대한 링크를 추가하면 사용자 정의 옵션 세트가 표시되며 그 중 하나는 새 탭에서 열립니다.

새 탭에서 링크를 강제로 열면 방문자가 떠나지 못할 수 있지만 접근성이 저하됩니다. WGAC에 따르면 링크는 장애가 있는 방문자가 탐색하는 데 도움이 되는 경우에만 새 탭에서 열리도록 설정해야 합니다. 새 탭이 장애가 있는 방문자가 탐색하는 데 도움이 되는 경우가 많지 않으므로 링크를 만들 때 기본 열기 방법을 사용해야 합니다.

7. 제목으로 콘텐츠 구성

접근성을 높이려면 제목을 사용하여 콘텐츠를 구성하세요. HTML(Hypertext Markup Language)은 계층적 제목을 지원합니다. H1에서 시작하여 H6으로 끝나는 6개의 HTML 제목이 있습니다. 이를 사용하여 사이트 콘텐츠를 구성할 수 있습니다. 각 페이지에 하나의 H1 제목을 지정하십시오. 다음으로, 콘텐츠의 관련 섹션 위에 H2 제목을 배치합니다. 그런 다음 H2 제목 아래에 H3 제목을 배치하는 등의 작업을 수행할 수 있습니다.

8. 읽기 쉬운 글꼴 유형 선택

WordPress 웹 사이트에서 사용하는 글꼴 유형은 접근성에 영향을 미칩니다. 일부 글꼴 유형은 다른 유형보다 읽기가 더 어렵습니다. 예를 들어 복잡한 장식이 있는 필기체 글꼴 유형은 단순하고 깨끗한 선이 있는 스크립트 글꼴 유형보다 읽기 어렵습니다. 가장 접근하기 쉽고 읽기 쉬운 글꼴 유형에는 Arial, Verdana, Calibri 및 Times New Roman이 있습니다. 우유부단한 경우 이러한 글꼴 유형 중 하나를 잘못 사용할 수 없습니다.

9. 비디오 콘텐츠에 캡션 포함

WordPress 웹사이트에 비디오 콘텐츠가 있는 경우 캡션을 포함해야 합니다. 자막을 사용하면 청각 장애가 있는 방문자가 사이트의 비디오 콘텐츠를 사용할 수 있습니다. 활성화하면 방문자는 대화, 소리, 음악, 청각 효과 및 기타 형식의 오디오가 텍스트로 표시되는 것을 볼 수 있습니다.

YouTube에서는 자막을 쉽게 추가할 수 있습니다. YouTube에서 WordPress 웹사이트의 동영상을 호스팅하는 경우 YouTube 스튜디오에 로그인하여 자막을 추가하세요. 왼쪽 사이드바 메뉴에서 "자막" 링크를 클릭하고 캡션으로 업데이트할 비디오를 선택하기만 하면 됩니다. 그런 다음 캡션을 입력하여 수동으로 만들거나 자동 번역 옵션을 선택할 수 있습니다. 자동 번역 옵션은 더 쉽지만 종종 오류로 가득 차 있습니다.

10. 링크 건너뛰기 사용

링크 건너뛰기는 WordPress 웹사이트의 접근성을 향상시킬 수 있습니다. 건너뛰기 링크라고도 하며 방문자가 페이지 시작 부분에서 탐색 링크를 건너뛸 수 있습니다. 대부분의 웹사이트에는 여러 범주로 구성된 복잡한 탐색 시스템이 있습니다. 방문자는 콘텐츠를 찾기 위해 이러한 범주를 탐색해야 합니다. 이 외에도 이러한 탐색 링크는 모든 페이지의 시작 부분에 표시되는 경우가 많습니다.

링크 건너뛰기는 방문자가 WordPress 웹사이트를 탐색할 수 있는 더 쉬운 방법을 제공합니다. 방문자를 콘텐츠로 바로 안내하는 동일한 페이지 링크입니다. 방문자는 페이지 상단의 탐색 링크, 광고 또는 기타 원치 않는 요소와 상호 작용할 필요가 없습니다. 방문자는 페이지에 액세스한 후 건너뛰기 링크를 클릭하여 콘텐츠로 바로 이동할 수 있습니다.

접근성은 장애가 있는 방문자가 WordPress 웹사이트를 쉽게 사용할 수 있도록 하는 것입니다. 또한 더 많은 방문객들에게 문을 열 것입니다. WordPress 웹 사이트를 더 쉽게 액세스할 수 있게 하면 더 많은 트래픽이 생성됩니다. 더 중요한 것은 방문자 참여를 유도하는 긍정적인 평판을 개발한다는 것입니다.

흥미로운 관련 기사: WordPress 웹사이트에 가장 적합한 플러그인을 선택하는 방법.