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

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

이 글에서는 WordPress 웹 사이트의 접근성을 높이고 누구나 접근성을 높이기 위해 사용할 수있는 간단한 도구를 소개하는 것이 왜 중요한지 보여 드리겠습니다. 여러분. 왜? 귀하의 궁극적 인 목표는 가능한 많은 사람들이 귀하의 웹 사이트를 방문하도록하는 것입니다. 모든 사람이 사이트에 액세스 할 수 없게 만드는 경우 어떻게해야합니까?


또한 대부분의 사람들은 최신 소셜 미디어 마케팅 전략을 사용하여 사이트에 많은 양의 트래픽을 유도하는 마법의 방법을 찾고 검색 엔진 최적화 우리가 많은 것을 잊어 버린 것은 이것입니다. 이미 귀하를 발견 한 사람들은 웹 사이트를 쉽게 탐색 할 수 있어야합니다..

이것은 매우 벽돌과 박격포 비즈니스 상황에서와 마찬가지로 사람들은 모든 유형, 모양 및 크기로 제공되기 때문에 중요합니다. 궁극적으로, 당신은 당신의 시설을 방문하는 데 시간을 보낸 사람들이 주변을 둘러보고, 돈을 보내고, 자주 돌아와서 무엇보다도, 다른 사람들을 그들과 함께 데려 오기를 원합니다..

이전에 웹 사이트 접근성에 관심이 없었다면 지금해야합니다. 그 말로, 균열하자!

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

우리가 이야기하는 것을 이해하기 위해 잠시 시간을 보냅시다..

웹 사이트 접근성 장애가있는 사람이 웹 사이트와 상호 작용하거나 웹 사이트에 액세스하지 못하게하는 장벽을 제거하는 관행을 말합니다. 사이트가 올바르게 설계, 개발 및 편집되면 모든 사용자가 정보 및 기능에 동일하게 액세스 할 수 있습니다.

우리는 실제로 장벽을 제거하는 방법에 대해 이야기하고 있습니다. 복잡해 보이지만 실제로는 그렇지 않습니다. 예를 들어 장벽 웹 사이트에서 링크를 위해 눈에 잘 띄고 의미있는 제목 (예 : 툴팁으로 표시되는 텍스트)을 만들지 않는 것처럼 간단 할 수 있습니다..

평범한 인터넷 여행자이고 웹 사이트 디자이너 및 / 또는 웹 마스터가 사이트를 더 쉽게 탐색 할 수 있도록 약간의 노력이 부족하여 갑자기 실망하는 경우, 비전을 가진 사람이 장애는 지금 느끼고있다.

다른 사람의 눈을 통한 인터넷

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

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

그만큼 좋은 뉴스는 많이있다 보조 기술 인터넷 서핑을 즐길 수있는 장애인이 이용할 수 있습니다. 웹 사이트 디자이너로서 귀하의 직무는 귀하의 사이트가 이러한 기술이 작동 할 수 있도록하는 특정 지침을 준수하도록하는 것입니다.

인기있는 인터넷 접근성 도구

보조 기술에 관해 말하면, 가장 많이 사용되는 인터넷 접근성 플러그인은 다음과 같습니다.

  • 스크린 리더 소프트웨어 그것은 합성 된 음성을 사용하여 컴퓨터에서 일어나는 일을 읽습니다..
  • 새로 고침 할 수있는 점자 디스플레이 텍스트를 점자 문자로 렌더링.
  • 화면 확대 소프트웨어 모니터에 표시되는 내용을 확대.
  • 음성 인식 소프트웨어음성을 텍스트로 바꾸는 e.
  • 키보드 오버레이 보다 쉽고 정확한 타이핑

그리고 그렇습니다.

  • 의 무료 보조 기술 필수 접근성 타이핑, 마우스 이동 또는 화면 읽기에 어려움이있는 사람들을 돕습니다..

이제 장애가있는 개인이 블로그를 읽거나 에키드나가 무엇인지 (* 힌트 * 여분의 뾰족한 고슴도치처럼 보임)와 먹는 것이 무엇인지, 또는 완벽한 선물을 사기 위해 쇼핑 할 때 어떤 장애가 있는지 이해했습니다. 온라인에서 완전히 액세스 가능한 웹 사이트 디자인을 달성하는 데 도움이되는 몇 가지 도구를 살펴볼 수 있습니다. 결국, 장애인이 귀하의 사이트에 올바르게 액세스 할 수 있다면 얼마나 쉬운 지 생각해보십시오. 여러분 길을 찾다.

접근 가능한 워드 프레스 테마를 선택하는 방법

완전히 액세스 가능한 웹 사이트의 첫 번째 단계는 접근성이 준비된 테마를 선택하는 것입니다. 많은 테마 개발자가 시간을내어 가이드 라인을 구현하고 있습니다. 워드 프레스 테마 접근성 핸드북, 따라서 가장 좋은 방법은 저자에게 특정 테마가 접근성 준비가되었는지 물어 보는 것입니다.

웨이브 접근성 테스트

예를 들어 여기 WPExplorer에서 우리는 하와이 대학교 Total WordPress 테마의 접근성을 높이기 위해 보고 싶습니까? UH 웹 사이트를 통해 WAVE 웹 접근성 평가 도구 웹 사이트를 모든 학생들이 사용할 수 있도록 테마 기능을 어떻게 구현했는지 확인할 수 있습니다..

WordPress.org 주요 테마 디렉토리

당신은 또한 무료로 접근 가능한 테마를 찾을 수 있습니다 WordPress.org, 그냥 클릭 테마 테마 디렉토리를 열려면 페이지 상단의 메뉴 링크를 클릭하십시오. 하위 메뉴를 찾습니다 기능 필터. 옆에 작은 기어가 있습니다. 클릭.

검색을 필터링 할 때 선택할 수있는 다양한 옵션이 열립니다. 아래에 풍모, 당신이 짐작했던 최고의 기능을 클릭하십시오. 접근성 준비.

WordPress.org 주요 테마 디렉토리 접근성 필터

그런 다음 원하는만큼 다른 필터를 선택할 수 있습니다. 왼쪽으로 넘어 가면 필터 적용 버튼을 클릭하면 얼마나 많은 필터를 적용했는지 알 수 있습니다. 딸깍 하는 소리 필터 적용. 항상 차량 내부에 손과 발을 보관하십시오.

WordPress.org 접근성 준비 테마

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

테마가 다음과 같이 표시되어 있다는 점에 유의해야합니다. 접근성 준비 ‘완전히’액세스 가능하다는 의미는 아닙니다. 그러나 테마 개발자가 테마에 액세스 가능으로 태그를 지정하는 데 어려움을 겪었다면이 부분에서 약간의 작업을 수행했을 가능성이 있습니다. 문제가 발생하면 다른 사용자의 테마를 업데이트 할 수 있도록 알려주십시오..

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

WP 접근성

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

내 개인적인 선택은 WP 접근성, 여기에는 WordPress 테마를 사용하여 발생할 수있는 많은 일반 접근성 문제를 찾아서 파기 할 수있는 다양한 도구가 포함되어 있습니다. 전문 지식이 거의 필요 없으며 설치가 최소화됩니다..

WP 접근성 도우미 (WAH) 건너 뛰기 링크, 글꼴 크기 조정, DOM 스캔, 대비 모드 등에 유용한 유용한 기능을 포함하는 하나의 옵션으로 제공됩니다. 한 번에 여러 가지 기능을 사이트에 빠르게 추가 할 수 있습니다..

보다 구체적인 접근성 요구를 충족하기 위해 체크 아웃하려는 다른 사용자.

접근 가능한 글꼴

그만큼 접근성 위젯 사이드 바의 글꼴 크기 스위처 위젯을 작성합니다. 이렇게하면 사이트의 독자가 필요에 따라 텍스트 크기를 쉽게 변경할 수 있습니다..

더 읽기 쉬운 두 번째 옵션은 제노 폰트 리사이 저. 플러그인을 통해 사이트 관리자는 쿠키 길이뿐만 아니라 글꼴 크기 조정 옵션 (최소 및 최대 크기, 증가시 크기 조정 단계 및 문자)을 설정할 수 있습니다. 이렇게하면 사용자가 사이트로 돌아올 때 올바른 크기의 글꼴을 보게됩니다.

텍스트 음성

시각 장애인을 위해 오디오 옵션이있는 독자는 필수입니다. 내가 좋아하는 플러그인은 발표자 – 페이지 투 스피치. 이 플러그인은 게시물 및 페이지의 오디오 버전을 만들 수 있습니다. 무엇보다도 플러그인은 선택할 수있는 190 가지의 인간 품질의 음성을 제공하며 30 개 이상의 언어를 지원하며 대부분의 테마에서 잘 작동합니다..

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

양식

다음과 같은 플러그인을 사용하여 연락처 양식 접근성을 쉽게 만들 수 있습니다. 문의 양식 7 : 접근 가능한 기본값 과 중력 양식에 대한 WCAG 양식 필드, 또는 Formidable Forms와 같은 액세스 가능한 준비 양식 플러그인을 사용하여.

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

웹 사이트 접근성 테스트

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

WAVE 웹 접근성 평가 도구

이 기사에서 이미 언급 한 것은 WAVE 웹 접근성 평가 도구 WebAIM에 의해. 이 유용한 도구는 모든 오류, 경고, 기능, 구조 요소, ARIA 레이블 및 대비 오류를 표시하므로 적절하게 조정할 수 있습니다.

tota11y 접근성 도구

개발자를위한 또 다른 도구는 토타, Khan Academy가 개발 한 접근성 시각화 툴킷. 이 JS 파일은 화면 하단의 작은 안경 아이콘 탭에 표시되는 접근성 도구를 사용하도록 사이트에 추가하기 만하면됩니다. 페이지에서 액세스 가능한 요소와 수정하려는 오류 또는 위반을 보려면 클릭하십시오..

결론

그렇지 않으면 웹 사이트 접근성이 중요합니다 단순히 트래픽을 사이트로 유도하는 것보다 이제 목적지에 도착한 모든 사람이 믿을 수 없을 정도로 재미 있고 유익한 정보를 충분히 이해하고 탐색 할 수 있어야하는 이유를 이해할 수 있습니다. 귀하의 웹 사이트.

그래서 당신은 무엇을 기다리고 있습니다? 이 기회를 통해 현재 사이트에보다 쉽게 ​​액세스 할 수 있습니다.!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me