Accessibility Tools

August 23, 2016 · 3 min read

접근성 있는 애플리케이션을 만드는 것은 중요하다. 우리는 Devtron과 Spectron에 새로운 기능을 추가해 개발자들이 더 나은 애플리케이션을 만들 수 있도록 지원하게 되어 기쁘게 생각한다.

Electron 애플리케이션의 접근성 문제는 웹사이트와 유사하다. 둘 다 궁극적으로 HTML을 기반으로 하기 때문이다. 그러나 Electron 앱은 URL이 없어 접근성 감사 도구를 사용할 수 없다는 점에서 차이가 있다.

이 새로운 기능들은 이러한 감사 도구를 Electron 앱에 제공한다. Spectron을 통해 테스트에 접근성 감사를 추가하거나 Devtron을 통해 DevTools 내에서 사용할 수 있다. 이 도구들의 요약을 확인하거나 더 자세한 정보를 원한다면 접근성 문서를 참고하라.

Spectron

테스트 프레임워크인 Spectron에서 이제 애플리케이션의 각 윈도우와 <webview> 태그에 대한 접근성 검사를 수행할 수 있다. 예를 들어:

app.client.auditAccessibility().then(function (audit) {
  if (audit.failed) {
    console.error(audit.message);
  }
});

이 기능에 대한 자세한 내용은 Spectron의 문서에서 확인할 수 있다.

Devtron에는 새로운 접근성 탭이 추가되었다. 이 탭을 사용하면 앱 내 페이지를 감사하고, 결과를 정렬하거나 필터링할 수 있다.

devtron screenshot

이 도구들은 모두 Google이 Chrome용으로 개발한 Accessibility Developer Tools 라이브러리를 사용한다. 이 라이브러리가 사용하는 접근성 감사 규칙에 대해 더 알고 싶다면 저장소의 위키를 참고하면 된다.

Electron용으로 유용한 다른 접근성 도구를 알고 있다면, 접근성 문서에 풀 리퀘스트를 통해 추가할 수 있다.

Spectron​

Spectron