일반적인 WordPress 접근성 문제를 찾고 수정하는 방법

게시 됨: 2022-06-13

인터넷은 여러 면에서 소외된 사람들에게 힘을 실어주고, 일반 사람들에게 목소리를 내고, 장애인들을 가능하게 하는 것 중 하나입니다. 권력을 분배하고 모든 사람에게 정보와 지식에 대한 접근 권한을 부여하는 매체입니다.

오늘날 모든 사람이 웹 사이트에 액세스할 수 있도록 준수해야 하는 웹 액세스 가능성에 대한 엄격한 표준이 있습니다. 사이트를 개발하는 동안 많은 개발자는 작업이 일반 사용자에게 기능이 있으면 완료된 것으로 간주합니다. 그러나 전 세계 인구의 15%가 어떤 식으로든 장애인이며 웹사이트에 이에 대한 액세스 옵션이 없으면 인구의 많은 부분을 놓치고 있는 것입니다.

워드프레스 접근성

WordPress는 플랫폼 WCAG 2.0 AA를 준수하도록 노력했습니다. 그들의 전담 접근성 팀은 기능을 만들고 핵심을 변경하는지 확인합니다. WordPress가 다른 CMS보다 상대적으로 액세스하기 쉬운 주요 이유는 다음과 같습니다.

오픈 소스입니다
WCAG 2.0 AA 준수
W3C의 ATAG 또는 Authoring Tool Accessibility Guidelines 2.0을 준수하는 것을 목표로 합니다.

WordPress 커뮤니티는 접근성 목표의 중요성에 박수를 보내고 높이 평가하지만 아직 완전히 도달하기 위한 진전은 없습니다.

웹 접근성이 왜 중요한가요?

웹에 액세스할 수 있는 웹사이트를 갖는 것은 여러 수준에서 유익합니다. 그러나 접근 가능한 사이트의 가장 근본적인 중요성은 장애인에게 혜택이 있다는 것입니다. 인터넷은 모든 사람이 경계 없이 정보를 사용할 수 있도록 하는 것입니다. 액세스 가능한 사이트는 모든 사람이 정보와 지식을 인식할 수 있는 방식으로 액세스할 수 있는 기회를 제공합니다.

다음은 액세스 가능한 사이트의 몇 가지 추가 이점입니다.

법적 불만을 피할 수 있습니다.
더 넓은 도달 범위
SEO 향상
긍정적인 PR 구축

검색 엔진은 또한 웹사이트에 액세스할 수 있는 것에 대해 보상합니다. 검색 엔진은 액세스 가능한 웹 사이트의 순위를 더 높게 지정하는 것으로 나타났습니다. Blog Starter에는 블로그를 더 사용자 친화적이고 수익성 있게 만들 수 있는 모든 훌륭한 블로깅 자습서가 있습니다.

웹사이트의 접근성 문제를 해결하는 방법을 살펴보겠습니다.

접근 가능한 테마 선택

모든 테마에 액세스할 수 있는 것은 아닙니다. 접근 가능한 테마를 만들려면 많은 노력과 테스트가 필요합니다. WordPress의 접근성 팀은 저장소에서 115개의 무료 접근성 지원 테마를 식별했습니다. 하지만 프리미엄 테마를 구매하기로 선택했다면 접근성 기능, 고객 리뷰 등을 반드시 확인하십시오. 일반적으로 프리미엄 테마는 접근성 기능을 통합하기 위해 더 많은 노력과 테스트를 수행합니다.

그러나 이것은 첫 번째 단계에 불과합니다. 접근성 기능을 교차하지 않는 플러그인 및 코드를 사용하는 데 주의해야 합니다.

올바른 플러그인 선택

플러그인은 워드프레스의 근간입니다. 기본적으로 제공되지 않는 추가 기능을 CMS에 추가합니다. 이것이 사람들이 다른 CMS보다 WordPress를 선택하는 이유입니다.

그러나 잘못된 플러그인은 접근성 문제를 일으킬 수 있습니다. 플러그인을 선택할 때 특별히 주의해야 하는 몇 가지 영역은 다음과 같습니다.

페이지 빌더
대화형 플러그인
양식 플러그인

접근성 플러그인

그러나 사이트의 접근성을 향상시킬 수 있는 특정 플러그인이 있습니다. 접근성 기능을 추가한다고 주장하는 wordpress.org의 접근성 태그 아래에서 100개 이상의 플러그인을 찾을 수 있습니다. 그러나 많은 개발자는 접근성을 향상시킨다고 주장하는 플러그인에 대해 진지하게 생각하고 있습니다.

텍스트가 아닌 콘텐츠에 대한 대체 텍스트

오늘날 미디어는 웹사이트 콘텐츠의 대부분을 형성합니다. 이것은 장애가 있는 사람을 압도할 수 있습니다. 시각 장애인은 이미지나 비디오를 인식할 수 없으며 청각 장애인은 오디오를 인식할 수 없습니다. 따라서 미디어 콘텐츠와 함께 읽거나 들을 수 있는 대체 텍스트를 넣는 것이 중요합니다.

대체 텍스트를 사용하면 미디어 콘텐츠 및 장식 콘텐츠와 함께 텍스트를 넣을 수 있습니다. 이미지에 대체 텍스트를 추가하는 이 간단한 방법, 비디오, 오디오 및 다이어그램의 스크립트 등은 훌륭한 접근성 방법입니다.

동작 제어

웹사이트는 GIF, 그래픽, 벡터, 팝업 등의 형태로 자동화된 미디어를 많이 사용합니다. 사용자가 페이지를 로드하는 즉시 페이지에 있는 모든 미디어가 자동으로 시작됩니다. 여기에는 오디오도 포함됩니다. 그러나 사용자가 수동으로 미디어 요소를 켜거나 끄도록 하는 것이 가장 좋습니다. 이것은 페이지 로드 속도를 향상시킬 뿐만 아니라 사용자에게 더 넓은 범위의 제어를 제공합니다.

적절한 색상 대비

WordPress를 사용하면 웹 페이지에서 다양한 요소의 색상을 변경할 수 있습니다. 이렇게 하면 페이지의 색상 대비를 제어할 수 있습니다. 많은 사람들이 다양한 시각 장애와 광범위한 시각 능력을 가지고 있기 때문에 이것은 중요합니다. 따라서 페이지의 텍스트와 요소는 모두가 쉽게 구별할 수 있어야 합니다.

WCAG 2.0 AA는 일반 텍스트의 경우 최소 4.5:1의 비율을 요구하고 큰 텍스트의 경우 3:1의 비율을 요구합니다.

키보드 탐색

키워드 탐색은 아마도 가장 중요한 접근성 형태 중 하나일 것입니다. 사용자가 마우스의 도움 없이 키보드만 사용하여 웹사이트를 탐색할 수 있습니다. 웹사이트에서 키보드 탐색 접근성을 테스트할 수도 있습니다.

Tab을 사용하여 아래로 탐색하고 Shift+Tab을 사용하여 웹 페이지에서 위로 탐색합니다. 웹 페이지에 있는 모든 링크를 통과할 수 있는지 확인하십시오.

설명 링크

스크린 리더를 사용하거나 시력이 좋지 않은 많은 사람들은 링크를 읽을 수 없고 웹사이트의 다른 영역으로 이동하도록 선택합니다. 여기를 클릭 하거나 더 읽어보기 라는 링크는 설명이 충분하지 않습니다. 따라서 설명 링크를 사용하면 특정 링크가 무엇에 관한 것이며 링크가 연결되는 위치를 파악할 수 있습니다.

사용자 친화적인 양식

양식은 중요한 기능입니다. 우리 모두는 때때로 한두 가지 양식을 작성해야 합니다. 그러나 형식은 접근성에 가장 큰 장애물 중 하나임이 입증되었습니다.

양식은 더 쉽게 액세스할 수 있도록 사용자에게 다음 사항을 알려야 합니다.

어떤 정보가 어떤 상자에 들어가야 하는지
어떤 상자에 잘못된 정보가 있으며 그 이유는 무엇입니까?
사용자 이름 또는 비밀번호를 수락하기 위해 변경해야 할 사항
오류, 수락, 수정 등을 나타내는 범용 기호
기본 색상을 사용하여 옳고 그름을 보여줍니다.

결론

웹 접근성은 단순히 웹사이트의 순위를 매기거나 좋은 PR을 구축하는 문제가 아닙니다. 모든 종류의 장벽을 허물어 더 많은 사람들이 정보와 지식에 액세스할 수 있도록 하는 것입니다. 접근성은 신체 장애가 있는 사람들에게만 음식을 제공하는 것을 의미하지 않습니다. 사람들은 여러 가지 이유로 장애인이 될 수 있습니다. 언어, 연결성, 인터넷 가용성, 사회경제적 격차 등의 차이도 사람들이 인터넷에 액세스하지 못하는 원인이 될 수 있습니다.

웹의 기본 원칙은 모두를 위한 것입니다. 따라서 차이점에 관계없이 사람들이 당사 웹사이트에 액세스할 수 있도록 하는 것은 어떤 면에서 도덕적 책임입니다. 이 간단한 팁은 보다 포괄적인 웹 경험을 위한 중요한 단계를 수행하는 데 도움이 될 수 있습니다.