アクセシビリティ監査ツール「DevAlly」の30秒紹介動画
製品チーム向けにアクセシビリティの準拠を自動で監査する「DevAlly」の30秒の紹介動画です。git pushの端末に出る赤い4行の問題が、Scan・Identify・Remediate・Proveの手順で片付くまでを追っています。
FablessBridgeによる自主制作の紹介動画
概要
製品チーム向けにアクセシビリティの準拠を自動で監査する「DevAlly」の30秒の紹介動画です。git pushの端末に出る赤い4行の問題が、Scan・Identify・Remediate・Proveの手順で片付くまでを追っています。
動画の要点
- 後回しになりがちなアクセシビリティの問題を、git pushの端末に赤い✗の4行として出しました。
- どこが悪いのかを、監査画面のViolationsのカードと、tabindexの問題とHighの表示を囲んで示しました。
- 直し方と直した証拠として、Fix my codeのボタンと、Resolved casesの画面を順に見せました。
動画の流れ
- 00:00公式のロゴとサイトの見出しが出ます。
- 00:03git pushの端末に、ボタン名・コントラスト・ラベル・tabindexの赤い✗が4行並びます。
- 00:08Scanとして公式の監査画面に寄り、Violationsのカードを囲みます。
- 00:12Identifyとして、端末の4行目と同じ部品のtabindexの問題とHighを囲みます。
- 00:16Remediateとして、Fix my codeを囲みます。
- 00:20ブロック文字の網点が中心からほどけ、公式ロゴが出ます。
- 00:23Proveとして、Resolved casesを囲みます。
- 00:26ロゴと「$ open https://devally.com」で締めます。