2019.05.16 人事労務freeeのアクセシビリティへの取組み ~ アクセシビリティQAのススメ ~ 竹田 祥 freee関西支社 開発部長 ・エンジニア ・プロダクトマネージャー ・アクセシビリティ初級 2 MISSION スモールビジネスを、世界の主役に。 CONCEPT アイデアやパッションやスキルがあれば だれでもビジネスを強くできるプラットフォーム Q.この数字は何でしょう 99.7% 中小企業 99.7% A.日本の企業規模の割合 ※出典：中小企業庁 平成26年 この99.7%のビジネスを サポートし、強くしたい PRODUCTS ビジネスをはじめる etc... ビジネスを続ける、育てる etc... アクセシビリティ に取組む理由 アイデアやパッションやスキルがあれば だれでもビジネスを強くできるプラットフォーム アイデアやパッションやスキルがあれば だれでもビジネスを強くできるプラットフォーム だれでも ＝ あらゆる人 アクセシビリティ対応 = あらゆる人が使えるようにする freeeが目指している ものと完全に一致 ↓ やらない理由がない どうやっているか アクセシビリティQA という仕組みを始めました そもそも ”QA” とは QA = Quality Assurance = 品質保証 Web サービスの開発において 機能のQA、デザインのQA などは 一般的に実施されている。 “アクセシビリティQA” とは 機能やデザインと同じく 「アクセシビリティの品質保証」 を開発プロセスに組み込む チーム構成 アクセシビリティやっていきWG CAO (Chief Accessibility Ojisan) 会計フリー開発メンバー モバイル開発メンバー etc 人事労務フリー開発メンバー CAO (Chief Accessibility Ojisan) 中根さん / 全盲のエンジニア / AccSell運営 AKO (Accessibility no hon Kaiteru Ojisan) 伊原さん / PM / アクセシビリティ本の執筆、監修 ”アクセシビリティやっていきWG” がある 先ほどの強豪2名を軸に、各開発チームからエンジニアやデザイナー、PdMなど複数のメンバーが参加 freee全体で使う共通のライブラリなどの作成 それぞれが各プロダクトでアクセシビリティを意識した開発を行いつつ、WGにて情報共有や悩み相談を行う プロセス 3つの観点でクオリティをチェック システムQA デザインQA アクセシビリティQA 動作テストチーム UI/UXデザイナー 強豪2名 アクセシビリティQA 強豪2名 ”アクセシビリティQA” が存在し、他のチェックと同様にリリースまでのプロセスに組み込まれている 今は強豪2名がチェック（今後広げたい） 画面モック時点での事前チェック、検証環境で実際に動作する状態でのチェックの2段階実施 強豪のおじさん2名が厳しくチェック 具体的な事例 2019/3月リリース 「特別休暇」機能 勤怠管理担当者が会社独自の休暇を定義する 従業員は日々の勤務でその休暇を取得できる アクセシビリティ QAの流れ DesignDoc(要件まとめ)作成 / PM UXデザイン → UIモック作成 / デザイナー アクセシビリティQA(事前チェック) / 強豪 強豪のおじさん2名が厳しくチェック Adobe XDで作ったモックに強豪が指摘やアドバイス モックを元に以下のチェックを行う ・デザインで改善できるもの ・実装時に気をつけるもの デザインで解決できるものはモックを修正して報告 コーディング時に解決すべきものはgithub issueに ここまで終わったら 実際のコーディングへ コーディング&検証環境へアップ / エンジニア アクセシビリティQA(実動作のチェック) / 強豪 ※システムQA、デザインQAも並行して実施 ※各指摘の影響範囲によっては実施順序を調整 強豪のおじさん2名が厳しくチェック 実画面を元に以下のチェックを行う ・スクリーンリーダーの解釈確認 ・障害を持つ方にとっての操作感 　(実用に耐えうるか) 具体的な指摘内容がコメントされる 要約：aria-labelちゃんと設定してね☆ 指摘内容はgithub issueに その後、優先度に応じて実際に対応する レビューする人のために確認方法をしっかり書く 優先度の高い指摘 に対応できたら 無事にリリース　 優先度の低いissueは改善時間に対応 大阪チームだと毎週金曜日の午後は自由に使える 「たこ Hack Day」 この時間にアクセシビリティ対応を進めるエンジニアも。 アクセシビリティQAに役立つ情報 (強豪がいなくても大丈夫！) 強豪の一人(中根さん)が運用してるサイト https://accsell.net/ 強豪の一人(伊原さん)が執筆/監修された書籍 Amazonで「アクセシビリティ」で検索 デザイニングWebアクセシビリティを実践するためのチェックリスト https://accessibilitychecklist.github.io/ Nokogiri様作成 ※その他、随時更新します！ まずは始めてみることが大事です ぜひ一緒にチャレンジしましょう アイデアやパッションやスキルがあれば “だれでも” ビジネスを強くできるプラットフォーム を実現していきます。ご期待ください。