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

by Rikiya Ihara / magi

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

4  https://webapp-a11y.com  

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

Does web accessibility have a positive impact on SEO?

Slide 12

Slide 12 text

2019年、サイバーエージェントのアクセシビリティを振り返る | CyberAgent Developers Blog

Slide 13

Slide 13 text

直接測れるケースは限定的  ● ログイン後は検索トラフィックの話ではなくなる  ● アクセシビリティ「だけ」を改善する案件は少ない  ● Webでは支援技術ユーザーのカウントはできない  ○ How Many People With Disabilities Use My Website?  ● モバイルアプリならカウントできるけどオススメしない  ○ いま少ない→優先度低と誤解＆別バージョン提供の罠  ○ Accessibility — Separate but Equal is Never OK | by Sheri Byrne-Haber, CPACC  13 

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

16  設計品質と利用品質（後編）

Slide 17

Slide 17 text

17  設計品質と利用品質（前編）

Slide 18

Slide 18 text

18  設計品質と利用品質（前編）

Slide 19

Slide 19 text

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

測定の6つの視点 

Slide 23

Slide 23 text

1. 社内の理解度や  取り組み開始状況を測定する  設計品質

Slide 24

Slide 24 text

アクセシビリティ研修の実施率  24  全てのメンバーにアクセシビリティー研修を実施しはじめました + 研修資料を公開します第6回アクセシビリティを必須スキルとし、採用・研修・スキルアップをする | gihyo.jp

Slide 25

Slide 25 text

アクセシビリティチャンネルの参加人数や活性度  25  Slack アナリティクスダッシュボードを閲覧する

Slide 26

Slide 26 text

アクセシビリティに関わるメンバーの理解度  26  note アクセシビリティ勉強会〜画像編〜

Slide 27

Slide 27 text

手動アクセシビリティチェックの実施率  27  第3回アクセシビリティを新規開発の「当たり前」に組み込む | gihyo.jp

Slide 28

Slide 28 text

2. アクセシビリティの  課題の数や割合を測定する  設計品質

Slide 29

Slide 29 text

手動アクセシビリティチェックによる課題発生率  29  第5回アクセシビリティを7つの視点で効果測定し、実績を証明する | gihyo.jp

Slide 30

Slide 30 text

自動チェックによる課題発生率やスコア付け  30  Mabl

Slide 31

Slide 31 text

3. 改善活動の度合いを測定する  設計品質

Slide 32

Slide 32 text

QAにおける指標  ● アクセシビリティ関連IssueやPull Requestの起票数・完了数  ● アクセシビリティの課題解決にかかる期間の平均時間  ● リリース前にアクセシビリティissueを改善できた割合  32  第4回アクセシビリティをQA（品質保証活動）につなげる。チケットの扱いを決める | gihyo.jp

Slide 33

Slide 33 text

デザインシステムのコンポーネント適用率  33  SmartHR UI Storybook

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

4. 会社のステークホルダーの  反応を測定する  「設計品質→利用品質」のための伝達

Slide 36

Slide 36 text

アクセシビリティに関する広報発信への反応  36  第2回アクセシビリティを広報・プレスリリースによって社外へつなげる | gihyo.jp

Slide 37

Slide 37 text

アクセシビリティに関する技術的な発信への反応  37  2022年、freeeのアクセシビリティを振り返る freee 技術の日

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

5. プロダクトへの  顕在的なニーズを測定する  利用品質

Slide 40

Slide 40 text

プロダクトアップデート情報への反応数  40  製品アクセシビリティ情報 | サイボウズ

Slide 41

Slide 41 text

サービス内で障害や利用状況に言及するユーザー数  41  note

Slide 42

Slide 42 text

アンケートでの障害当事者の回答数  42 

Slide 43

Slide 43 text

アクセシビリティ関連の問い合わせの件数  43  サイボウズ製品のアクセシビリティ改善に協力

Slide 44

Slide 44 text

商談や導入時のアクセシビリティへの言及数  44  2019年、freeeのアクセシビリティを振り返る

Slide 45

Slide 45 text

インタビュー・UT時のアクセシビリティ言及の数  ※UT=ユーザビリティテスト   言及の例：  ● 文字の大きさや読みやすさ  ● スマートフォン利用時の画面の見やすさ、色の見分けやすさ  ● 画面が暗く感じるか・まぶしく感じるか  ● エラーを起こして修正する際の手順  ● キーボードで操作するときの経験  45 

Slide 46

Slide 46 text

6. ユーザーによる評価結果を測定する  利用品質

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

まとめ 

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

51  https://webapp-a11y.com  

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

No content