Day 21) 웹접근성 테스트하기

🎄  A11y Advent Calendar (번역) 21일차입니다. 전체 목록을 보고싶으시면 여기로 이동해주세요 :)

 

2일차에는 웹 콘텐츠 접근성 지침(WCAG)을 사용하여 접근성을 평가하는 방법에 대해 이야기했습니다. 이제는 어떻게 테스트하는지 살펴보겠습니다. 

 

웹 접근성은 매우 다양한 측면에서 발생할 수 있는 문제들을 포함하고 있습니다. 이런 다양성과 복잡성으로 인해 자동화가 어려운 경우가 많습니다. 기본적으로 HTML을 감사하여 마크업 문제가 있는지 확인할 수 있습니다.

HTML을 테스트하는 데는 여러 도구를 사용할 수 있습니다:

1. pa11y: 페이지를 감사하기 위한 CLI를 제공합니다.
2. a11y.css: CSS만을 사용하여 잠재적인 HTML 문제를 찾아내는 편리한 bookmarklet입니다.
3. a11y-outline: 우리가 4일차에 논의한 접근성 bookmarklet으로, 랜드마크, 링크 및 제목을 빠르게 감사하는 데 좋습니다.
4. aXe: 다양한 방법으로 통합할 수 있는 접근성 테스팅 엔진입니다(DevTools, React, Cypress 등).
5. WAVE와 같은 수많은 브라우저 확장 프로그램도 있습니다.

이 때 강조하고 싶은 것은 "완전히 자동화된 접근성 솔루션"이라고 소개되는 accessiBe가 사기라는 점입니다. 이는 한줄의 JavaScript 위젯을 구현함으로써 모든 접근성 문제를 해결할 수 있다고 믿는 기업들을 타깃으로 합니다. 그러나 그런 것은 불가능합니다. 절대로 속지 마세요.

 

카피라이팅과 컨텐츠 테스트를 위해 다음을 추천할 수 있습니다

1. alex.js: 무분별하고 사려 깊지 못한 글쓰기를 찾아내는 command-line 유틸리티입니다.
2. Hemingway App: 텍스트(영어)의 중복과 복잡성을 감지하여 글쓰기 스타일을 개선하는 데 도움이 되는 웹 애플리케이션입니다.

테스트할 수 있는 몇 가지 쉬운 것들

• OS 환경설정에서 모션 감소 기능을 활성화합니다(가능한 경우).
• OS 환경설정에서 dark 모드를 활성화합니다(가능한 경우).
• 모바일과 데스크톱 모두에서 트랙패드/마우스에 보조 핸들을 사용합니다.
• 키보드만 사용합니다.
• 스크린 리더를 사용합니다(예: 보이스오버 또는 크롬복스, 모두 무료 옵션).

더 포괄적인 테스트를 위해 유용한 체크리스트

1. A11y Project의 체크리스트.
2. 기술적 구현을 넘어가는 VoxMedia의 체크리스트.
3. Elsevier의 체크리스트

접근성 전문가가 실시하는 전문 감사를 추천해 드릴 수 있습니다

1. Marcy Sutton: 2021년에 접근성 테스트에 관한 EggHead 시리즈를 출시할 예정입니다.
2. AxessLab: 접근성 감사 및 테스트에 특화된 회사입니다.
3. Temesis: 해외에서의 접근성 감사도 수행하는 영어 능력을 갖춘 프랑스 회사입니다.
4. Tenon: 조직 내에서 접근성을 구성, 테스트 및 평가하기 위한 서비스형 소프트웨어(SaaS) 솔루션

출처 Day 21) Testing Accessibility