アクセシビリティの効果測定

Transcript

1. アクセシビリティの効果測定
 〜測りにくそうなものを測る〜
 2023/03/08
 伊原 力也
 @magi1125

2. 伊原 力也（@magi1125）
 • freee株式会社 デザインマネージャー
 • Ubie、STUDIO、CULUMU、東京都新型コロナ対策サイト等の
 アクセシビリティ改善支援
 • HCD-Net 評議委員、ウェブアクセシビリティ基盤委員会 委員
 • アクセシビリティ関連書籍の執筆・監訳
 2

3. サービス提供会社でのアクセシビリティ改善とは
 現状把握
 する
 学ぶ・体験す る
 対応箇所
 検討する
 改善する
 ユーザー
 評価する
 世間に
 周知する
 ユーザーの
 声を集める
 把握・改善
 ループ
 啓発・広報
 ループ

4. 4
 https://webapp-a11y.com 

5. 第7章 アクセシビリティの組織導入
 • 7.1 本章の読み方・使い方
 • 7.2 情報を共有して仲間を探す
 • 7.3 社内コミュニティを立ち上げる
 • 7.4 自身の考えを社内で発信する
 • 7.5 小規模な改善にトライする
 • 7.6 周りがチェックと改善をできるように支援する
 • 7.7 アクセシビリティを必要とする人に会う
 • 7.8 アクセシビリティの社内オーナーになる

6. 7章の続編：本日の内容のベース
 第5回 アクセシビリティを7つの視点で効果測定し、実績を証明する
 6

7. 今日の話について
 話すこと
 • Webサービス提供会社でのアクセシビリティ効果測定の考え方
 • 転じて、一見測定しにくいものを可視化する際の考え方
 （例：ユーザビリティ、ブランドイメージ…）
 話さないこと
 • アクセシビリティ改善活動の始め方、進め方
 • 測定するための環境・状況の作り方
 （目標設定、社内承認を得る、予算を立てる、時間を捻出する…）

8. アクセシビリティの効果測定とは

9. アクセシビリティの効果測定とは？
 • 「サービスを利用可能な状況が増えていること」
 • でも、それって測定できるの？
 9

10. 良い影響が出てそうな、わかりやすい事例
 • アクセシブルになると検索トラフィックが増える（可能性がある）
 ◦ 【これは注目】アクセシビリティ改善でトラフィック12%増!? 検索流入1.5倍の例も 【SEO情報まとめ】
 ▪ ※アクセシビリティオーバーレイの未導入／導入の
 差分の調査である点に注意
 • アクセシブルになるとクリック率が改善する
 ◦ 広告モジュールの導線テキストのテキストサイズと
 カラーコントラストの改善と検証を行い、
 その結果CTR、CPMともに+10%の改善
 10

11. Does web accessibility have a positive impact on SEO?
12. 2019年、サイバーエージェントのアクセシビリティを振り返る | CyberAgent Developers Blog
13. 直接測れるケースは限定的
 • ログイン後は検索トラフィックの話ではなくなる
 • アクセシビリティ「だけ」を改善する案件は少ない
 • Webでは支援技術ユーザーのカウントはできない
 ◦ How Many People With Disabilities Use My Website?
 • モバイルアプリならカウントできるけどオススメしない
 ◦ いま少ない→優先度低と誤解 ＆ 別バージョン提供の罠
 ◦ Accessibility — Separate but Equal is Never OK | by Sheri Byrne-Haber, CPACC
 13

14. どうすれば測定できるのか

15. 直接測らなければ測れるのでは
 • 「アクセシブルにして良いことがあった！」を局所で測るのは難しい
 • しかし、取り組む中での「状況の変化」なら測れる
 • アクセシビリティは品質。品質といえば…
 15

16. 16
 設計品質と利用品質（後編）
17. 17
 設計品質と利用品質（前編）
18. 18
 設計品質と利用品質（前編）
19. サービス提供会社でのアクセシビリティ改善とは
 現状把握
 する
 学ぶ・体験す る
 対応箇所
 検討する
 改善する
 ユーザー
 評価する
 世間に
 周知する
 ユーザーの
 声を集める
 把握・改善
 ループ
 啓発・広報
 ループ

20. 20
 ユーザーの 声を集める
 設計品質 利用品質 ユーザー
 評価する
 世間に
 周知する
 学ぶ・体験す る
 現状把握
 する
 改善する
 対応箇所
 検討する

21. 21
 課題の数や 割合
 社内の理解 度や取り組 み開始状況
 改善活動の 度合い
 ユーザーに よる評価
 会社のス テークホル ダーの反応
 プロダクトへ の顕在的な ニーズ
 設計品質 利用品質 1 2 3 4 5 6
22. 測定の6つの視点

23. 1. 社内の理解度や
 取り組み開始状況を測定する
 設計品質
24. アクセシビリティ研修の実施率
 24
 全てのメンバーにアクセシビリティー研修を実施しはじめました + 研修資料を公開します 第6回 アクセシビリティを必須スキルとし、採用・研修・スキルアップをする | gihyo.jp
25. アクセシビリティチャンネルの参加人数や活性度
 25
 Slack アナリティクスダッシュボードを閲覧する
26. アクセシビリティに関わるメンバーの理解度
 26
 note アクセシビリティ勉強会 〜画像編〜
27. 手動アクセシビリティチェックの実施率
 27
 第3回 アクセシビリティを新規開発の「当たり前」に組み込む | gihyo.jp
28. 2. アクセシビリティの
 課題の数や割合を測定する
 設計品質
29. 手動アクセシビリティチェックによる課題発生率
 29
 第5回 アクセシビリティを7つの視点で効果測定し、実績を証明する | gihyo.jp
30. 自動チェックによる課題発生率やスコア付け
 30
 Mabl
31. 3. 改善活動の度合いを測定する
 設計品質
32. QAにおける指標
 • アクセシビリティ関連IssueやPull Requestの起票数・完了数
 • アクセシビリティの課題解決にかかる期間の平均時間
 • リリース前にアクセシビリティissueを改善できた割合
 32
 第4回 アクセシビリティをQA（品質保証活動）につなげる。チケットの扱いを決める | gihyo.jp
33. デザインシステムのコンポーネント適用率
 33
 SmartHR UI Storybook
34. 34
 課題の数や 割合
 社内の理解 度や取り組 み開始状況
 改善活動の 度合い
 ユーザーに よる評価
 会社のス テークホル ダーの反応
 プロダクトへ の顕在的な ニーズ
 設計品質 利用品質 1 2 3 4 5 6
35. 4. 会社のステークホルダーの
 反応を測定する
 「設計品質→利用品質」のための伝達
36. アクセシビリティに関する広報発信への反応
 36
 第2回 アクセシビリティを広報・プレスリリースによって社外へつなげる | gihyo.jp
37. アクセシビリティに関する技術的な発信への反応
 37
 2022年、freeeのアクセシビリティを振り返る freee 技術の日
38. 38
 課題の数や 割合
 社内の理解 度や取り組 み開始状況
 改善活動の 度合い
 ユーザーに よる評価
 会社のス テークホル ダーの反応
 プロダクトへ の顕在的な ニーズ
 設計品質 利用品質 1 2 3 4 5 6
39. 5. プロダクトへの
 顕在的なニーズを測定する
 利用品質
40. プロダクトアップデート情報への反応数
 40
 製品アクセシビリティ情報 | サイボウズ
41. サービス内で障害や利用状況に言及するユーザー数
 41
 note
42. アンケートでの障害当事者の回答数
 42

43. アクセシビリティ関連の問い合わせの件数
 43
 サイボウズ製品のアクセシビリティ改善に協力
44. 商談や導入時のアクセシビリティへの言及数
 44
 2019年、freeeのアクセシビリティを振り返る
45. インタビュー・UT時のアクセシビリティ言及の数
 ※UT=ユーザビリティテスト 
 言及の例：
 • 文字の大きさや読みやすさ
 • スマートフォン利用時の画面の見やすさ、色の見分けやすさ
 • 画面が暗く感じるか・まぶしく感じるか
 • エラーを起こして修正する際の手順
 • キーボードで操作するときの経験
 45

46. 6. ユーザーによる評価結果を測定する
 利用品質
47. 支援技術ユーザーのUTによる問題の発生数
 47
 #15 【字幕あり】「ユーザーと一緒に進めるアクセシビリティ 〜1年でアクセシビリティを組織に浸透させた noteの取り組み〜」仙田 真郷（note株式会社）
48. まとめ

49. 49
 課題の数や 割合
 社内の理解 度や取り組 み開始状況
 改善活動の 度合い
 ユーザーに よる評価
 会社のス テークホル ダーの反応
 プロダクトへ の顕在的な ニーズ
 設計品質 利用品質 1 2 3 4 5 6
50. 7章の続編：本日の内容のベース
 第5回 アクセシビリティを7つの視点で効果測定し、実績を証明する
 50

51. 51
 https://webapp-a11y.com 

52. ご清聴ありがとうございました
 @magi1125

53. デザイナー、複数ポジションで大募集中です！
 freee 採用情報
 53