100を超えるサービスに

アクセシビリティーをどう組み込むか
ヤフー株式会社 中野 信

2015年8月26日
©aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
持ち帰って欲しいこと
気持ちが大事
点ではなく線で取り組む
2
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
自己紹介
中野  信  
なかの  まこと  
ヤフー株式会社  
⽣生活メディア事業本部  デザイン開発部⻑⾧長  
ガイドライン室  UIガイドライン

アクセシビリティ推進ワーキンググループ  
3
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
Yahoo! JAPANについて
4
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
月間総ページビュー(2014年12月)※
5※http://marketing.yahoo.co.jp/service/ad_̲feature.html
約606億PV
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
サービス規模
6
※http://marketing.yahoo.co.jp/service/ad_̲feature.html
120超
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
サービス規模
R25/アスクル/アドレスブック/アルバイト/飲食店予約/ウェブホスティング/ウォレット/
占い/映画/映像トピックス/X BRAND/FX/おこづかい稼ぎ/オフィス版/お見合い/外国為
替/買取/画像検索/カテゴリ/カレンダー/かんたん決済/きっず/GYAO!/GYAO!ストア/求人、
アルバイト/教育、子育て/クックパッド/クラウド/クラウドソーシング/経済ニュース/掲示
板/ケータイ/携帯ショップ/ゲーム/結婚仲介/決済/健康/検索/検索データ/公金支払い/国際
交流/婚活/災害情報/ジオシティーズ/辞書/自動車/出張宿泊/終活、葬儀手配/ショッピン
グ/ストア出店/スポーツ/スマホガイド/政治/セキュリティセンター/ソーシャルギフト/宅
配/地域情報/知恵袋/チケット/地図/地図・地域情報API/着メロ/ツールバー/出会い/デイ
リーPlus/データ保管/デベロッパーネットワーク/テレビ/天気・災害/電子書籍/転職/登録
情報/道路交通情報/toto/ドメイン/トラベル/ニュース/ニュースBUSINESS/ネタりか/ネッ
ト募金/パートナー/派遣/パスマーケット/ビジネスセンター/ビジネストラベル/美容、ダイ
エット/ファイナンス/ブックストア/ブックマーク/不動産/プレミアム/ブログ/プロモーショ
ン広告/ペット/ヘルスケア/ヘルプセンター/ポイント/ホームページ/保険/補償/ボックス/
ボランティア/翻訳/My SoftBank/My Yahoo!/みんなの政治/ムービー/無線LANスポット
/メール/モバイル/Yahoo!カード/Yahoo! BB/Yahoo!モバゲー/Yahoo! Wi-Fi/ヤフオク!/
ラボ/リサーチ/旅行、ホテル予約/恋愛/ロコ/路線情報/LOHACO/WONDER!スクール
7
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ビジョン
ライフ・エンジン
8
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ミッション
9
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
アクセシビリティー推進WGが

目指すところ
10
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
目指すところ
日本の情報インフラを

アクセシブルにしたい
11
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
目指すところ
IT業界の牽引役になりたい
12
13
※http://docs.yahoo.co.jp/info/accessibility/
14
※http://docs.yahoo.co.jp/info/accessibility/
課題解決エンジン
ユーザーファースト
ウェブだからできること
少し先の未来
JIS X 8341-3:2010
15Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
現状
16
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
組織
17
5,500人
6人
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
課題
推進側と現場の温度差
18
ワーキンググループ
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン改定時のフィードバック
コーディングだけでは対応できない
何を求められているか分からない
固い日本語を読むのがつらい
広告管理ツールに適用するのは非現実的
19
20Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
アプローチ
21
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ヤフーでの取り組み
UIガイドライン・ライブラリ
検証ツール・フロー
啓発
個別対応
22
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン・ライブラリ
23
UIライブラリ
UIガイドライン
独⾃自UI
スタイリング
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
検証ツール・フロー
検証ツールの全社導入(調整中)
品質保証チームと連携(調整中)
24
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
啓発
25
企画 設計 開発 評価 リリース
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
啓発
26
企画 設計 開発 評価 リリース
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
個別対応
新規サービス・リニューアルに参加
開発メンバーのフォロー
27
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
事例
28
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPANトップページ、Yahoo!検索 (スマホ)
WAI-ARIAを導入
ランドマーク
aria-hidden
29
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPANトップページ、Yahoo!検索 (スマホ)
30
トップ 検索索
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPAN IDでのログイン(PC)
CAPTCHAに音声認証を用意
31
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
会社概要
JIS X 8341-3:2010 等級Aに準拠
CMSでコンテンツ運用
32
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
会社概要
33
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo!路線 アプリ(Android)
音声検索
P型、D型の色覚でもわかりやすいUI
TalkBack対応
34
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo!路線 アプリ(Android)
35
P型 D型
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
今後
36
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
37
1 120
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
4つのアプローチをやりきる
38
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
UIガイドライン・ライブラリ
検証ツール・フロー
啓発
個別対応
39
40Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ご静聴ありがとうございます
41

100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfes

  • 1.
  • 2.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 持ち帰って欲しいこと 気持ちが大事 点ではなく線で取り組む 2
  • 3.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 自己紹介 中野  信   なかの  まこと   ヤフー株式会社   ⽣生活メディア事業本部  デザイン開発部⻑⾧長   ガイドライン室  UIガイドライン
 アクセシビリティ推進ワーキンググループ   3
  • 4.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo Yahoo! JAPANについて 4
  • 5.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 月間総ページビュー(2014年12月)※ 5※http://marketing.yahoo.co.jp/service/ad_̲feature.html 約606億PV
  • 6.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 サービス規模 6 ※http://marketing.yahoo.co.jp/service/ad_̲feature.html 120超
  • 7.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 サービス規模 R25/アスクル/アドレスブック/アルバイト/飲食店予約/ウェブホスティング/ウォレット/ 占い/映画/映像トピックス/X BRAND/FX/おこづかい稼ぎ/オフィス版/お見合い/外国為 替/買取/画像検索/カテゴリ/カレンダー/かんたん決済/きっず/GYAO!/GYAO!ストア/求人、 アルバイト/教育、子育て/クックパッド/クラウド/クラウドソーシング/経済ニュース/掲示 板/ケータイ/携帯ショップ/ゲーム/結婚仲介/決済/健康/検索/検索データ/公金支払い/国際 交流/婚活/災害情報/ジオシティーズ/辞書/自動車/出張宿泊/終活、葬儀手配/ショッピン グ/ストア出店/スポーツ/スマホガイド/政治/セキュリティセンター/ソーシャルギフト/宅 配/地域情報/知恵袋/チケット/地図/地図・地域情報API/着メロ/ツールバー/出会い/デイ リーPlus/データ保管/デベロッパーネットワーク/テレビ/天気・災害/電子書籍/転職/登録 情報/道路交通情報/toto/ドメイン/トラベル/ニュース/ニュースBUSINESS/ネタりか/ネッ ト募金/パートナー/派遣/パスマーケット/ビジネスセンター/ビジネストラベル/美容、ダイ エット/ファイナンス/ブックストア/ブックマーク/不動産/プレミアム/ブログ/プロモーショ ン広告/ペット/ヘルスケア/ヘルプセンター/ポイント/ホームページ/保険/補償/ボックス/ ボランティア/翻訳/My SoftBank/My Yahoo!/みんなの政治/ムービー/無線LANスポット /メール/モバイル/Yahoo!カード/Yahoo! BB/Yahoo!モバゲー/Yahoo! Wi-Fi/ヤフオク!/ ラボ/リサーチ/旅行、ホテル予約/恋愛/ロコ/路線情報/LOHACO/WONDER!スクール 7
  • 8.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 ビジョン ライフ・エンジン 8
  • 9.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 ミッション 9
  • 10.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo アクセシビリティー推進WGが
 目指すところ 10
  • 11.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 目指すところ 日本の情報インフラを
 アクセシブルにしたい 11
  • 12.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 目指すところ IT業界の牽引役になりたい 12
  • 13.
  • 14.
  • 15.
    15Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
  • 16.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo 現状 16
  • 17.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 組織 17 5,500人 6人
  • 18.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 課題 推進側と現場の温度差 18 ワーキンググループ
  • 19.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 UIガイドライン改定時のフィードバック コーディングだけでは対応できない 何を求められているか分からない 固い日本語を読むのがつらい 広告管理ツールに適用するのは非現実的 19
  • 20.
    20Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
  • 21.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo アプローチ 21
  • 22.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 ヤフーでの取り組み UIガイドライン・ライブラリ 検証ツール・フロー 啓発 個別対応 22
  • 23.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 UIガイドライン・ライブラリ 23 UIライブラリ UIガイドライン 独⾃自UI スタイリング
  • 24.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 検証ツール・フロー 検証ツールの全社導入(調整中) 品質保証チームと連携(調整中) 24
  • 25.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 啓発 25 企画 設計 開発 評価 リリース
  • 26.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 啓発 26 企画 設計 開発 評価 リリース
  • 27.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 個別対応 新規サービス・リニューアルに参加 開発メンバーのフォロー 27
  • 28.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo 事例 28
  • 29.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 Yahoo! JAPANトップページ、Yahoo!検索 (スマホ) WAI-ARIAを導入 ランドマーク aria-hidden 29
  • 30.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 Yahoo! JAPANトップページ、Yahoo!検索 (スマホ) 30 トップ 検索索
  • 31.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 Yahoo! JAPAN IDでのログイン(PC) CAPTCHAに音声認証を用意 31
  • 32.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 会社概要 JIS X 8341-3:2010 等級Aに準拠 CMSでコンテンツ運用 32
  • 33.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 会社概要 33
  • 34.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 Yahoo!路線 アプリ(Android) 音声検索 P型、D型の色覚でもわかりやすいUI TalkBack対応 34
  • 35.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 Yahoo!路線 アプリ(Android) 35 P型 D型
  • 36.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo 今後 36
  • 37.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 今後 37 1 120
  • 38.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 今後 4つのアプローチをやりきる 38
  • 39.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 今後 UIガイドライン・ライブラリ 検証ツール・フロー 啓発 個別対応 39
  • 40.
    40Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
  • 41.
    Copyright (C) 2015Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 ご静聴ありがとうございます 41