---
title: 100を超えるサービスに アクセシビリティーをどう組み込むか # #a11yfes
tags:  #a11yfes  
author: [Yahoo!デベロッパーネットワーク](https://convert.docswell.com/user/ydnjp)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/VJN5MXY278.jpg?width=480
description: 2015年8月26日、ミツエーリンクス株式会社 セミナールームで開催するイベント「アクセシビリティやるぞ！夏祭り 〜ライトニングトーク花火6連発〜」での発表資料です。
published: August 27, 15
canonical: https://convert.docswell.com/s/ydnjp/ZD4JD5-2015-08-27-154558
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/VJN5MXY278.jpg)

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


# Page. 2

![Page Image](https://bcdn.docswell.com/page/YE9YN8PDJ3.jpg)

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


# Page. 3

![Page Image](https://bcdn.docswell.com/page/GE86K8D57D.jpg)

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


# Page. 4

![Page Image](https://bcdn.docswell.com/page/LEL9ZRM3JR.jpg)

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


# Page. 5

![Page Image](https://bcdn.docswell.com/page/4JMZVRYMEW.jpg)

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


# Page. 6

![Page Image](https://bcdn.docswell.com/page/PJR62R9L79.jpg)

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


# Page. 7

![Page Image](https://bcdn.docswell.com/page/PEXMDR367X.jpg)

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


# Page. 8

![Page Image](https://bcdn.docswell.com/page/3EKGXRYGJD.jpg)

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


# Page. 9

![Page Image](https://bcdn.docswell.com/page/L73N589575.jpg)

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


# Page. 10

![Page Image](https://bcdn.docswell.com/page/87DWDMGYJG.jpg)

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


# Page. 11

![Page Image](https://bcdn.docswell.com/page/VJP9XR32E8.jpg)

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


# Page. 12

![Page Image](https://bcdn.docswell.com/page/2EVMLR4XEQ.jpg)

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


# Page. 13

![Page Image](https://bcdn.docswell.com/page/57GGXM1R7L.jpg)

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


# Page. 14

![Page Image](https://bcdn.docswell.com/page/4EQX8RDY7P.jpg)

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


# Page. 15

![Page Image](https://bcdn.docswell.com/page/KJ4628ZZ71.jpg)

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


# Page. 16

![Page Image](https://bcdn.docswell.com/page/LE1VM2RD7G.jpg)

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


# Page. 17

![Page Image](https://bcdn.docswell.com/page/GEWL3R1872.jpg)

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


# Page. 18

![Page Image](https://bcdn.docswell.com/page/47ZMVRP9E3.jpg)

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


# Page. 19

![Page Image](https://bcdn.docswell.com/page/YJ6N5RMDJV.jpg)

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


# Page. 20

![Page Image](https://bcdn.docswell.com/page/GJ55Y8Z8J4.jpg)

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


# Page. 21

![Page Image](https://bcdn.docswell.com/page/9E2NGKRV7R.jpg)

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


# Page. 22

![Page Image](https://bcdn.docswell.com/page/D7YPVNDQ7M.jpg)

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


# Page. 23

![Page Image](https://bcdn.docswell.com/page/VEN5MX62J8.jpg)

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


# Page. 24

![Page Image](https://bcdn.docswell.com/page/Y79YN8LDE3.jpg)

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


# Page. 25

![Page Image](https://bcdn.docswell.com/page/G786K8X5JD.jpg)

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


# Page. 26

![Page Image](https://bcdn.docswell.com/page/L7L9ZR83ER.jpg)

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


# Page. 27

![Page Image](https://bcdn.docswell.com/page/4EMZVR6M7W.jpg)

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


# Page. 28

![Page Image](https://bcdn.docswell.com/page/PER62RPLJ9.jpg)

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


# Page. 29

![Page Image](https://bcdn.docswell.com/page/P7XMDRN6JX.jpg)

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


# Page. 30

![Page Image](https://bcdn.docswell.com/page/37KGXRNGED.jpg)

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


# Page. 31

![Page Image](https://bcdn.docswell.com/page/LJ3N58V5J5.jpg)

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


# Page. 32

![Page Image](https://bcdn.docswell.com/page/8JDWDM8YEG.jpg)

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


# Page. 33

![Page Image](https://bcdn.docswell.com/page/VEP9XR8278.jpg)

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


# Page. 34

![Page Image](https://bcdn.docswell.com/page/27VMLRNX7Q.jpg)

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


# Page. 35

![Page Image](https://bcdn.docswell.com/page/5JGGXMKRJL.jpg)

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


# Page. 36

![Page Image](https://bcdn.docswell.com/page/47QX8RNYJP.jpg)

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


# Page. 37

![Page Image](https://bcdn.docswell.com/page/KE4628GZJ1.jpg)

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


# Page. 38

![Page Image](https://bcdn.docswell.com/page/L71VM2DDJG.jpg)

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


# Page. 39

![Page Image](https://bcdn.docswell.com/page/G7WL3RY8J2.jpg)

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


# Page. 40

![Page Image](https://bcdn.docswell.com/page/4JZMVRX973.jpg)

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


# Page. 41

![Page Image](https://bcdn.docswell.com/page/YE6N5R4DEV.jpg)

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


