Suche senden
Hochladen
岡山で アクセシビリティ はじめよーでー
•
4 gefällt mir
•
2,360 views
Nozomi Sawada
Folgen
オープンセミナー2015@岡山 懇親会LTで使用したスライドです。
Weniger lesen
Mehr lesen
Internet
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 42
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
Nozomi Sawada
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
Nozomi Sawada
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
Nozomi Sawada
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
Nozomi Sawada
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
Nozomi Sawada
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
Yuki Okada
第7回 okayama-js 実践 WAI-ARIA
第7回 okayama-js 実践 WAI-ARIA
Nozomi Sawada
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
Yuya Toida
Empfohlen
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
Nozomi Sawada
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
Nozomi Sawada
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
Nozomi Sawada
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
Nozomi Sawada
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
Nozomi Sawada
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
Yuki Okada
第7回 okayama-js 実践 WAI-ARIA
第7回 okayama-js 実践 WAI-ARIA
Nozomi Sawada
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
Yuya Toida
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
力也 伊原
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
Yusuke Tamukai
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
schoowebcampus
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
Yusuke Tamukai
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
Yuya Toida
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
Yusuke Tamukai
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
Yuya Toida
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
Web Accessibility Infrastructure Committee (WAIC)
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
Yusuke Tamukai
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
Koji Aihara
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
INFOBAHN.inc(株式会社インフォバーン)
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
Cssnite in sapporovol14
Cssnite in sapporovol14
Yasufumi Nishiyama
Weitere ähnliche Inhalte
Was ist angesagt?
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
力也 伊原
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
Yusuke Tamukai
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
schoowebcampus
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
Yusuke Tamukai
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
Yuya Toida
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
Yusuke Tamukai
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
Yuya Toida
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
Web Accessibility Infrastructure Committee (WAIC)
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
Yusuke Tamukai
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
Koji Aihara
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
INFOBAHN.inc(株式会社インフォバーン)
Was ist angesagt?
(20)
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
Ähnlich wie 岡山で アクセシビリティ はじめよーでー
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
Cssnite in sapporovol14
Cssnite in sapporovol14
Yasufumi Nishiyama
「誰」が「何」をする?みんなで考えてみよう!
「誰」が「何」をする?みんなで考えてみよう!
Nozomi Sawada
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
Ryu Shindo
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
Yu Morita
岡山をリーダブルな世界に
岡山をリーダブルな世界に
Nozomi Sawada
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Masakazu Muraoka
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
Osamu Nagatani
ゼロから始める雲車庫生活 Re: Life in a CloudGarage from zero.
ゼロから始める雲車庫生活 Re: Life in a CloudGarage from zero.
Yasufumi Nishiyama
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
Yasufumi Nishiyama
Making of FINN at Toyota and Yokohama ppt
Making of FINN at Toyota and Yokohama ppt
Izumi Aizu
WordPressの進化とWordPress名古屋コミュニティの進化
WordPressの進化とWordPress名古屋コミュニティの進化
takashi ono
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
Yasufumi Nishiyama
WordBench京都9月号
WordBench京都9月号
Koji Asaga
Viewを使って開発を楽にする話
Viewを使って開発を楽にする話
Isamu Watanabe
Webデザインにおけるアクセシビリティへの取組み
Webデザインにおけるアクセシビリティへの取組み
Mitsue-Links Co.,Ltd. Accessibility Department
デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果
Kazunori Tateyama
JBUG高知#0 Web制作現場でのバックログ活用事例
JBUG高知#0 Web制作現場でのバックログ活用事例
Isao Kobashi
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
Ähnlich wie 岡山で アクセシビリティ はじめよーでー
(20)
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Cssnite in sapporovol14
Cssnite in sapporovol14
「誰」が「何」をする?みんなで考えてみよう!
「誰」が「何」をする?みんなで考えてみよう!
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
岡山をリーダブルな世界に
岡山をリーダブルな世界に
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
ゼロから始める雲車庫生活 Re: Life in a CloudGarage from zero.
ゼロから始める雲車庫生活 Re: Life in a CloudGarage from zero.
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
Making of FINN at Toyota and Yokohama ppt
Making of FINN at Toyota and Yokohama ppt
WordPressの進化とWordPress名古屋コミュニティの進化
WordPressの進化とWordPress名古屋コミュニティの進化
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
WordBench京都9月号
WordBench京都9月号
Viewを使って開発を楽にする話
Viewを使って開発を楽にする話
Webデザインにおけるアクセシビリティへの取組み
Webデザインにおけるアクセシビリティへの取組み
デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果
JBUG高知#0 Web制作現場でのバックログ活用事例
JBUG高知#0 Web制作現場でのバックログ活用事例
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Mehr von Nozomi Sawada
中小企業のWebサイトでも気にしておきたいアクセシビリティ
中小企業のWebサイトでも気にしておきたいアクセシビリティ
Nozomi Sawada
UDトークで会話をアクセシブルにしてみよう
UDトークで会話をアクセシブルにしてみよう
Nozomi Sawada
色にまつわるエトセトラ(いろいろ)
色にまつわるエトセトラ(いろいろ)
Nozomi Sawada
コントラスト高めでいこう
コントラスト高めでいこう
Nozomi Sawada
代替テキストの基本から応用まで
代替テキストの基本から応用まで
Nozomi Sawada
こんなとき実感!代替テキストと字幕の大切さ
こんなとき実感!代替テキストと字幕の大切さ
Nozomi Sawada
Webアクセシビリティ 今ならどうするの?
Webアクセシビリティ 今ならどうするの?
Nozomi Sawada
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
Nozomi Sawada
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
Nozomi Sawada
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
Nozomi Sawada
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
Nozomi Sawada
Mehr von Nozomi Sawada
(11)
中小企業のWebサイトでも気にしておきたいアクセシビリティ
中小企業のWebサイトでも気にしておきたいアクセシビリティ
UDトークで会話をアクセシブルにしてみよう
UDトークで会話をアクセシブルにしてみよう
色にまつわるエトセトラ(いろいろ)
色にまつわるエトセトラ(いろいろ)
コントラスト高めでいこう
コントラスト高めでいこう
代替テキストの基本から応用まで
代替テキストの基本から応用まで
こんなとき実感!代替テキストと字幕の大切さ
こんなとき実感!代替テキストと字幕の大切さ
Webアクセシビリティ 今ならどうするの?
Webアクセシビリティ 今ならどうするの?
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
岡山で アクセシビリティ はじめよーでー
1.
岡山で アクセシビリティ はじめよーでー 2015年5月16日 オープンセミナー2015@岡山
懇親会 LT
2.
2 SAWADA STANDARD DESIGN 澤田
望 @SawadaStdDesign WAIC WG2委員(2011年〜) キヤノンサイトのデザイン監修/運用(〜2013年) 2014年、岡山で独立
3.
3 Webサイト作ったり、イラスト描いたり。
4.
4 「セルフブランディング」的に、何が売りなのか?
5.
5 Webアクセシビリティについての活動に わりと長いこと関わっている。
6.
6 Web ウェブ Accessibility アクセシビリティ Infrastructure
基盤 Committee 委員会 http://waic.jp/
7.
7 世の中には、Webアクセシビリティについて 自分よりも技術に詳しい人は山のようにいる . .
.
8.
8 そこに突っ込んでいっても、差別化は見込めないぞ。
9.
9 少し違う視点で、 やわらかくアピールしていった方がいいのかも . .
.
10.
10 今日は、岡山の皆さんにWebアクセシビリティを 身近に感じてもらうためのお話を。
11.
11 「アクセシビリティ」って?
12.
12 富士通のユニバーサルデザイン理念「ユーザビリティとアクセシビリティ」より
13.
13 【 ユーザビリティ 】 利用できる人に対する 「使いやすいか/使いにくいか」いう度合い ※使えることが前提
14.
14 「ユーザビリティが高い」 ↓
15.
15 「ユーザビリティが低い」 ↓
16.
16 【 アクセシビリティ 】 全ての人に対する 「使えるか/使えないのか」いう度合い
17.
17 「アクセシビリティが高い」 ↓
18.
18 「アクセシビリティが低い」 ↓
19.
19 もう一度見てみると、 「身体の状態によっては」?
20.
20 アクセシビリティっていうと、 「障碍者向け対応」的な部分が強調されやすい。 ※もちろん大事な部分ではあります。
21.
21
22.
22 誤解を解いて、全ての人や機械が となることを目指したい。
23.
23 あえて「機械が」って入れてる?
24.
24 だいたい未来って、機械がしゃべってますよね?
25.
25
26.
26
27.
27 そこまでの未来じゃなくても . .
.
28.
28 この辺りならしゃべりますよね?
29.
29 機械にしゃべってもらうには、 コンテンツの情報がちゃんと伝わる構造に なっていなければいけません。
30.
30 具体的な例を。
31.
31 htmlを例に、NVDA(無料)という スクリーンリーダーにしゃべらせてみます。 デモページ1 デモページ2
32.
32 <img src="img/stamp-de-suki-jake.png" alt=""> ↑ 伝わらない <img
src="img/stamp-yacchi-mo-ne.png" alt="やっちもねー"> ↑ 伝わる
33.
33
34.
34 次にコンテンツの例を。
35.
35 下の大きな丸いボタンを押してください。 実行
36.
36 下? 大きな? 丸い?
37.
37 下の大きな丸い「実行」ボタンを押してください。 実行
38.
38
39.
39 非常に初歩的な話ですけど、これだけでも岡山の Webサイトのアクセシビリティは格段に向上します。
40.
40 岡山で アクセシビリティ はじめよーでー! 岡山旅ねっとより(岡山市原尾島交差点)
41.
41 気になったら、こちらもヨロシク。
42.
42 ありがとうございました。
Jetzt herunterladen