Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

2,415 views

Published on

2015年8月26日、ミツエーリンクス株式会社 セミナールームで開催するイベント「アクセシビリティやるぞ!夏祭り 〜ライトニングトーク花火6連発〜」での発表資料です。

Published in: Technology
  • Be the first to comment

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

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

×