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

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

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

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

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

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

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

サービス規模 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

検証ツール・フロー 検証ツールの全社導入(調整中) 品質保証チームと連携(調整中) 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

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

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. 無断引用・転載禁止

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. 無断引用・転載禁止

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

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

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

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

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

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

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

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

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