1.
100を超えるサービスに
アクセシビリティーをどう組み込むか
ヤフー株式会社 中野 信
2015年8月26日
©aflo

2.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
持ち帰って欲しいこと
気持ちが大事
点ではなく線で取り組む
2

3.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
自己紹介
中野 信
なかの まこと
ヤフー株式会社
⽣生活メディア事業本部 デザイン開発部⻑⾧長
ガイドライン室 UIガイドライン
アクセシビリティ推進ワーキンググループ
3

4.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
Yahoo! JAPANについて
4

5.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
月間総ページビュー(2014年12月)※
5※http://marketing.yahoo.co.jp/service/ad_̲feature.html
約606億PV

6.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
サービス規模
6
※http://marketing.yahoo.co.jp/service/ad_̲feature.html
120超

7.
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

8.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ビジョン
ライフ・エンジン
8

9.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ミッション
9

10.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
アクセシビリティー推進WGが
目指すところ
10

11.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
目指すところ
日本の情報インフラを
アクセシブルにしたい
11

12.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
目指すところ
IT業界の牽引役になりたい
12

13.
13
※http://docs.yahoo.co.jp/info/accessibility/

14.
14
※http://docs.yahoo.co.jp/info/accessibility/
課題解決エンジン
ユーザーファースト
ウェブだからできること
少し先の未来
JIS X 8341-3:2010

15.
15Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo

16.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
現状
16

17.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
組織
17
5,500人
6人

18.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
課題
推進側と現場の温度差
18
ワーキンググループ

19.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン改定時のフィードバック
コーディングだけでは対応できない
何を求められているか分からない
固い日本語を読むのがつらい
広告管理ツールに適用するのは非現実的
19

20.
20Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo

21.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
アプローチ
21

22.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ヤフーでの取り組み
UIガイドライン・ライブラリ
検証ツール・フロー
啓発
個別対応
22

23.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン・ライブラリ
23
UIライブラリ
UIガイドライン
独⾃自UI
スタイリング

24.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
検証ツール・フロー
検証ツールの全社導入(調整中)
品質保証チームと連携(調整中)
24

25.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
啓発
25
企画 設計 開発 評価 リリース

26.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
啓発
26
企画 設計 開発 評価 リリース

27.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
個別対応
新規サービス・リニューアルに参加
開発メンバーのフォロー
27

28.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
事例
28

29.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPANトップページ、Yahoo!検索 (スマホ)
WAI-ARIAを導入
ランドマーク
aria-hidden
29

30.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPANトップページ、Yahoo!検索 (スマホ)
30
トップ 検索索

31.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo! JAPAN IDでのログイン(PC)
CAPTCHAに音声認証を用意
31

32.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
会社概要
JIS X 8341-3:2010 等級Aに準拠
CMSでコンテンツ運用
32

33.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
会社概要
33

34.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo!路線 アプリ(Android)
音声検索
P型、D型の色覚でもわかりやすいUI
TalkBack対応
34

35.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
Yahoo!路線 アプリ(Android)
35
P型 D型

36.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo
今後
36

37.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
37
1 120

38.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
4つのアプローチをやりきる
38

39.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
今後
UIガイドライン・ライブラリ
検証ツール・フロー
啓発
個別対応
39

40.
40Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 / (c)Aflo

41.
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ご静聴ありがとうございます
41