メインコンテンツへスキップ

アクセシビリティツール

·2分で読めます
jlord
jlord

アクセシブルなアプリケーションを作成することは重要であり、DevtronとSpectronに新しい機能が導入され、開発者がすべての人にとってより良いアプリを作成する機会が得られたことを嬉しく思います。

Electron アプリケーションにおけるアクセシビリティの問題は、最終的には両方とも HTML であるため、Web サイトの問題と似ています。ただし、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 には新しいアクセシビリティタブがあり、アプリ内のページを監査し、結果をソートおよびフィルタリングできます。

devtron screenshot

これらのツールはどちらも、Google が Chrome 向けに構築したアクセシビリティ開発ツールライブラリを使用しています。このライブラリが使用するアクセシビリティ監査規則の詳細については、そのリポジトリの Wikiをご覧ください。

Electron の他の優れたアクセシビリティツールをご存知の場合は、プルリクエストでアクセシビリティドキュメントに追加してください。