Tota11y로 웹 사이트의 접근성 시각화 및 디버그

보조 기술은 웹 디자인의 새로운 규범입니다. 반응 형 디자인이 주류로 접어 들었을 때 디자이너에게 더 많은 사용자를 지원하는 것이 필요하다는 것이 신속하게 분명해졌습니다.

하지만 웹 접근성을위한 많은 작업. 이것은 거대한 주제이고 당신이 편리한 도구없이 선택할 수있는 것이 아닙니다..

Tota11y는 웹 사이트의 접근성 문제를 시각화하는 무료 툴킷. 이 기능은 브라우저에서 올바르게 작동하므로 툴킷을로드하고 사이트 (또는 사이트)를 클릭하면 접근성 권장 사항을 찾을 수 있습니다..

이 기능은 모든 페이지에 플러그인 할 수있는 JavaScript 라이브러리로 작동합니다. 너는 또한 할 수 있었다. 실제 사이트에서 수동으로 실행 Chrome DevTools를 통해 제공되지만 다른 사람의 사이트에서 작업하지 않는 한 항상 유용하지는 않습니다..

Tota11y는 페이지에 작은 툴바를 추가하고 DOM 전체에서 동적으로 실행됩니다. 언제든지 너를 작은 확장 상자를 가져올 요소를 클릭하십시오. 내게 필요한 옵션 문제를 다루는 세부 정보 포함.

내가 Tota11y에 대해 정말로 좋아하는 한 가지는 명확한 언어 각 설명 선 상자와 함께 사용됩니다. 대부분의 WAI-ARIA 문서는 세금 코드를 읽는 것과 같습니다. 수면을 취하기에 좋으며 웹 사이트를 디버깅하기에는 좋지 않습니다..

이 라이브러리를 사용하면 평범한 영어로 쓰여진 문제와 해결책. 그렇게 쉽게 소비하고 솔루션은 빠릅니다..

메인 페이지를 방문하면 사이트에서 실행중인 Tota11y의 데모를 볼 수 있습니다. 화면의 왼쪽 하단에있는 작은 검정색 탭입니다. 모든 기본 페이지 요소를 포함하는 확장 된보기를 클릭하십시오..

MIT 라이센스하에 모든 것이 오픈 소스이므로 작업하기가 정말 쉽습니다..

GitHub에서 사본을 가져 와서 거의 모든 용도로 사용할 수 있습니다. Tota11y에는 메인 스크립트로 확장 할 수있는 많은 플러그인이 함께 제공됩니다. 이들 보다 상세한 접근 가능성 문제를 확인하는 기능 추가.

내게 필요한 옵션 테스트에 큰 도움이된다면이 스크립트의 사본을 도구 상자에 넣을 수 있습니다..