WordPress 접근성을 위한 10단계: 디지털 규정 준수를 개선하는 방법은 무엇입니까?
게시 됨: 2023-08-212003년 블로그 플랫폼으로 시작된 이래 WordPress는 전 세계 웹사이트의 40% 이상을 차지할 정도로 발전했습니다. 이러한 성장은 오픈 소스 특성과 커뮤니티 지원 덕분에 대부분의 웹사이트 소유자에게 완벽한 선택이 되었습니다.
많은 기업이 WordPress로 전환함에 따라 가능한 한 많은 사용자에게 포용성을 보장하기 위해 웹 접근성이 중요합니다. 여기에는 보조 기술을 사용하여 웹 사이트를 탐색하는 시각 장애인이 포함됩니다.
WordPress 접근성은 사이트의 접근성을 높이고 변화에 따른 특정 문제를 해결하기 위한 웹 디자인 표준과 모범 사례로 구성됩니다. 다음은 WordPress 접근성과 접근성이 뛰어난 WordPress 웹사이트를 만드는 10단계에 대해 알아야 할 모든 것입니다.
WordPress 접근성이 중요한 이유는 무엇입니까?

WordPress 접근성은 다음과 같은 이유로 중요합니다.
장애인을 위한 포괄적인 경험 제공
레이아웃, 디자인, 탐색, 콘텐츠에 중점을 두고 웹사이트를 구축하다 보면 정신적, 육체적 장애가 있는 사람들을 포함하여 웹사이트를 방문할 사람들의 다양성을 잊어버리기 쉽습니다. 이로 인해 귀하의 사이트 사용이 제한됩니다. 따라서 WordPress 소유자 또는 개발자는 귀하의 사이트에 액세스할 수 있는지 확인해야 합니다. 이렇게 하면 방문자의 어려움에 관계없이 쉽게 콘텐츠 상호 작용을 보장할 수 있습니다.
사용자 경험 향상
접근할 수 없는 웹사이트는 사용자가 간단한 작업을 수행하거나 필요한 정보를 얻는 것을 어렵게 만듭니다. 따라서 순위를 매기는 것 외에도 귀하의 웹사이트가 잠재고객에게 유용한지 확인하세요. 이렇게 하면 리드가 만족도로 전환되고 브랜드 충성도가 높아질 가능성이 높습니다.
잠재적인 소송 위험 감소
웹 접근성은 대부분의 주에서 요구 사항이므로 WordPress ADA 준수가 필요합니다. 규정 준수를 통해 심각한 소송과 평판 훼손으로부터 브랜드를 보호할 수 있습니다.
SEO 향상
ADA를 준수하는 WordPress는 검색 엔진이 귀하의 콘텐츠를 사용자에게 더 쉽게 표시할 수 있도록 하여 SEO에 긍정적인 영향을 미칩니다.
신규 고객에게 비즈니스를 개방합니다
웹 접근성을 개선하면 귀하의 웹사이트가 더 많은 고객과 추천자에게 눈에 띄고 매력적으로 보일 것이며 결과적으로 귀하의 비즈니스가 새로운 고객에게 다가갈 수 있게 될 것입니다.
ADA 준수란?
ADA 준수는 모든 사람, 특히 특별한 능력이 있는 사람을 공공 생활의 모든 측면에 포함하도록 요구하는 민법입니다. WordPress ADA 규정을 준수하려면 최소한 AA 수준의 WCAG 지침을 따라야 합니다. ADA 규정은 모든 전자 기술 및 정보에 적용됩니다. 의무를 이행하지 않으면 의도치 않게 건너뛰더라도 비즈니스가 큰 소송을 당할 위험이 있습니다.
웹 콘텐츠 접근성 지침
WCAG 지침에 따르면 귀하의 웹사이트는 신체적, 청각적, 시각적, 인지적 장애가 있는 사람들을 수용할 수 있도록 작동 가능하고, 인식 가능하고, 이해 가능하고 견고해야 합니다.
Perceivable 웹사이트에는 비디오 캡션, 이미지 대체 텍스트, 의미론적 HTML 구조가 포함되어 있어 장애인이 WordPress에 액세스할 수 있습니다. 또한 귀하의 웹사이트는 충분한 색상 대비를 갖추고 의미 있는 읽기 순서를 제공해야 합니다.
작동 가능한 콘텐츠는 접근성 상호 작용을 제공합니다. 콘텐츠는 키보드 액세스와 콘텐츠 상호작용을 위한 적절한 시간을 제공해야 하며 발작을 유발하는 깜박임을 방지해야 합니다.
이해할 수 있는 콘텐츠는 장애인이 이해할 수 있는 간단하고 명확한 언어로 구성됩니다.
강력한 콘텐츠는 보조 기술이 여러 플랫폼 및 장치를 통해 웹 사이트 콘텐츠와 상호 작용하고 표시할 수 있도록 보장합니다.
WCAG 규정 준수 검사를 수행하면 웹 사이트의 위치와 플랫폼의 접근성을 높이는 방법을 파악하는 데 도움이 됩니다.
WordPress는 기본적으로 액세스 가능합니까?
모든 WordPress 릴리스에는 접근성 기능이 있지만 사이트에 대한 접근성을 보장하려면 더 많은 작업을 수행해야 합니다. 개발자는 W3C의 지침을 준수하여 WordPress 접근성에 대한 새로운 보조 도구와 지침을 만들고 있지만 완전히 일치하지는 않습니다.
접근성 높은 WordPress 웹사이트를 만드는 10단계
접근성은 사람들의 마음 속에 점점 더 인기 있는 주제이며, WordPress 커뮤니티에서도 이 주제에 대해 목소리를 높이고 있습니다. 접근성 높은 WordPress 웹사이트를 만드는 단계를 읽어보세요.
WordPress 사이트의 접근성 테스트
개발 및 유지 관리 중에 WordPress 사이트의 접근성을 감사하는 것이 중요합니다. Chrome 확장 프로그램인 Google Lighthouse와 같은 테스트 도구를 통해 이를 수행할 수 있습니다.
접근성을 위해 설계된 테마를 선택하세요
WordPress.org 테마 저장소를 통해 WordPress에서 액세스할 수 있는 웹사이트 테마를 얻을 수 있습니다. 이러한 테마는 WCAG 지침을 완전히 준수하지는 않지만 WordPress 접근성을 향한 좋은 시작을 제공합니다.
접근 가능한 코드 작성
귀하가 귀하의 웹 사이트를 코딩하는 사람이 아닐 수도 있지만 귀하의 선택으로 인해 귀하의 웹 사이트에 액세스할 수 없게 되어 사용자에게 부정적인 영향을 미칠 수 있습니다. 깨끗하고 접근 가능한 HTML 코드를 사용하는 것은 WordPress 접근성에 매우 중요합니다. 적절한 헤더 및 제목 태그, 글머리 기호 목록, 메타 설명 및 대체 태그를 사용하면 시각 장애가 있는 방문자가 페이지의 모든 내용을 쉽게 찾을 수 있습니다.

접근 가능한 콘텐츠 만들기
접근 가능한 콘텐츠를 만드는 것은 다음을 의미합니다.
- 독자가 링크를 통해 어디로 이동하는지 알 수 있도록 설명하는 앵커 텍스트
- 더 짧은 문장과 단락
- 관련 이미지
- 오디오 및 비디오 캡션
- 오디오 및 비디오 파일에 대한 페이지 내 기록
텍스트가 아닌 콘텐츠에 대한 텍스트 대안 제공
이미지에 대한 대체 텍스트를 제공하면 텍스트가 아닌 콘텐츠에 대한 설명을 볼 수 없는 사용자에게 제공됩니다. 이는 이미지 내용을 쉽게 이해할 수 있으므로 화면 판독기에 의존하는 독자에게 특히 유용합니다.
탐색 버튼 및 링크 개선
블로그나 다른 사이트에 연결할 때 독자가 링크를 통해 어디로 이동하는지 알 수 있도록 설명적인 링크를 사용하세요. 예를 들어, "연락처" 또는 "내 비즈니스에 대해 자세히 알아보기"가 "여기를 클릭하세요"보다 더 좋습니다. 탐색 버튼은 키보드 액세스도 제공해야 합니다.
주의해서 색상을 사용하세요
색상과 대비는 웹 콘텐츠의 선명도와 가독성에 영향을 미칩니다. WCAG는 다음과 같은 점에서 색상을 신중하게 사용할 것을 권장합니다.
명암비

WordPress에서 색상을 주의 깊게 사용한다는 것은 웹 사이트의 텍스트 및 기타 시각적 요소가 배경과 충분히 대비되어 가독성을 높여야 한다는 것을 의미합니다. 일반 텍스트에 권장되는 WCAG 명암비는 4:5:1입니다.
최소 18.67px, 굵은 글씨 또는 24px 이상의 큰 텍스트에는 3:1 명암비가 필요합니다. 양식 필드 테두리와 버튼과 같은 대화형 요소에도 주변 배경과 3:1의 명암비가 필요합니다.
플랫폼 키보드를 탐색 가능하게 만들기
WordPress 접근성에 대한 또 다른 권장 사항은 플랫폼 키보드를 탐색 가능하게 만드는 것입니다. 마우스를 사용할 수 없거나 사용에 어려움이 있는 사용자도 키보드 명령을 통해 웹사이트 메뉴, 홈페이지 및 기타 요소를 탐색할 수 있어야 합니다.
텍스트 크기 조정 기능 제공
웹 사이트의 텍스트 크기가 원래 크기의 최대 200%까지 조정될 때 콘텐츠가 가독성을 유지하고 겹치거나 잘리지 않는지 확인하세요. 사용자가 텍스트 크기를 늘릴 수 있도록 컨트롤을 제공할 필요는 없습니다. 그러나 텍스트 크기 조정 컨트롤을 포함하기로 결정한 경우 모든 사용자가 액세스할 수 있는지 확인하세요.
명확한 레이아웃 사용
명확한 레이아웃을 사용하면 방문자가 콘텐츠를 쉽게 읽고 처리할 수 있습니다. 난독증이 있는 사람의 눈을 편안하게 하기 위해 공백을 아낌없이 사용하고 제목과 기타 시각적 요소로 텍스트를 분리함으로써 명확한 레이아웃으로 WordPress 접근성을 달성할 수 있습니다.
접근성을 전략으로 삼으세요
마지막으로 WordPress 웹사이트를 접근성 있게 만드는 단계를 설명하는 계획을 개발하세요. 이렇게 하면 직원과 개발자가 액세스 가능한 사이트를 향한 모든 작업에 기여하게 됩니다. 진행 상황을 모니터링하여 시장 요구 사항과 WordPress ADA 규정 준수 전략을 수립할 수 있습니다.
자주하는 질문
WordPress.org 기대치는 WCAG 지침을 준수하는 접근 가능한 테마와 플러그인을 묘사하지만, 사이트를 완전히 접근 가능하게 만드는 것은 제작자 또는 소유자의 몫입니다.
WordPress는 사용자에게 최적화된 테마를 제공하고 여러 장치에서 액세스할 수 있도록 하여 접근성을 돕습니다. 이 사이트에는 접근 가능한 테마도 있지만 완전한 접근성을 보장하려면 이를 보완해야 합니다.
WordPress의 접근성 모드는 사용자가 페이지에 위젯을 추가할 수 있는 이전 버전의 설정을 의미합니다. 이 기능은 클래식 편집기를 통해 대시보드 오른쪽 상단에서 사용할 수 있었습니다. 그러나 최신 업데이트에서는 이 기능이 구텐베르그 편집기로 대체되었습니다.