SlideShare a Scribd company logo
デザインから取り組む 
Webアクセシビリティ 
長谷川恭久今こそ取り組むウェブアクセシビリティ2014年12月8日
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
Webアクセシビリティ 
障害者も考慮したデザイン 
Webアクセシビリティ 
障害者へ手厚くケアをする
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
自分のペースで 
自分のやり方で 
自分の欲しいタイミングで
デザインから取り組むWebアクセシビリティ
Webアクセシビリティ 
自分のやり方でアクセスできる
利用者の目的を理解
利用者が 
求めているもの 
配信側が 
出したいもの
答えを言わない 
機能で説明しない 
「私は」という主語を意識する
利用者の目的に絞った設計
利用者の目的に絞った設計 
混乱を避けられる 
レイアウトがシンプルになる 
一連操作が分かりやすくなる 
ディフォルトでアクセシブル
訪問者にとって意味のある順序か 
コアコンテンツを明確にする 
重複したコンテンツはないか
デザインから取り組むWebアクセシビリティ
利用者の目的をより明確に 
解決しなければならない問題の減少
デザインから取り組むWebアクセシビリティ
絞った最適化 
別の方法を提供する 
全利用者のニーズをきちんと満たす
デザインから取り組むWebアクセシビリティ
過剰なヘルプはヘルプではない 
利用者の目的が何かを知る 
デザインもアクセシビリティも最初が肝心
長谷川恭久 
mail@yasuhisa.com 
@yhassy 
http://www.yasuhisa.com

More Related Content

Viewers also liked

Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法
Yasuhisa Hasegawa
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法
Yasuhisa Hasegawa
 
スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法
Yasuhisa Hasegawa
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査
Yasuhisa Hasegawa
 
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
Yasuhisa Hasegawa
 
課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方
Yasuhisa Hasegawa
 

Viewers also liked (6)

Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法
 
スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査
 
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
 
課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方
 

More from Yasuhisa Hasegawa

センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすること
Yasuhisa Hasegawa
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計
Yasuhisa Hasegawa
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方
Yasuhisa Hasegawa
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩
Yasuhisa Hasegawa
 
6から始まる Movable Type の旅
6から始まる Movable Type の旅6から始まる Movable Type の旅
6から始まる Movable Type の旅
Yasuhisa Hasegawa
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考
Yasuhisa Hasegawa
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来
Yasuhisa Hasegawa
 
ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術
Yasuhisa Hasegawa
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフロー
Yasuhisa Hasegawa
 
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
 
未来をプロトタイプしよう
未来をプロトタイプしよう未来をプロトタイプしよう
未来をプロトタイプしよう
Yasuhisa Hasegawa
 
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインモダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
Yasuhisa Hasegawa
 
終わりなきWebの旅
終わりなきWebの旅終わりなきWebの旅
終わりなきWebの旅
Yasuhisa Hasegawa
 
脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術
Yasuhisa Hasegawa
 
プロトタイピングからはじめよう
プロトタイピングからはじめようプロトタイピングからはじめよう
プロトタイピングからはじめよう
Yasuhisa Hasegawa
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Yasuhisa Hasegawa
 
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザインこれから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
Yasuhisa Hasegawa
 
レベルアップ! 〜ポイント合戦から教育という名のゲームへ
レベルアップ! 〜ポイント合戦から教育という名のゲームへレベルアップ! 〜ポイント合戦から教育という名のゲームへ
レベルアップ! 〜ポイント合戦から教育という名のゲームへ
Yasuhisa Hasegawa
 

More from Yasuhisa Hasegawa (18)

センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすること
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩
 
6から始まる Movable Type の旅
6から始まる Movable Type の旅6から始まる Movable Type の旅
6から始まる Movable Type の旅
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来
 
ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフロー
 
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
 
未来をプロトタイプしよう
未来をプロトタイプしよう未来をプロトタイプしよう
未来をプロトタイプしよう
 
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインモダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
 
終わりなきWebの旅
終わりなきWebの旅終わりなきWebの旅
終わりなきWebの旅
 
脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術
 
プロトタイピングからはじめよう
プロトタイピングからはじめようプロトタイピングからはじめよう
プロトタイピングからはじめよう
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
 
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザインこれから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
 
レベルアップ! 〜ポイント合戦から教育という名のゲームへ
レベルアップ! 〜ポイント合戦から教育という名のゲームへレベルアップ! 〜ポイント合戦から教育という名のゲームへ
レベルアップ! 〜ポイント合戦から教育という名のゲームへ