Submit Search
Upload
岡山で アクセシビリティ はじめよーでー
•
4 likes
•
2,360 views
Nozomi Sawada
Follow
オープンセミナー2015@岡山 懇親会LTで使用したスライドです。
Read less
Read more
Internet
Report
Share
Report
Share
1 of 42
Download now
Download to read offline
Recommended
2015-08-30(日)に大阪JUSO Coworkingにて行われた「第7回 D2D アクセシビリティ勉強会」でのスライドです。
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
Nozomi Sawada
2015-04-26(日)に京都コワーキングスペースcotoにて行われた「第5回 D2D アクセシビリティ勉強会」でのスライドです。
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
Nozomi Sawada
2015-11-22(日)に大阪JUSO Coworkingにて行われた「オマケ会 D2Dアクセシビリティ勉強会」でのスライドです。
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
Nozomi Sawada
2015-06-21(日)に大阪JUSO Coworkingにて行われた「第6回 D2D アクセシビリティ勉強会」でのスライドです。
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
Nozomi Sawada
(※ P.17、P.23、P.30、P.77を加筆修正しました。2017-03-09) 2017-03-05(日)にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2017」でのスライドです。
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
Nozomi Sawada
2017/12/6 Cybozu Days 2017 大阪 のセッション「みんなが働きたい場所で働けるリモート開発チームを目指してやっていること」の発表資料です
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
Yuki Okada
※ P.83に注釈を追加しました。 2017-06-10(土)に倉敷物語館にて行われた「第7回 okayama-js」でのスライドです。
第7回 okayama-js 実践 WAI-ARIA
第7回 okayama-js 実践 WAI-ARIA
Nozomi Sawada
サイボウズのMeetup第5回のLT資料です。 Cybozu Meetup#5 デザイン&アクセシビリティ
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
Yuya Toida
Recommended
2015-08-30(日)に大阪JUSO Coworkingにて行われた「第7回 D2D アクセシビリティ勉強会」でのスライドです。
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
Nozomi Sawada
2015-04-26(日)に京都コワーキングスペースcotoにて行われた「第5回 D2D アクセシビリティ勉強会」でのスライドです。
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
Nozomi Sawada
2015-11-22(日)に大阪JUSO Coworkingにて行われた「オマケ会 D2Dアクセシビリティ勉強会」でのスライドです。
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
Nozomi Sawada
2015-06-21(日)に大阪JUSO Coworkingにて行われた「第6回 D2D アクセシビリティ勉強会」でのスライドです。
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
Nozomi Sawada
(※ P.17、P.23、P.30、P.77を加筆修正しました。2017-03-09) 2017-03-05(日)にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2017」でのスライドです。
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
Nozomi Sawada
2017/12/6 Cybozu Days 2017 大阪 のセッション「みんなが働きたい場所で働けるリモート開発チームを目指してやっていること」の発表資料です
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪
Yuki Okada
※ P.83に注釈を追加しました。 2017-06-10(土)に倉敷物語館にて行われた「第7回 okayama-js」でのスライドです。
第7回 okayama-js 実践 WAI-ARIA
第7回 okayama-js 実践 WAI-ARIA
Nozomi Sawada
サイボウズのMeetup第5回のLT資料です。 Cybozu Meetup#5 デザイン&アクセシビリティ
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
Yuya Toida
2016年12月3日に開催されたWCAN 2016 Winterで使用したスライドです。
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
力也 伊原
受託開発をやっている会社がboard(https://the-board.jp/ )という自社サービスの開発・運営をしていく中で工夫していることの紹介です。
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
Yusuke Tamukai
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
説明:以下 ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/214/room ーーーーーーーーーーーーーーーーーーーーーーー
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
schoowebcampus
BPStudy#84の発表資料です。
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
Yusuke Tamukai
2014年6月5日 GarageAKIHABARAにて開催されたワンコインカレッジ!で話した「Webデザイナーが仕事をしやすいWebディレクター」のスライドです。
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
ライトニングトーク付きクリエイターズ交流会 in東京で発表したデザイナーの複業の話です。
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
Yuya Toida
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
DevLOVE関西(https://devlove-kansai.doorkeeper.jp/events/29746 )での発表資料です。 board(https://the-board.jp )開発の現場を紹介しています。
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
Yusuke Tamukai
9/27 UX Cafe B2BサービスのUXデザインを語ろう 発表資料
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
Yuya Toida
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
2017年2月15日開催のセミナー「これから取り組むWebアクセシビリティ Vol.2」で、セッション1「なぜ企業はWebアクセシビリティに取り組むのか?」に用いたスライドです。講師は作業部会1(理解と普及)委員の伊原 力也氏です。
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
Web Accessibility Infrastructure Committee (WAIC)
2016年8月25日に開催されたイベント「Design-JP 第1回 勉強会 : プロトタイピングの回」で使用したスライドです。公開向けに編集した抜粋版となっています。
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
BPStudy#67でプレゼンした時の資料です。 --- 先日、スマホアプリを手軽に作るためのスマホアプリCMS「Patto」(http://patto-cms.jp/)というものをリリースしました。その過程で、以前ブログで書いた「受託開発脳から自社開発脳へ切り替えの7つの壁(http://blog.velc.jp/post/26303968292/7)」を、どのようにして乗り越えてPattoをリリースしたか。 受託開発をメインにやってきたメンバが、本格的に自社開発に取り組むにあたって取り組んだこと、苦労したこと、やっぱりできていないことなど。
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
Yusuke Tamukai
2015年2月5日にschooで行われた「Webディレクションに必要なスキルセットとマインドセット」の授業で使用したスライドです。 https://schoo.jp/class/1805/
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
UX Bridge vol.8(2019年1月31日開催)登壇資料 https://uxbridge.connpass.com/event/117026/ アライドアーキテクツ株式会社:相原幸司
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
Koji Aihara
設計とは、道標である。 by DCHS 本講では、ウェブ構築の大前提となる、「誰のために、何をするのか」をメインテーマとし、概念ばかりが先行し、解釈が多様化し、理解が困難な「設計」という工程を、具体的に、体系的に、実践的に解説します。 【講師】 DCHS 高瀬 https://twitter.com/DCHSjp https://www.facebook.com/DCHSjp 【主催】 日本ディレクション協会 http://www.direkyo.com https://www.facebook.com/direkyo.org
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
INFOBAHN.inc(株式会社インフォバーン)
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
2014年7月6日(日)に札幌市で開催された、CSSNite in SAPPORO Vol.14 「選ばれるECサイト」にて使用したスライドです。 当日は10分間のショートセッションを担当しました。 動画はこちらでご覧いただけます。→ http://vimeo.com/100224658
Cssnite in sapporovol14
Cssnite in sapporovol14
Yasufumi Nishiyama
More Related Content
What's hot
2016年12月3日に開催されたWCAN 2016 Winterで使用したスライドです。
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
力也 伊原
受託開発をやっている会社がboard(https://the-board.jp/ )という自社サービスの開発・運営をしていく中で工夫していることの紹介です。
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
受託の会社が自社サービスをやる中で取り組んだ開発・運用の工夫
Yusuke Tamukai
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
説明:以下 ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/214/room ーーーーーーーーーーーーーーーーーーーーーーー
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
schoowebcampus
BPStudy#84の発表資料です。
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
受託開発会社による「受託開発と自社サービス開発の両立」と新サービス「Board」ができるまで
Yusuke Tamukai
2014年6月5日 GarageAKIHABARAにて開催されたワンコインカレッジ!で話した「Webデザイナーが仕事をしやすいWebディレクター」のスライドです。
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
ライトニングトーク付きクリエイターズ交流会 in東京で発表したデザイナーの複業の話です。
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
Yuya Toida
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
DevLOVE関西(https://devlove-kansai.doorkeeper.jp/events/29746 )での発表資料です。 board(https://the-board.jp )開発の現場を紹介しています。
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
受託開発の会社が自社サービスを開発・運営する中で見つけた自分たちにあったスタンス
Yusuke Tamukai
9/27 UX Cafe B2BサービスのUXデザインを語ろう 発表資料
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
Yuya Toida
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
2017年2月15日開催のセミナー「これから取り組むWebアクセシビリティ Vol.2」で、セッション1「なぜ企業はWebアクセシビリティに取り組むのか?」に用いたスライドです。講師は作業部会1(理解と普及)委員の伊原 力也氏です。
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
Web Accessibility Infrastructure Committee (WAIC)
2016年8月25日に開催されたイベント「Design-JP 第1回 勉強会 : プロトタイピングの回」で使用したスライドです。公開向けに編集した抜粋版となっています。
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
BPStudy#67でプレゼンした時の資料です。 --- 先日、スマホアプリを手軽に作るためのスマホアプリCMS「Patto」(http://patto-cms.jp/)というものをリリースしました。その過程で、以前ブログで書いた「受託開発脳から自社開発脳へ切り替えの7つの壁(http://blog.velc.jp/post/26303968292/7)」を、どのようにして乗り越えてPattoをリリースしたか。 受託開発をメインにやってきたメンバが、本格的に自社開発に取り組むにあたって取り組んだこと、苦労したこと、やっぱりできていないことなど。
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
受託開発脳から自社開発脳への切り替えの7つの壁 x スマホアプリCMS「Patto」
Yusuke Tamukai
2015年2月5日にschooで行われた「Webディレクションに必要なスキルセットとマインドセット」の授業で使用したスライドです。 https://schoo.jp/class/1805/
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
UX Bridge vol.8(2019年1月31日開催)登壇資料 https://uxbridge.connpass.com/event/117026/ アライドアーキテクツ株式会社:相原幸司
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
立ち上げ期のSaaSで大事にしている「UX」- UX Bridge vol.8
Koji Aihara
設計とは、道標である。 by DCHS 本講では、ウェブ構築の大前提となる、「誰のために、何をするのか」をメインテーマとし、概念ばかりが先行し、解釈が多様化し、理解が困難な「設計」という工程を、具体的に、体系的に、実践的に解説します。 【講師】 DCHS 高瀬 https://twitter.com/DCHSjp https://www.facebook.com/DCHSjp 【主催】 日本ディレクション協会 http://www.direkyo.com https://www.facebook.com/direkyo.org
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
INFOBAHN.inc(株式会社インフォバーン)
What's hot
(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つのデザインディレクションのルール
Similar to 岡山で アクセシビリティ はじめよーでー
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
2014年7月6日(日)に札幌市で開催された、CSSNite in SAPPORO Vol.14 「選ばれるECサイト」にて使用したスライドです。 当日は10分間のショートセッションを担当しました。 動画はこちらでご覧いただけます。→ http://vimeo.com/100224658
Cssnite in sapporovol14
Cssnite in sapporovol14
Yasufumi Nishiyama
2019/9/2(月)に岡山大インキュベータにて行われた「リーダブルな夜 on 2019/09/02」でのワークショップで使用したスライドです。
「誰」が「何」をする?みんなで考えてみよう!
「誰」が「何」をする?みんなで考えてみよう!
Nozomi Sawada
2018年9月19日、日本Androidの会の定例会での講演資料です。 先だって9月15日に開催されたWordCamp Tokyo 2018 で講演した PWA および WordPress プラグイン「 PWA for WordPress 」の内容を、技術的に掘り下げた技術者向けの講演としてアレンジしたものです。 既存 WordPress サイトをベースに PWA を実装する事例を通してPWA 実装の勘所を解説します。
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
Ryu Shindo
2012年10月19日開催の第三回東北セミナー(主催:公益社団法人 日本アドバタイザーズ協会 Web広告研究会) 第二部 パネルディスカッション「東京では語れないHTML5[仮題]」のメインスライドです。パネリスト:ピクセルグリッド 中村享介、コンテンツ 山本健介、カヤック 道家陽介・比留間和也 モデレーター:ツルカメ 森田雄
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
Yu Morita
2018-09-03(月)に岡山大インキュベータにて行われた「リーダブルな夜 on 2018/09/03」でのスライドです。
岡山をリーダブルな世界に
岡山をリーダブルな世界に
Nozomi Sawada
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Masakazu Muraoka
CMSどうでしょう〜MT・WP対決列島〜 仙台編での資料です。
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
Osamu Nagatani
2018年2月22日に札幌市で開催されたCloudGarage Deep Meetup in SapporoでのLTに使用したスライド。諸事情により一部ページを再加工しております。
ゼロから始める雲車庫生活 Re: Life in a CloudGarage from zero.
ゼロから始める雲車庫生活 Re: Life in a CloudGarage from zero.
Yasufumi Nishiyama
2014年1月18日に開催されたMTDDC Meetup NAGOYAのライトニングトーク資料です。 SKELETON CARTを紹介しています。
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
Yasufumi Nishiyama
Snapshots of Workshops and unConference on the theme of Future of Industry, Mobility and Making in Toyota City and Yokohama
Making of FINN at Toyota and Yokohama ppt
Making of FINN at Toyota and Yokohama ppt
Izumi Aizu
WordFes Nagoya 2016のスライド
WordPressの進化とWordPress名古屋コミュニティの進化
WordPressの進化とWordPress名古屋コミュニティの進化
takashi ono
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
MTDDC 2013のLT資料です。 10/5開催のMTDDC Meetup HOKKAIDO 2013のご案内をさせていただきました。 資料タイトルに「(仮)」と入っているのはネタです。
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
Yasufumi Nishiyama
WordBench京都9月号でkintoneの紹介で使った資料です。
WordBench京都9月号
WordBench京都9月号
Koji Asaga
中国地方DB勉強会 第11回 Viewを使って開発を楽にする話
Viewを使って開発を楽にする話
Viewを使って開発を楽にする話
Isamu Watanabe
2015年5月7日、コミュニケーションプラザ ドットDNPで開催されたイベント「ウェブから学ぶ電子出版の可能性~多様な読書スタイルを考える~」での講演資料です。
Webデザインにおけるアクセシビリティへの取組み
Webデザインにおけるアクセシビリティへの取組み
Mitsue-Links Co.,Ltd. Accessibility Department
2015年12月19日(土) まにまにフェスティバル 大阪・産業創造館
デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果
Kazunori Tateyama
JBUG高知#0の小橋登壇資料です。
JBUG高知#0 Web制作現場でのバックログ活用事例
JBUG高知#0 Web制作現場でのバックログ活用事例
Isao Kobashi
Web屋という仕事のこれから 〜Web動向からWeb屋に必要な技術を考えてみる〜 FutureSync Vol.5 で発表したスライドです。 タイトルは釣りです。前半はほぼネタです。 中身はJavaScriptで動作するデバイスは楽しいからみんなやってみたら? という内容です。
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
Similar to 岡山で アクセシビリティ はじめよーでー
(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屋に必要な技術を考えてみる
More from Nozomi Sawada
2019/11/2(土)にハッシュタグにて行われた「リーダブルな昼下がり on 2019/11/02」でのセッションで使用したスライドです。
中小企業のWebサイトでも気にしておきたいアクセシビリティ
中小企業のWebサイトでも気にしておきたいアクセシビリティ
Nozomi Sawada
2019/7/8(月)に岡山大インキュベータにて行われた「リーダブルな夜 on 2019/07/08」でのスライドです。
UDトークで会話をアクセシブルにしてみよう
UDトークで会話をアクセシブルにしてみよう
Nozomi Sawada
2019/05/17(金)に岡山大インキュベータにて行われた「リーダブルな夜 on 2019/05/17」でのスライドです。※スライド中資料の最新版が下記にあります。 カラーユニバーサルデザイン 推奨配色セット ガイドブック(第2版) http://www2.cudo.jp/wp/wp-content/uploads/2018/10/cud_guidebook.pdf
色にまつわるエトセトラ(いろいろ)
色にまつわるエトセトラ(いろいろ)
Nozomi Sawada
2019/03/04(月)に岡山大インキュベータにて行われた「リーダブルな夜 on 2019/03/04」でのスライドです。
コントラスト高めでいこう
コントラスト高めでいこう
Nozomi Sawada
2018/11/05(月)に岡山大インキュベータにて行われた「リーダブルな夜 on 2018/11/05」でのスライドです。【決定ツリーのPDF版は以下】 代替テキスト決定ツリー:http://bit.ly/readable_ALT
代替テキストの基本から応用まで
代替テキストの基本から応用まで
Nozomi Sawada
2017-05-17(木)に神戸ジーベックホールにて行われた「アクセシビリティの祭典 2018」でのスライドです。
こんなとき実感!代替テキストと字幕の大切さ
こんなとき実感!代替テキストと字幕の大切さ
Nozomi Sawada
2017-12-2(土)に高知市文化プラザかるぽーとにて行われた「WCK Meeting Vol.56「キーワードから探るWeb制作の未来像」」でのスライドです。
Webアクセシビリティ 今ならどうするの?
Webアクセシビリティ 今ならどうするの?
Nozomi Sawada
2017-06-03(土)にクリエイティブセンター福岡にて行われた「!important04」でのスライドです。
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
Nozomi Sawada
2017-05-18(木)に神戸商工貿易センタービルにて行われた「アクセシビリティの祭典」でのスライドです。
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
Nozomi Sawada
2016-09-22(木)にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2016」でのスライドです。
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
Nozomi Sawada
2014-09-27(土)にJUSO Coworkingにて行われた「第2回 D2D アクセシビリティ勉強会」でのスライドです。 公開にあたり下記の編集を加えました。 1.資料中の下線箇所にハイパーリンクを張りました。 2.「実践してみよう」コーナーで当日ご指摘ありました箇所に追記しました。 ・「達成等級Aを満たす」→「達成等級Aの達成基準を満たす」(p.80/p.82/p.88/p.90) ・「実装方法:H73」→「実装方法:H73(の事例1)」(p.79/p.80) ・「アクセシビリティ・サポーテッド情報」→「アクセシビリティ・サポーテッド情報(H73-1)」(p.82) ・「実装方法:H81」→「実装方法:H81(の事例1)」(p.87/p.88) ・「アクセシビリティ・サポーテッド情報」→「アクセシビリティ・サポーテッド情報(H81-1)」(p.90) 3.実装方法から達成基準を遡る手順が説明不足でしたのでページを追加しました。(p.81/p.89)
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
Nozomi Sawada
More from 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 ありがとうございました。
Download now