SlideShare uma empresa Scribd logo
1 de 90
Baixar para ler offline
あなたの価値を高める 
Webアクセシビリティ
2017.05.18 | アクセシビリティの祭典 
Rikiya Ihara | BA
伊原力也
@magi1125 
BA(ビジネス・アーキテクツ) 
ユーザー調査、情報設計、UIデザイン 
ウェブアクセシビリティ基盤委員会 WG1委員 
HCD‑Net 評議委員、認定人間中心設計専門家
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
本日プレゼント! 
イベント限定の特別定価で販売!
会場後方の試し読みコーナーをチェック!
本日のターゲット
アクセシビリティが気になるWeb制作者 
そういったチームメンバーを後押ししたい人 
ちょっと変わった語り口を知りたい玄人筋の人
現状認識
http://wd‑flat.com/blog/internet/enquete2016/
Q:アクセシビリティについて
仕様書を見てはいないが 
感覚的に意識している 
(100人、51%)
QWCAG 2.0 
JIS X 8341‑3
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
24位:アクセシブルなサイト構築 
 
3位:優れたユーザビリティ設計 
2位:優れたインターフェイス/ナビゲーション設計 
1位:JavaScript
Q:近いうちに習得したいものは?
Web制作者がアクセシビリティに 
取り組む価値とは?
access + ability 
アクセスできる度合い
Intertwingled 
http://intertwingled.org/jp/
Evaluation method of UX “The User Experience Honeycomb” 
http://www.bookslope.jp/blog/2012/07/evaluationuxhoneycomb.html
Qアクセシビリティに 
なんらか取り組んでいる?
Aこの場にいる全員が 
実は取り組んでいる
Webに載るだけで 
圧倒的にアクセシブル
お店 → Web 
新聞 → Web 
学校 → Web 
業務 → Web
robustness
findability
portability
usability
shareability
hackability
頑健:存在が維持される
発見:特定できる、探し出せる
携帯:持ち運べる、呼び出せる
使用: 知覚・理解・操作、目的達成
共有: 誰かに渡せる、共有できる
改変: 加工できる、再利用できる
ユーザは、 
わたしたちの製品にアクセスすることで 
何にアクセスしようとしているのか?
あなたの言葉で伝えるWebアクセシビリティ 
http://www.slideshare.net/KobayashiDaisuke1/web‑59111913
製品・サービス
価値
Web
アクセシビリティ 
=特殊な対応?
アクセシビリティ 
=障害者・高齢者対応?
腱鞘炎でマウスが持てない
Bluetoothイヤホンが電池切れ
子どもにメガネを壊された
アクセシビリティ 
=使えるかどうか?
使いものになるか使えるか
accessible usable
remote control pig pile 
https://www.flickr.com/photos/redjar/136216456/
ISO 9241‑11 のユーザビリティ定義
特定の目的を達成するために、 
特定の利用者が、特定の利用状況で、 
有効性、効率性、そして満足とともに 
ある製品を利用することができる度合い。
様々な能力を持つ幅広い層の人々に対する、 
製品、サービス、環境または施設のユーザビリティ。
ISO 9241‑20 のアクセシビリティ定義
ユーザビリティ アクセシビリティ
Use
Use
ある状況での使える度 使える度合いの幅広さ
アクセシビリティ 
=ユーザビリティの幅広さ
Webアクセシビリティの解剖
素人とは違う、Webプロフェッショナルの 
仕事としてのWebコンテンツ開発を考えてみた 
http://web‑tan.forum.impressrd.jp/e/2012/05/17/12727
マシンリーダブル
プログラムが解釈できるか 
様々な形に変換して幅広く使えるようにする 
Webならではのアプローチ
ヒューマンリーダブル
人の目で見やすいか、わかりやすいか 
ひとつの表現で幅広く使えるようにする 
物理的な製品のユニバーサルデザインに近い
WCAG 2.0 の 
ヒューマンリーダブル関連
コンテンツを、利用者にとって見やすく、聞きやすいものにすること。 
これには、前景と背景を区別することも含む。
1.4 判別可能
1. 知覚可能
利用者がナビゲートしたり、コンテンツを探し出したり、 
現在位置を確認したりすることを手助けする手段を提供すること。
2.4 ナビゲーション可能
発作を引き起こすようなコンテンツを設計しないこと。
2.3 発作の防止
利用者がコンテンツを読み、使用するために十分な時間を提供すること。
2.2 十分な時間
2: 操作可能
テキストのコンテンツを読みやすく理解可能にすること。
ウェブページの表示や挙動を予測可能にすること。
利用者の間違いを防ぎ、修正を支援すること。
3.1 読みやすさ
3.2 予測可能
3.3 入力支援
3: 理解可能
Web Content Accessibility Guidelines (WCAG) 2.0 
イントロダクション:
しばしば利用者全般の 
ユーザビリティを向上させる。
幅広い状況でのヒューマンリーダビリティ 
≒モバイル、マルチデバイス
https://material.google.com/
https://developer.apple.com/ios/human‑interface‑guidelines/overview/design‑principles/
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
モバイルの利用状況から来るデザインヒント
必要十分な表現にとどめる 
チラ見しやすいようにデザインする 
階層を深くしない 
自然な形で接点を見せる 
途中で操作を止めても同じことができる 
時間軸を使って情報を整理する
http://www.slideshare.net/rikiha/mobile‑accessibility‑64942570
https://www.w3.org/TR/WCAG21/
http://website‑usability.info/2017/03/entry_170303.html
特定状況でのユーザビリティ 
=いわゆるユーザビリティ
UI
UI
幅広い状況でのヒューマンリーダビリティ 
≒アクセシビリティ
特定状況でのユーザビリティ 
=いわゆるユーザビリティ
可能性をさらに広げる 
マシンリーダビリティ
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
ヒューマンリーダブル
ひとつのものでは 
対応範囲に限界がある
マシンリーダブル
形を変えることで 
様々な状況に対応できる
実はWCAG 2.0ではレベルA、必ず満たすべきとされている
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
https://calil.jp/
https://support.google.com/webmasters/answer/70897?hl=ja
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
http://www.softbank.jp/mobile/service/visually‑support‑iphone/
マシンとヒューマンの架け橋は 
「テキスト」
伝わる可能性が一番高いUI「テキスト」
Webコンテンツのほとんどは「テキスト」 
IAの中心にあるのは「テキスト」 
検索に使うのも「テキスト」 
書き込むのも「テキスト」
http://www.uxbooth.com/articles/complete‑beginners‑guide‑to‑information‑architecture/
The Final Hamburger A/B Test
http://sitesforprofit.com/menu‑eats‑hamburger
設計・デザインの段階でテキストを意識
わかりやすく、構造を持ったテキストを 
「ヒューマンリーダブル」な形で出す
マシンリーダブルは 
テキストがあればこそ
テキストが無ければマークアップはできない(!) 
構造を持つテキストあれば、マークアップは難しくない 
title, h1~h6, ul, ol, a, form, label  
nav, article, section, aside, header, footer, main
可能性を保つ 
マシン 
リーダビリティ
網を張る 
ヒューマン 
リーダビリティ
狙い撃つ 
ユーザビリティ
Web
アクセシビリティ 
=売りにつながらない?
遷移・回遊
コンバージョン
利用開始
流入
理解
申込
母数へのアプローチ
デザイン側での唯一のアプローチ手段 
65歳以上の利用が16.4%(1,653万人) 
障害者の利用率は高い(82.7~93.4%) 
流入を増やす?アクセシブルにする?
遷移・回遊
コンバージョン
利用開始
流入
理解
申込
各段階へのアプローチ
WCAG2.0 に含まれる内容:
ナビゲーションのガイドライン
ライティングのガイドライン
フォーム最適化のガイドライン
流入
例:ナビゲーション
流入
例:ナビゲーション
流入
例:ライティング
流入
例:ライティング
流入
例:フォーム最適化
流入
例:フォーム最適化
アクセシビリティ 
=売りにつながる
アクセシビリティ 
=コストが増える?
http://www.slideshare.net/waic_jp/201310‑waic‑seminarsawada
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
ルールを要する案件にアクセシビリティを絡める
ルールを要する案件にアクセシビリティを絡める
ルールを要する案件にアクセシビリティを絡める
標準のガイドラインがあることで: 
理由付けがしやすい 
CMS選定の基準となる 
対応後に評価しやすい 
発展させる際に立ち戻りやすい
http://www.yasuhisa.com/could/article/design‑system‑language/
アクセシビリティ 
=利益につながる
まとめ まずWebに載せるだけでアクセシブル 
アクセシビリティ=ユーザビリティの幅広さ 
アクセシビリティ=ヒューマン向けとマシン向け 
ヒューマン向けはマルチデバイス対応との重なり大 
マシンリーダブルなら形も変えて届けられる 
ヒューマンとマシンの架け橋はテキスト 
アクセシビリティはビジネス上の利益につながる
僕なら「ウェブ制作の教科書」とか「ウェブ制作のすべて」とつける 
すべてのウェブサイト制作者のための「ウェブサイト構築」の教科書 
土台の揺らぐことのないウェブサイトを構築するチャート 
本書はWebデザインの「型」の説明をしてくれています 
実は、ユニバーサルなユーザビリティの解説本
Webの本質は 
アクセシビリティ
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
さあ、はじめよう!
ありがとうございました
@magi1125 
facebook.com/rikiya.ihara

Mais conteúdo relacionado

Mais procurados

プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディプロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ力也 伊原
 
Web制作会社とBA、ここ15年の変貌
Web制作会社とBA、ここ15年の変貌Web制作会社とBA、ここ15年の変貌
Web制作会社とBA、ここ15年の変貌Yoshinori OHTA
 
SEO x UX ユーザー心理によるコンテンツプランニング
SEO x UX ユーザー心理によるコンテンツプランニングSEO x UX ユーザー心理によるコンテンツプランニング
SEO x UX ユーザー心理によるコンテンツプランニングYoshiki Hayama
 
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2Yoshiki Hayama
 
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...Yoshiki Hayama
 
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリアHCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリアYoshiki Hayama
 
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Web Accessibility Infrastructure Committee (WAIC)
 
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイントWeb制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント高本 徹
 
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~Web Accessibility Infrastructure Committee (WAIC)
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようNozomi Sawada
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン力也 伊原
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?力也 伊原
 
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方Web Accessibility Infrastructure Committee (WAIC)
 
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]Izumi Izuizu
 
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセットSatoru MURAKOSHI
 
ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01Kazuhiko Tsuchiya
 
20180621_Node学園LT
20180621_Node学園LT20180621_Node学園LT
20180621_Node学園LTKahori Takeda
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Yasuhisa Hasegawa
 

Mais procurados (20)

プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディプロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
 
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
 
Web制作会社とBA、ここ15年の変貌
Web制作会社とBA、ここ15年の変貌Web制作会社とBA、ここ15年の変貌
Web制作会社とBA、ここ15年の変貌
 
Webアクセシビリティの現状ダイジェスト 2014
Webアクセシビリティの現状ダイジェスト 2014Webアクセシビリティの現状ダイジェスト 2014
Webアクセシビリティの現状ダイジェスト 2014
 
SEO x UX ユーザー心理によるコンテンツプランニング
SEO x UX ユーザー心理によるコンテンツプランニングSEO x UX ユーザー心理によるコンテンツプランニング
SEO x UX ユーザー心理によるコンテンツプランニング
 
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
 
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
 
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリアHCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
 
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
 
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイントWeb制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント
 
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
 
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
 
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
 
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
 
ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01
 
20180621_Node学園LT
20180621_Node学園LT20180621_Node学園LT
20180621_Node学園LT
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩
 

Semelhante a あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)

「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論Yoshiki Hayama
 
Lead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX DesignLead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX DesignTakashi Sakamoto
 
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"Takashi Sakamoto
 
サイトサーチアナリティクスとは
サイトサーチアナリティクスとはサイトサーチアナリティクスとは
サイトサーチアナリティクスとはMakoto Shimizu
 
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることいいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることMasahiko Yoshikawa
 
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014Yoshiki Hayama
 
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
45分間で「ユーザー中心のものづくり」ができるまで詰め込む45分間で「ユーザー中心のものづくり」ができるまで詰め込む
45分間で「ユーザー中心のものづくり」ができるまで詰め込むYoshiki Hayama
 
UX approach for real cross media planning
UX approach for real cross media planningUX approach for real cross media planning
UX approach for real cross media planningTakashi Sakamoto
 
ウェブディレクターのための Web A11Y 勉強会 #06
ウェブディレクターのための Web A11Y 勉強会 #06ウェブディレクターのための Web A11Y 勉強会 #06
ウェブディレクターのための Web A11Y 勉強会 #06Kazuhiko Tsuchiya
 
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018Yoshiki Hayama
 
Think, Mind, Vision etc..
Think, Mind, Vision etc..Think, Mind, Vision etc..
Think, Mind, Vision etc..c-mitsuba
 
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりアクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりKazuhito Kidachi
 
ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07Kazuhiko Tsuchiya
 
Webアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストWebアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストKazuhito Kidachi
 
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and AnalyticsShibuyaUX - UX and Analytics
ShibuyaUX - UX and AnalyticsMakoto Shimizu
 
LT.19 BigQueryとGoogleスプレッドシートで作る格安BI
LT.19 BigQueryとGoogleスプレッドシートで作る格安BILT.19 BigQueryとGoogleスプレッドシートで作る格安BI
LT.19 BigQueryとGoogleスプレッドシートで作る格安BIGIG inc.
 
これからのIT人材のためのワーク・シフト
これからのIT人材のためのワーク・シフトこれからのIT人材のためのワーク・シフト
これからのIT人材のためのワーク・シフトDaisuke Masubuchi
 
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家Yoshiki Hayama
 
Sinap Talk Project Design "IA" 20080902
Sinap Talk Project Design "IA" 20080902Sinap Talk Project Design "IA" 20080902
Sinap Talk Project Design "IA" 20080902Takashi Sakamoto
 
UXDのためのストーリーテリング
UXDのためのストーリーテリングUXDのためのストーリーテリング
UXDのためのストーリーテリングkudakurage
 

Semelhante a あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン) (20)

「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
 
Lead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX DesignLead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX Design
 
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"
 
サイトサーチアナリティクスとは
サイトサーチアナリティクスとはサイトサーチアナリティクスとは
サイトサーチアナリティクスとは
 
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることいいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
 
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
 
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
45分間で「ユーザー中心のものづくり」ができるまで詰め込む45分間で「ユーザー中心のものづくり」ができるまで詰め込む
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
 
UX approach for real cross media planning
UX approach for real cross media planningUX approach for real cross media planning
UX approach for real cross media planning
 
ウェブディレクターのための Web A11Y 勉強会 #06
ウェブディレクターのための Web A11Y 勉強会 #06ウェブディレクターのための Web A11Y 勉強会 #06
ウェブディレクターのための Web A11Y 勉強会 #06
 
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
 
Think, Mind, Vision etc..
Think, Mind, Vision etc..Think, Mind, Vision etc..
Think, Mind, Vision etc..
 
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりアクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたり
 
ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07
 
Webアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストWebアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェスト
 
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and AnalyticsShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
 
LT.19 BigQueryとGoogleスプレッドシートで作る格安BI
LT.19 BigQueryとGoogleスプレッドシートで作る格安BILT.19 BigQueryとGoogleスプレッドシートで作る格安BI
LT.19 BigQueryとGoogleスプレッドシートで作る格安BI
 
これからのIT人材のためのワーク・シフト
これからのIT人材のためのワーク・シフトこれからのIT人材のためのワーク・シフト
これからのIT人材のためのワーク・シフト
 
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
 
Sinap Talk Project Design "IA" 20080902
Sinap Talk Project Design "IA" 20080902Sinap Talk Project Design "IA" 20080902
Sinap Talk Project Design "IA" 20080902
 
UXDのためのストーリーテリング
UXDのためのストーリーテリングUXDのためのストーリーテリング
UXDのためのストーリーテリング
 

Mais de 力也 伊原

あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)力也 伊原
 
可能性のデザイン
可能性のデザイン可能性のデザイン
可能性のデザイン力也 伊原
 
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリーサイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー力也 伊原
 
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ力也 伊原
 
実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ力也 伊原
 
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?力也 伊原
 
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーションWAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション力也 伊原
 
NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応力也 伊原
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?力也 伊原
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ力也 伊原
 

Mais de 力也 伊原 (10)

あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
 
可能性のデザイン
可能性のデザイン可能性のデザイン
可能性のデザイン
 
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリーサイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー
 
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
 
実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ
 
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?
 
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーションWAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
 
NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
 

あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)