SlideShare a Scribd company logo
1 of 57
Download to read offline
ヤフー株式会社はアクセシビリティ対応を

なぜ始めたのか、どう進めているのか
ヤフー株式会社 中野 信

2015年11月30日
©aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
はじめに
•本セミナーは「障害者差別解消法」

施行を控え、Web担当者がどのよう
にすべきかについて考えていきます
•法律の具体的内容には触れませんので

あらかじめご了承ください
2
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
自己紹介
中野 信
ヤフー株式会社
生活メディア事業本部 デザイン開発部 部長
ガイドライン室 UIガイドライン

アクセシビリティ推進ワーキンググループ
アクセシビリティ 黒帯
HCD-Net認定 人間中心設計専門家
3
なかの  まこと
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
アジェンダ
• なぜアクセシビリティ対応を始めたか
• どのようにアクセシビリティ対応を進めたか
4
Yahoo! JAPANについて
5
©aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
月間総ページビュー(2014年12月)※
6※http://marketing.yahoo.co.jp/service/ad_̲feature.html
約606億PV
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
サービス規模
7
※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!スクール
8
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ビジョン
ライフ・エンジン
9
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ミッション
10
なぜアクセシビリティ対応を始めたか
11
©aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
なぜ始めたか?
できる条件が

そろっていたから
12
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
そろっていたもの
技術力
編集力

品質管理フロー

デザインガイドライン
13
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
足りていなかったもの
マインド

推進させる人
人的リソース
14
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
足りていなかったもの
きっかけを作れば

何とかなりそうだった
15
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
足りていなかったもの
しかし実際に進めると

いろいろな課題があった…
16
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
いろいろな課題
120超のサービス数
アクセシビリティに対する理解
作業の優先度
17
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
いろいろな課題
3つの方法で進めた
18
どのように

アクセシビリティ対応を進めたか
19
©aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
どのように進めたか?
1
できる部分を少しずつ
20
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
どのように進めたか?
2
様々なタイミングを
逃さずに
21
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
どのように進めたか?
3
長い目線で
22
1. できる部分を少しずつ
23
©aflo
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
企画 設計 開発 評価 リリース
マークアップ

コーディング
WebDev
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
どのように進めたか?
UI実装

ガイドラインに

追加
27
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン
28
UIライブラリ
UIガイドライン
スタイリング
UI実装

ガイドライン
独⾃自UI
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UI実装ガイドライン
•テーブル要素
•代替テキスト
•見出し要素
•フレーム
•リスト
•フォーム
29
2. 様々なタイミングを逃さずに
30
©aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
様々なタイミングを逃さずに
サービスリニューアルの
タイミング
31
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
会社概要
32
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
会社概要
• 2013年リニューアル
• JIS X 8341-3:2010 等級Aに準拠
• ウェブアクセシビリティ方針を公開
33
34
35
•合言葉はユーザーファースト
•ウェブだからできることの可能性
•IT業界のリーディングカンパニーとして描く

少し先の未来
•日本工業規格JIS X 8341-3:2010への対応
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
経緯1
推進WGの実績が欲しかった
会社概要がリニューアルするらしい
相談に行こう
36
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
経緯2
JISに準拠した事を知らせるページは?
アクセシビリティ方針を作ろう
37
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
様々なタイミングを逃さずに
ガイドライン改定の
タイミング
38
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIライブラリ
UIガイドライン
39
UIガイドライン
スタイリング
UI実装

ガイドライン
独⾃自UI
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン
40
UIガイドライン
デザイン原則
サービス憲章
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
UIガイドライン
• 2015年改定
• ウェブ、アプリのUI設計・開発時の

ガイドライン
• アクセシビリティ要件を

JIS X8341-3:2010 等級A準拠に
変更
41
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
経緯
デザイン全般に対する意識が高まる
デザイン原則が作られる
原則にユニバーサルが含まれる
よしアクセシビリティを要件に入れよう
42
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
工夫した点
• JIS X 8341-3:2010(WCAG2.0)の

文章を要約
• 初見の印象で嫌われないよう配慮
43
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
原⽂文
1.1.1 非テキストコンテンツ: 利用者に提示されるすべての非テキストコンテンツには、同等の目的を果たす代替テキ
ストを提供する。ただし、次の場合は除く: (レベルA)
コントロール、入力: 非テキストコンテンツが、コントロール又は利用者の入力を受け付けるものであると
き、その目的を説明する識別名を提供している。(コントロール及びユーザの入力を受け入れるコンテン
ツに関するその他の要件は、ガイドライン 4.1を参照のこと。)
時間の経過に伴って変化するメディア: 非テキストコンテンツが、時間の経過に伴って変化するメディアであ
るとき、代替テキストは、少なくとも、その非テキストコンテンツを識別できる説明を提供している。(メ
ディアに関するその他の要件は、ガイドライン 1.2を参照のこと。)
試験: 非テキストコンテンツが、テキストで提示されると無効になる試験又は演習のとき、代替テキストは、
少なくともその非テキストコンテンツを識別できる説明を提供している。
感覚的: 非テキストコンテンツが、特定の感覚的体験を創り出すことを主に意図しているとき、代替テキスト
は、少なくともその非テキストコンテンツを識別できる説明を提供している。
CAPTCHA: 非テキストコンテンツが、コンピュータではなく人間がコンテンツにアクセスしていることを
確認する目的で用いられているとき、代替テキストは、その非テキストコンテンツの目的を特定し、説明
している。なおかつ、他の感覚による知覚に対応して出力する CAPTCHA の代替形式を提供することで、
様々な障害に対応している。
装飾、整形、非表示: 非テキストコンテンツが、装飾だけを目的にしている、見た目の整形のためだけに用い
られている、又は利用者に提供されるものではないとき、支援技術が無視できるように実装されている。
ガイドラインの要約
44
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
要約⽂文
ガイドラインの要約
• 1.1.1 非テキストコンテンツ
• ユーザーに提示されるすべての非テキストコン
テンツには、同等の目的を果たす代替テキス
トを提供します。
• 非テキストコンテンツには、写真、図面、その
他の画像(例:線画、グラフィックデザイン、
絵画、3D表現)、グラフ、チャート、アニメー
ションなどが含まれます。
45
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
ガイドラインの要約
• 6項目 → 2項目
• 775文字 → 143文字
46
3. 長い目線で
47
©aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
長い目線で
48
2011年年 UI実装ガイドラインの改定
2013年年 アクセシビリティ指針の公開
2015年年 UIガイドラインの⼤大幅改定
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
長い目線で
方針策定・実施に

4年
49
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
長い目線で
1. JISの等級Aに一部対応
2. JISの対応等級を拡大
3. JISの適用サービスを拡大
4. より実践的なアクセシビリティ対応に拡大
5. アプリのアクセシビリティ対応に挑戦
6. アクセシビリティ分野でIT業界を牽引する
50
51©aflo
おさらい
52
©aflo
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
おさらい
1
できる部分を少しずつ
53
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
おさらい
2
様々なタイミングを
逃さずに
54
Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止
おさらい
3
長い目線で
55
56©aflo
ご静聴ありがとうございます
57

More Related Content

What's hot

新しい認証技術FIDOの最新動向
新しい認証技術FIDOの最新動向新しい認証技術FIDOの最新動向
新しい認証技術FIDOの最新動向FIDO Alliance
 
認証から見たリモート署名 ー利用認証と鍵認可ー
認証から見たリモート署名 ー利用認証と鍵認可ー認証から見たリモート署名 ー利用認証と鍵認可ー
認証から見たリモート署名 ー利用認証と鍵認可ーNaoto Miyachi
 
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
アクセシビリティvsセキュリティ ~こんな対策はいらない!~ アクセシビリティvsセキュリティ ~こんな対策はいらない!~
アクセシビリティvsセキュリティ ~こんな対策はいらない!~ Yoshinori OHTA
 
AWS re:Inforce2019 re:Cap LT
AWS re:Inforce2019 re:Cap LTAWS re:Inforce2019 re:Cap LT
AWS re:Inforce2019 re:Cap LTHibino Hisashi
 
διαχειριση απορριμματων ανακυκλωση
διαχειριση απορριμματων ανακυκλωσηδιαχειριση απορριμματων ανακυκλωση
διαχειριση απορριμματων ανακυκλωσηxristoi
 
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~Yugo Shimizu
 
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターンAmazon Web Services Japan
 
立花氏とのスライドメモ.pptx
立花氏とのスライドメモ.pptx立花氏とのスライドメモ.pptx
立花氏とのスライドメモ.pptxrehacq
 
これからのITシステム運用部門に求められるものとは
これからのITシステム運用部門に求められるものとはこれからのITシステム運用部門に求められるものとは
これからのITシステム運用部門に求められるものとはUNIRITA Incorporated
 
ブロックチェーンを活用した自己主権型IDとは
ブロックチェーンを活用した自己主権型IDとはブロックチェーンを活用した自己主権型IDとは
ブロックチェーンを活用した自己主権型IDとはTIS Blockchain Promotion Office
 
Azure Functions&Logic Appではじめるサーバレスアプリケーション開発 - 入門編 -
Azure Functions&Logic Appではじめるサーバレスアプリケーション開発 - 入門編 -Azure Functions&Logic Appではじめるサーバレスアプリケーション開発 - 入門編 -
Azure Functions&Logic Appではじめるサーバレスアプリケーション開発 - 入門編 -Yoichi Kawasaki
 
N18_大学におけるパンデミックからの復興 ~DX がパンデミック後の教育機関のコア価値を強化する [Microsoft Japan Digital Days]
N18_大学におけるパンデミックからの復興 ~DX がパンデミック後の教育機関のコア価値を強化する [Microsoft Japan Digital Days]N18_大学におけるパンデミックからの復興 ~DX がパンデミック後の教育機関のコア価値を強化する [Microsoft Japan Digital Days]
N18_大学におけるパンデミックからの復興 ~DX がパンデミック後の教育機関のコア価値を強化する [Microsoft Japan Digital Days]日本マイクロソフト株式会社
 
クラウドネイティブトランスフォーメーションのススメ
クラウドネイティブトランスフォーメーションのススメクラウドネイティブトランスフォーメーションのススメ
クラウドネイティブトランスフォーメーションのススメHiromasa Oka
 
金融 API 時代のセキュリティ: OpenID Financial API (FAPI) WG
金融 API 時代のセキュリティ: OpenID Financial API (FAPI) WG金融 API 時代のセキュリティ: OpenID Financial API (FAPI) WG
金融 API 時代のセキュリティ: OpenID Financial API (FAPI) WGNat Sakimura
 
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信Amazon Web Services Japan
 
Git超入門(ハンズオン).pdf
Git超入門(ハンズオン).pdfGit超入門(ハンズオン).pdf
Git超入門(ハンズオン).pdf憲昭 村田
 
プロダクトオーナーは育成できるのか? - プロダクトオーナー祭り2016
プロダクトオーナーは育成できるのか? - プロダクトオーナー祭り2016プロダクトオーナーは育成できるのか? - プロダクトオーナー祭り2016
プロダクトオーナーは育成できるのか? - プロダクトオーナー祭り2016Yusuke Suzuki
 

What's hot (20)

新しい認証技術FIDOの最新動向
新しい認証技術FIDOの最新動向新しい認証技術FIDOの最新動向
新しい認証技術FIDOの最新動向
 
認証から見たリモート署名 ー利用認証と鍵認可ー
認証から見たリモート署名 ー利用認証と鍵認可ー認証から見たリモート署名 ー利用認証と鍵認可ー
認証から見たリモート署名 ー利用認証と鍵認可ー
 
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
アクセシビリティvsセキュリティ ~こんな対策はいらない!~ アクセシビリティvsセキュリティ ~こんな対策はいらない!~
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
 
AWS re:Inforce2019 re:Cap LT
AWS re:Inforce2019 re:Cap LTAWS re:Inforce2019 re:Cap LT
AWS re:Inforce2019 re:Cap LT
 
διαχειριση απορριμματων ανακυκλωση
διαχειριση απορριμματων ανακυκλωσηδιαχειριση απορριμματων ανακυκλωση
διαχειριση απορριμματων ανακυκλωση
 
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
 
FIDO認証によるパスワードレスログイン実装入門
FIDO認証によるパスワードレスログイン実装入門FIDO認証によるパスワードレスログイン実装入門
FIDO認証によるパスワードレスログイン実装入門
 
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン
20180612 AWS Black Belt Online Seminar AWS で実現するライブ動画配信とリアルタイムチャットのアーキテクチャパターン
 
立花氏とのスライドメモ.pptx
立花氏とのスライドメモ.pptx立花氏とのスライドメモ.pptx
立花氏とのスライドメモ.pptx
 
ΕΠΠΑΙΚ-ΑΣΠΑΙΤΕ
ΕΠΠΑΙΚ-ΑΣΠΑΙΤΕΕΠΠΑΙΚ-ΑΣΠΑΙΤΕ
ΕΠΠΑΙΚ-ΑΣΠΑΙΤΕ
 
これからのITシステム運用部門に求められるものとは
これからのITシステム運用部門に求められるものとはこれからのITシステム運用部門に求められるものとは
これからのITシステム運用部門に求められるものとは
 
ブロックチェーンを活用した自己主権型IDとは
ブロックチェーンを活用した自己主権型IDとはブロックチェーンを活用した自己主権型IDとは
ブロックチェーンを活用した自己主権型IDとは
 
Azure Functions&Logic Appではじめるサーバレスアプリケーション開発 - 入門編 -
Azure Functions&Logic Appではじめるサーバレスアプリケーション開発 - 入門編 -Azure Functions&Logic Appではじめるサーバレスアプリケーション開発 - 入門編 -
Azure Functions&Logic Appではじめるサーバレスアプリケーション開発 - 入門編 -
 
N18_大学におけるパンデミックからの復興 ~DX がパンデミック後の教育機関のコア価値を強化する [Microsoft Japan Digital Days]
N18_大学におけるパンデミックからの復興 ~DX がパンデミック後の教育機関のコア価値を強化する [Microsoft Japan Digital Days]N18_大学におけるパンデミックからの復興 ~DX がパンデミック後の教育機関のコア価値を強化する [Microsoft Japan Digital Days]
N18_大学におけるパンデミックからの復興 ~DX がパンデミック後の教育機関のコア価値を強化する [Microsoft Japan Digital Days]
 
セキュリティ教育とUX ~結ばれていた赤い糸~
セキュリティ教育とUX ~結ばれていた赤い糸~セキュリティ教育とUX ~結ばれていた赤い糸~
セキュリティ教育とUX ~結ばれていた赤い糸~
 
クラウドネイティブトランスフォーメーションのススメ
クラウドネイティブトランスフォーメーションのススメクラウドネイティブトランスフォーメーションのススメ
クラウドネイティブトランスフォーメーションのススメ
 
金融 API 時代のセキュリティ: OpenID Financial API (FAPI) WG
金融 API 時代のセキュリティ: OpenID Financial API (FAPI) WG金融 API 時代のセキュリティ: OpenID Financial API (FAPI) WG
金融 API 時代のセキュリティ: OpenID Financial API (FAPI) WG
 
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
 
Git超入門(ハンズオン).pdf
Git超入門(ハンズオン).pdfGit超入門(ハンズオン).pdf
Git超入門(ハンズオン).pdf
 
プロダクトオーナーは育成できるのか? - プロダクトオーナー祭り2016
プロダクトオーナーは育成できるのか? - プロダクトオーナー祭り2016プロダクトオーナーは育成できるのか? - プロダクトオーナー祭り2016
プロダクトオーナーは育成できるのか? - プロダクトオーナー祭り2016
 

Similar to ヤフー株式会社はアクセシビリティ対応を
なぜ始めたのか、どう進めているのか

100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfes
100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfes100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfes
100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfesYahoo!デベロッパーネットワーク
 
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfutureIT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfutureYahoo!デベロッパーネットワーク
 
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜Masakazu Muraoka
 
リファクタリングHTML/CSS ~レガシー世界を超えて~ #scripty03
リファクタリングHTML/CSS ~レガシー世界を超えて~ #scripty03リファクタリングHTML/CSS ~レガシー世界を超えて~ #scripty03
リファクタリングHTML/CSS ~レガシー世界を超えて~ #scripty03Yahoo!デベロッパーネットワーク
 
SORACOM UG Explorer 2018 - IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウ
SORACOM UG Explorer 2018 -  IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウSORACOM UG Explorer 2018 -  IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウ
SORACOM UG Explorer 2018 - IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウ紘之 大田黒
 
失敗しない仮想化環境の設計・構築法
失敗しない仮想化環境の設計・構築法失敗しない仮想化環境の設計・構築法
失敗しない仮想化環境の設計・構築法VirtualTech Japan Inc.
 
パーソナライズニュースを支えるML業務のまわしかた@Yahoo! JAPAN
パーソナライズニュースを支えるML業務のまわしかた@Yahoo! JAPANパーソナライズニュースを支えるML業務のまわしかた@Yahoo! JAPAN
パーソナライズニュースを支えるML業務のまわしかた@Yahoo! JAPANYahoo!デベロッパーネットワーク
 
20150425 iiba日本支部講演 日米比較 一色浩一郎
20150425 iiba日本支部講演 日米比較 一色浩一郎20150425 iiba日本支部講演 日米比較 一色浩一郎
20150425 iiba日本支部講演 日米比較 一色浩一郎啓明 新冨
 
20180119 AI で業務効率化 ~B To Employee ではじめる Chat Bot~
20180119 AI で業務効率化 ~B To Employee ではじめる Chat Bot~20180119 AI で業務効率化 ~B To Employee ではじめる Chat Bot~
20180119 AI で業務効率化 ~B To Employee ではじめる Chat Bot~ISAO_Corp
 
モデリングの彼方に未来を見た
モデリングの彼方に未来を見たモデリングの彼方に未来を見た
モデリングの彼方に未来を見たHagimoto Junzo
 
技術選択とアーキテクトの役割 (要約版)
技術選択とアーキテクトの役割 (要約版)技術選択とアーキテクトの役割 (要約版)
技術選択とアーキテクトの役割 (要約版)Toru Yamaguchi
 
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~Yoshiya OKI
 
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶ
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶColdfusionを活かすシステム企画をリーンスタートアップに学ぶ
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶmasashi takehara
 
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例Katsuya Tanaka
 
マンガ駆動開発 第3版
マンガ駆動開発 第3版マンガ駆動開発 第3版
マンガ駆動開発 第3版Koji Hara
 

Similar to ヤフー株式会社はアクセシビリティ対応を
なぜ始めたのか、どう進めているのか (20)

100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfes
100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfes100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfes
100を超えるサービスに
アクセシビリティーをどう組み込むか # #a11yfes
 
ux_team_of_one
ux_team_of_oneux_team_of_one
ux_team_of_one
 
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfutureIT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
 
ux_team_of_one
ux_team_of_oneux_team_of_one
ux_team_of_one
 
ヤフートップページでの機械学習#yjdsw1
ヤフートップページでの機械学習#yjdsw1ヤフートップページでの機械学習#yjdsw1
ヤフートップページでの機械学習#yjdsw1
 
ヤフーの次世代パイプラインについて#yjdsw3
ヤフーの次世代パイプラインについて#yjdsw3ヤフーの次世代パイプラインについて#yjdsw3
ヤフーの次世代パイプラインについて#yjdsw3
 
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
 
リファクタリングHTML/CSS ~レガシー世界を超えて~ #scripty03
リファクタリングHTML/CSS ~レガシー世界を超えて~ #scripty03リファクタリングHTML/CSS ~レガシー世界を超えて~ #scripty03
リファクタリングHTML/CSS ~レガシー世界を超えて~ #scripty03
 
SORACOM UG Explorer 2018 - IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウ
SORACOM UG Explorer 2018 -  IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウSORACOM UG Explorer 2018 -  IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウ
SORACOM UG Explorer 2018 - IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウ
 
失敗しない仮想化環境の設計・構築法
失敗しない仮想化環境の設計・構築法失敗しない仮想化環境の設計・構築法
失敗しない仮想化環境の設計・構築法
 
パーソナライズニュースを支えるML業務のまわしかた@Yahoo! JAPAN
パーソナライズニュースを支えるML業務のまわしかた@Yahoo! JAPANパーソナライズニュースを支えるML業務のまわしかた@Yahoo! JAPAN
パーソナライズニュースを支えるML業務のまわしかた@Yahoo! JAPAN
 
20150425 iiba日本支部講演 日米比較 一色浩一郎
20150425 iiba日本支部講演 日米比較 一色浩一郎20150425 iiba日本支部講演 日米比較 一色浩一郎
20150425 iiba日本支部講演 日米比較 一色浩一郎
 
20180119 AI で業務効率化 ~B To Employee ではじめる Chat Bot~
20180119 AI で業務効率化 ~B To Employee ではじめる Chat Bot~20180119 AI で業務効率化 ~B To Employee ではじめる Chat Bot~
20180119 AI で業務効率化 ~B To Employee ではじめる Chat Bot~
 
モデリングの彼方に未来を見た
モデリングの彼方に未来を見たモデリングの彼方に未来を見た
モデリングの彼方に未来を見た
 
技術選択とアーキテクトの役割 (要約版)
技術選択とアーキテクトの役割 (要約版)技術選択とアーキテクトの役割 (要約版)
技術選択とアーキテクトの役割 (要約版)
 
ux_team_of_one
ux_team_of_oneux_team_of_one
ux_team_of_one
 
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
 
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶ
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶColdfusionを活かすシステム企画をリーンスタートアップに学ぶ
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶ
 
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
 
マンガ駆動開発 第3版
マンガ駆動開発 第3版マンガ駆動開発 第3版
マンガ駆動開発 第3版
 

More from Yahoo!デベロッパーネットワーク

ヤフーでは開発迅速性と品質のバランスをどう取ってるか
ヤフーでは開発迅速性と品質のバランスをどう取ってるかヤフーでは開発迅速性と品質のバランスをどう取ってるか
ヤフーでは開発迅速性と品質のバランスをどう取ってるかYahoo!デベロッパーネットワーク
 
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2Yahoo!デベロッパーネットワーク
 
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtcヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtcYahoo!デベロッパーネットワーク
 
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtcYahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtcYahoo!デベロッパーネットワーク
 
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtcヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtcYahoo!デベロッパーネットワーク
 
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtcYahoo!デベロッパーネットワーク
 
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtcPC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtcYahoo!デベロッパーネットワーク
 
モブデザインによる多職種チームのコミュニケーション改善 #yjtc
モブデザインによる多職種チームのコミュニケーション改善 #yjtcモブデザインによる多職種チームのコミュニケーション改善 #yjtc
モブデザインによる多職種チームのコミュニケーション改善 #yjtcYahoo!デベロッパーネットワーク
 
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtcユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtcYahoo!デベロッパーネットワーク
 

More from Yahoo!デベロッパーネットワーク (20)

ゼロから始める転移学習
ゼロから始める転移学習ゼロから始める転移学習
ゼロから始める転移学習
 
継続的なモデルモニタリングを実現するKubernetes Operator
継続的なモデルモニタリングを実現するKubernetes Operator継続的なモデルモニタリングを実現するKubernetes Operator
継続的なモデルモニタリングを実現するKubernetes Operator
 
ヤフーでは開発迅速性と品質のバランスをどう取ってるか
ヤフーでは開発迅速性と品質のバランスをどう取ってるかヤフーでは開発迅速性と品質のバランスをどう取ってるか
ヤフーでは開発迅速性と品質のバランスをどう取ってるか
 
オンプレML基盤on Kubernetes パネルディスカッション
オンプレML基盤on Kubernetes パネルディスカッションオンプレML基盤on Kubernetes パネルディスカッション
オンプレML基盤on Kubernetes パネルディスカッション
 
LakeTahoe
LakeTahoeLakeTahoe
LakeTahoe
 
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜
 
Persistent-memory-native Database High-availability Feature
Persistent-memory-native Database High-availability FeaturePersistent-memory-native Database High-availability Feature
Persistent-memory-native Database High-availability Feature
 
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
 
eコマースと実店舗の相互利益を目指したデザイン #yjtc
eコマースと実店舗の相互利益を目指したデザイン #yjtceコマースと実店舗の相互利益を目指したデザイン #yjtc
eコマースと実店舗の相互利益を目指したデザイン #yjtc
 
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtcヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
 
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtcYahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
 
ビッグデータから人々のムードを捉える #yjtc
ビッグデータから人々のムードを捉える #yjtcビッグデータから人々のムードを捉える #yjtc
ビッグデータから人々のムードを捉える #yjtc
 
サイエンス領域におけるMLOpsの取り組み #yjtc
サイエンス領域におけるMLOpsの取り組み #yjtcサイエンス領域におけるMLOpsの取り組み #yjtc
サイエンス領域におけるMLOpsの取り組み #yjtc
 
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtcヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
 
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtcYahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
 
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
 
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtcPC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
 
モブデザインによる多職種チームのコミュニケーション改善 #yjtc
モブデザインによる多職種チームのコミュニケーション改善 #yjtcモブデザインによる多職種チームのコミュニケーション改善 #yjtc
モブデザインによる多職種チームのコミュニケーション改善 #yjtc
 
「新しいおうち探し」のためのAIアシスト検索 #yjtc
「新しいおうち探し」のためのAIアシスト検索 #yjtc「新しいおうち探し」のためのAIアシスト検索 #yjtc
「新しいおうち探し」のためのAIアシスト検索 #yjtc
 
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtcユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
 

Recently uploaded

OWASP Hardning Privacy セッション 「セキュリティの守るべきものとは情報とプライバシーへ」
OWASP Hardning Privacy セッション 「セキュリティの守るべきものとは情報とプライバシーへ」OWASP Hardning Privacy セッション 「セキュリティの守るべきものとは情報とプライバシーへ」
OWASP Hardning Privacy セッション 「セキュリティの守るべきものとは情報とプライバシーへ」Tetsuya Nihonmatsu
 
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。iPride Co., Ltd.
 
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツールプレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツールsugiuralab
 
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directoryosamut
 
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ       2024/04/12の勉強会で発表されたものです。新人研修のまとめ       2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。iPride Co., Ltd.
 
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価sugiuralab
 

Recently uploaded (7)

OWASP Hardning Privacy セッション 「セキュリティの守るべきものとは情報とプライバシーへ」
OWASP Hardning Privacy セッション 「セキュリティの守るべきものとは情報とプライバシーへ」OWASP Hardning Privacy セッション 「セキュリティの守るべきものとは情報とプライバシーへ」
OWASP Hardning Privacy セッション 「セキュリティの守るべきものとは情報とプライバシーへ」
 
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
 
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツールプレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
 
U-22プログラミング・コンテスト2024 作品説明動画を制作するポイントを紹介
U-22プログラミング・コンテスト2024 作品説明動画を制作するポイントを紹介U-22プログラミング・コンテスト2024 作品説明動画を制作するポイントを紹介
U-22プログラミング・コンテスト2024 作品説明動画を制作するポイントを紹介
 
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
 
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ       2024/04/12の勉強会で発表されたものです。新人研修のまとめ       2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
 
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
 

ヤフー株式会社はアクセシビリティ対応を
なぜ始めたのか、どう進めているのか

  • 2. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 はじめに •本セミナーは「障害者差別解消法」
 施行を控え、Web担当者がどのよう にすべきかについて考えていきます •法律の具体的内容には触れませんので
 あらかじめご了承ください 2
  • 3. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 自己紹介 中野 信 ヤフー株式会社 生活メディア事業本部 デザイン開発部 部長 ガイドライン室 UIガイドライン
 アクセシビリティ推進ワーキンググループ アクセシビリティ 黒帯 HCD-Net認定 人間中心設計専門家 3 なかの  まこと
  • 4. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 アジェンダ • なぜアクセシビリティ対応を始めたか • どのようにアクセシビリティ対応を進めたか 4
  • 6. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 月間総ページビュー(2014年12月)※ 6※http://marketing.yahoo.co.jp/service/ad_̲feature.html 約606億PV
  • 7. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 サービス規模 7 ※http://marketing.yahoo.co.jp/service/ad_̲feature.html 120超
  • 8. 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!スクール 8
  • 9. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 ビジョン ライフ・エンジン 9
  • 10. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 ミッション 10
  • 12. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 なぜ始めたか? できる条件が
 そろっていたから 12
  • 13. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 そろっていたもの 技術力 編集力
 品質管理フロー
 デザインガイドライン 13
  • 14. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 足りていなかったもの マインド
 推進させる人 人的リソース 14
  • 15. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 足りていなかったもの きっかけを作れば
 何とかなりそうだった 15
  • 16. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 足りていなかったもの しかし実際に進めると
 いろいろな課題があった… 16
  • 17. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 いろいろな課題 120超のサービス数 アクセシビリティに対する理解 作業の優先度 17
  • 18. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 いろいろな課題 3つの方法で進めた 18
  • 20. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 どのように進めたか? 1 できる部分を少しずつ 20
  • 21. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 どのように進めたか? 2 様々なタイミングを 逃さずに 21
  • 22. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 どのように進めたか? 3 長い目線で 22
  • 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 企画 設計 開発 評価 リリース マークアップ
 コーディング WebDev
  • 27. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 どのように進めたか? UI実装
 ガイドラインに
 追加 27
  • 28. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 UIガイドライン 28 UIライブラリ UIガイドライン スタイリング UI実装
 ガイドライン 独⾃自UI
  • 29. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 UI実装ガイドライン •テーブル要素 •代替テキスト •見出し要素 •フレーム •リスト •フォーム 29
  • 31. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 様々なタイミングを逃さずに サービスリニューアルの タイミング 31
  • 32. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 会社概要 32
  • 33. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 会社概要 • 2013年リニューアル • JIS X 8341-3:2010 等級Aに準拠 • ウェブアクセシビリティ方針を公開 33
  • 34. 34
  • 36. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 経緯1 推進WGの実績が欲しかった 会社概要がリニューアルするらしい 相談に行こう 36
  • 37. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 経緯2 JISに準拠した事を知らせるページは? アクセシビリティ方針を作ろう 37
  • 38. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 様々なタイミングを逃さずに ガイドライン改定の タイミング 38
  • 39. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 UIライブラリ UIガイドライン 39 UIガイドライン スタイリング UI実装
 ガイドライン 独⾃自UI
  • 40. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 UIガイドライン 40 UIガイドライン デザイン原則 サービス憲章
  • 41. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 UIガイドライン • 2015年改定 • ウェブ、アプリのUI設計・開発時の
 ガイドライン • アクセシビリティ要件を
 JIS X8341-3:2010 等級A準拠に 変更 41
  • 42. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 経緯 デザイン全般に対する意識が高まる デザイン原則が作られる 原則にユニバーサルが含まれる よしアクセシビリティを要件に入れよう 42
  • 43. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 工夫した点 • JIS X 8341-3:2010(WCAG2.0)の
 文章を要約 • 初見の印象で嫌われないよう配慮 43
  • 44. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 原⽂文 1.1.1 非テキストコンテンツ: 利用者に提示されるすべての非テキストコンテンツには、同等の目的を果たす代替テキ ストを提供する。ただし、次の場合は除く: (レベルA) コントロール、入力: 非テキストコンテンツが、コントロール又は利用者の入力を受け付けるものであると き、その目的を説明する識別名を提供している。(コントロール及びユーザの入力を受け入れるコンテン ツに関するその他の要件は、ガイドライン 4.1を参照のこと。) 時間の経過に伴って変化するメディア: 非テキストコンテンツが、時間の経過に伴って変化するメディアであ るとき、代替テキストは、少なくとも、その非テキストコンテンツを識別できる説明を提供している。(メ ディアに関するその他の要件は、ガイドライン 1.2を参照のこと。) 試験: 非テキストコンテンツが、テキストで提示されると無効になる試験又は演習のとき、代替テキストは、 少なくともその非テキストコンテンツを識別できる説明を提供している。 感覚的: 非テキストコンテンツが、特定の感覚的体験を創り出すことを主に意図しているとき、代替テキスト は、少なくともその非テキストコンテンツを識別できる説明を提供している。 CAPTCHA: 非テキストコンテンツが、コンピュータではなく人間がコンテンツにアクセスしていることを 確認する目的で用いられているとき、代替テキストは、その非テキストコンテンツの目的を特定し、説明 している。なおかつ、他の感覚による知覚に対応して出力する CAPTCHA の代替形式を提供することで、 様々な障害に対応している。 装飾、整形、非表示: 非テキストコンテンツが、装飾だけを目的にしている、見た目の整形のためだけに用い られている、又は利用者に提供されるものではないとき、支援技術が無視できるように実装されている。 ガイドラインの要約 44
  • 45. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 要約⽂文 ガイドラインの要約 • 1.1.1 非テキストコンテンツ • ユーザーに提示されるすべての非テキストコン テンツには、同等の目的を果たす代替テキス トを提供します。 • 非テキストコンテンツには、写真、図面、その 他の画像(例:線画、グラフィックデザイン、 絵画、3D表現)、グラフ、チャート、アニメー ションなどが含まれます。 45
  • 46. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 ガイドラインの要約 • 6項目 → 2項目 • 775文字 → 143文字 46
  • 48. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 長い目線で 48 2011年年 UI実装ガイドラインの改定 2013年年 アクセシビリティ指針の公開 2015年年 UIガイドラインの⼤大幅改定
  • 49. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 長い目線で 方針策定・実施に
 4年 49
  • 50. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 長い目線で 1. JISの等級Aに一部対応 2. JISの対応等級を拡大 3. JISの適用サービスを拡大 4. より実践的なアクセシビリティ対応に拡大 5. アプリのアクセシビリティ対応に挑戦 6. アクセシビリティ分野でIT業界を牽引する 50
  • 53. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 おさらい 1 できる部分を少しずつ 53
  • 54. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 おさらい 2 様々なタイミングを 逃さずに 54
  • 55. Copyright (C) 2015 Yahoo Japan Corporation. All Rights Reserved. 無断引用・転載禁止 おさらい 3 長い目線で 55