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

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

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

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

4  https://webapp-a11y.com  

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

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

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

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

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

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

Does web accessibility have a positive impact on SEO?

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

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

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

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

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

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

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

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

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

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

測定の6つの視点 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

まとめ 

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

51  https://webapp-a11y.com  

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

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

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

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

More Decks by Rikiya Ihara / magi

Other Decks in Design

Featured

Transcript