狠狠撸
Submit Search
サイトをアクセシフ?ルにするための受発注のセオリー
Dec 6, 2016
3 likes
2,063 views
力也 伊原
2016年5月19日开催のイベント「アクセシビリティの祭典」で使用したスライドです。
Read less
Read more
1 of 77
Download now
Download to read offline
Recommended
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
?
html5j アクセシビリティ部 第0回勉強会にて ※ 2014年12月4日のイベントでのスライドは以下をご覧ください。 http://www.slideshare.net/rikiha/a11yfes-rikiha
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?
力也 伊原
?
2016年5月10日にサイボウズ社内で开催されたアクセシビリティ勉强会で使用したスライドです。
Webアクセシビリティの現状ダイジェスト 2014
Webアクセシビリティの現状ダイジェスト 2014
Mitsue-Links Co.,Ltd. Accessibility Department
?
2014年12月4日、Yahoo! JAPAN BASE6 (東京ミッドタウンそば)で開催されたイベント「アクセシビリティやるぞ!祭り by Yahoo! JAPAN?ミツエーリンクス?BA」での講演資料です。
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
?
2014年12月4日に開催された「アクセシビリティやるぞ!祭り by Yahoo! JAPAN?ミツエーリンクス?BA」で使用したスライドです。
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
Web Accessibility Infrastructure Committee (WAIC)
?
2018年8月22日開催のセミナー「これから取り組むWebアクセシビリティ 2018 夏」で、セッション2「こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方」に用いたスライドです。講師は作業部会4(翻訳)主査の太田 良典 氏です。
こうすればできる!ウェブアクセシビリティ试験実施のポイント
こうすればできる!ウェブアクセシビリティ试験実施のポイント
Web Accessibility Infrastructure Committee (WAIC)
?
2019年1月18日開催のセミナー「これから取り組むWebアクセシビリティ 2019 大阪」で、セッション2「こうすればできる!ウェブアクセシビリティ试験実施のポイント」に用いたスライドです。講師は作業部会3(試験)副査の中村 精親 氏です。
こうすれば书ける!ウェブアクセシビリティ方针と试験结果表示
こうすれば书ける!ウェブアクセシビリティ方针と试験结果表示
Web Accessibility Infrastructure Committee (WAIC)
?
2018年5月24日開催のセミナー「これから取り組むWebアクセシビリティ 2018 春」で、セッション2「こうすれば书ける!ウェブアクセシビリティ方针と试験结果表示」に用いたスライドです。講師は作業部会1(理解と普及)主査の清家 順氏です。
なぜ公司は奥别产アクセシビリティに取り组むのか?
なぜ公司は奥别产アクセシビリティに取り组むのか?
Web Accessibility Infrastructure Committee (WAIC)
?
2017年2月15日開催のセミナー「これから取り組むWebアクセシビリティ Vol.2」で、セッション1「なぜ公司は奥别产アクセシビリティに取り组むのか?」に用いたスライドです。講師は作業部会1(理解と普及)委員の伊原 力也氏です。
遅いクエリと向き合う仕組み #CybozuMeetup
遅いクエリと向き合う仕組み #CybozuMeetup
S Akai
?
サイボウズで作ったデータベース関係のライブラリの话
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
?
2016年8月25日に開催されたイベント「Design-JP 第1回 勉強会 : プロトタイピングの回」で使用したスライドです。公開向けに編集した抜粋版となっています。
Webアクセシビリティ なぜ?どうやって?
Webアクセシビリティ なぜ?どうやって?
Mitsue-Links Co.,Ltd. Accessibility Department
?
2015年10月8日、幕張メッセ 国際会議場1階 102会議室で開催されたイベント「アクセシビリティセミナー2015」のセッション2「企業Webサイトの運営?制作現場におけるアクセシビリティ確保の実際」で用いた資料です。
奥别产制作者が知っておきたいアクセシビリティ最新动向
奥别产制作者が知っておきたいアクセシビリティ最新动向
Mitsue-Links Co.,Ltd. Accessibility Department
?
2015年2月3日、神戸市产业振兴センターで开催されたイベント「アクセシビリティの祭典」での讲演资料です。
あなたの価値を高める奥别产アクセシビリティ(JAC Special Ver.)
あなたの価値を高める奥别产アクセシビリティ(JAC Special Ver.)
力也 伊原
?
2017年11月11日の「Japan Accessibility Conference vol.1」登壇で使用したスライドです。 https://japan-a11y-conf.com/ https://connpass.com/event/68762/
Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018
Makoto Ueki
?
2018年5月17日(木)に神戸で開催された「アクセシビリティの祭典 2018」のセッション 6「Webアクセシビリティ 海外の最新動向 2018」で使用したスライド。 もし閲覧に支障がある場合は、info@infoaxia.co.jpまでご連絡ください。
奥础滨-础搁滨础の考え方と使い方を整理しよう
奥础滨-础搁滨础の考え方と使い方を整理しよう
Nozomi Sawada
?
(※ P.17、P.23、P.30、P.77を加筆修正しました。2017-03-09) 2017-03-05(日)にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2017」でのスライドです。
あなたの価値を高める奥别产アクセシビリティ
あなたの価値を高める奥别产アクセシビリティ
力也 伊原
?
2016年12月3日に開催されたWCAN 2016 Winterで使用したスライドです。
奥别产アクセシビリティポリシーのつくりかた?ひろめかた
奥别产アクセシビリティポリシーのつくりかた?ひろめかた
Kobayashi Daisuke
?
D2Dアクセシビリティ勉強会2016の発表資料です。 https://d2draft.doorkeeper.jp/events/50588
あなたの言叶で伝える奥别产アクセシビリティ
あなたの言叶で伝える奥别产アクセシビリティ
Kobayashi Daisuke
?
フロントエンドカンファレンス2016のセッション内容です。
Webアクセシビリティセミナー2:なぜ公司は奥别产アクセシビリティに取り组むのか?
Webアクセシビリティセミナー2:なぜ公司は奥别产アクセシビリティに取り组むのか?
Web Accessibility Infrastructure Committee (WAIC)
?
2019年10月17日に幕張メッセ 国際会議場1階 102会議室で開催したセミナー「アクセシビリティセミナー2019」の、「Webアクセシビリティセミナー2:なぜ公司は奥别产アクセシビリティに取り组むのか?」で使用したスライドです。
How do you like knockout?
How do you like knockout?
Narami Kiyokura
?
『合同勉強会 in 大都会岡山 -2014 Winter-』の同名のセッションの資料 http://gbdaitokai.doorkeeper.jp/events/15289
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
Web Accessibility Infrastructure Committee (WAIC)
?
2018年5月24日開催のセミナー「これから取り組むWebアクセシビリティ 2018 春」で、セッション1「これでわかる!Webアクセシビリティって?JIS X 8341-3って?」に用いたスライドです。講師は委員長の植木 真氏です。
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
Narami Kiyokura
?
2016年に中国地方顿叠勉强会の同タイトルのセッションで使用した资料
ASP.NET "NOW" and "NEXT"
ASP.NET "NOW" and "NEXT"
Narami Kiyokura
?
2014/07/19 に OITEC 第19回勉強会にて発表した同名のセッションの資料 ASP.NETの登場から2014年7月現在までの歴史と経緯、今現在のOne ASP.NETの姿、そしてOWINから将来のvNextについてを一通り紹介するセッション
これだけは知っておきたい「奥别产アクセシビリティ」のこと
これだけは知っておきたい「奥别产アクセシビリティ」のこと
Makoto Ueki
?
2017年9月16日(土)にベルサール新宿グランドで開催された「WordCamp Tokyo 2017」でのスライド。
すべての人にチームワークを サイボウズのアクセシビリティ
すべての人にチームワークを サイボウズのアクセシビリティ
Kobayashi Daisuke
?
2017/6/20に行われたCybozu Meetup #5の発表資料です。
あなたの価値を高める奥别产アクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高める奥别产アクセシビリティ(アクセシビリティの祭典バージョン)
力也 伊原
?
2017年5月18日开催のイベント「アクセシビリティの祭典」で使用したスライドです。
奥别产制作会社と叠础、ここ15年の変貌
奥别产制作会社と叠础、ここ15年の変貌
Yoshinori OHTA
?
2017-01-18 たまキャリ#1 の資料です。
一般公司における奥别产アクセシビリティの进め方
一般公司における奥别产アクセシビリティの进め方
Web Accessibility Infrastructure Committee (WAIC)
?
2017年2月15日開催のセミナー「これから取り組むWebアクセシビリティ Vol.2」で、セッション2「一般公司における奥别产アクセシビリティの进め方」に用いたスライドです。講師は作業部会1(理解と普及)委員の増井 達?氏です。
可能性のデザイン
可能性のデザイン
力也 伊原
?
2016年1月8日に開催されたUXJAM New YearのLTで使用したスライドです。
今や奥别产制作者じゃなくなった私の仕事実态
今や奥别产制作者じゃなくなった私の仕事実态
力也 伊原
?
2017年1月18日に行われた「たまキャリ #1」のセッションで使用したスライドです。
More Related Content
What's hot
(20)
遅いクエリと向き合う仕組み #CybozuMeetup
遅いクエリと向き合う仕組み #CybozuMeetup
S Akai
?
サイボウズで作ったデータベース関係のライブラリの话
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
?
2016年8月25日に開催されたイベント「Design-JP 第1回 勉強会 : プロトタイピングの回」で使用したスライドです。公開向けに編集した抜粋版となっています。
Webアクセシビリティ なぜ?どうやって?
Webアクセシビリティ なぜ?どうやって?
Mitsue-Links Co.,Ltd. Accessibility Department
?
2015年10月8日、幕張メッセ 国際会議場1階 102会議室で開催されたイベント「アクセシビリティセミナー2015」のセッション2「企業Webサイトの運営?制作現場におけるアクセシビリティ確保の実際」で用いた資料です。
奥别产制作者が知っておきたいアクセシビリティ最新动向
奥别产制作者が知っておきたいアクセシビリティ最新动向
Mitsue-Links Co.,Ltd. Accessibility Department
?
2015年2月3日、神戸市产业振兴センターで开催されたイベント「アクセシビリティの祭典」での讲演资料です。
あなたの価値を高める奥别产アクセシビリティ(JAC Special Ver.)
あなたの価値を高める奥别产アクセシビリティ(JAC Special Ver.)
力也 伊原
?
2017年11月11日の「Japan Accessibility Conference vol.1」登壇で使用したスライドです。 https://japan-a11y-conf.com/ https://connpass.com/event/68762/
Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018
Makoto Ueki
?
2018年5月17日(木)に神戸で開催された「アクセシビリティの祭典 2018」のセッション 6「Webアクセシビリティ 海外の最新動向 2018」で使用したスライド。 もし閲覧に支障がある場合は、info@infoaxia.co.jpまでご連絡ください。
奥础滨-础搁滨础の考え方と使い方を整理しよう
奥础滨-础搁滨础の考え方と使い方を整理しよう
Nozomi Sawada
?
(※ P.17、P.23、P.30、P.77を加筆修正しました。2017-03-09) 2017-03-05(日)にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2017」でのスライドです。
あなたの価値を高める奥别产アクセシビリティ
あなたの価値を高める奥别产アクセシビリティ
力也 伊原
?
2016年12月3日に開催されたWCAN 2016 Winterで使用したスライドです。
奥别产アクセシビリティポリシーのつくりかた?ひろめかた
奥别产アクセシビリティポリシーのつくりかた?ひろめかた
Kobayashi Daisuke
?
D2Dアクセシビリティ勉強会2016の発表資料です。 https://d2draft.doorkeeper.jp/events/50588
あなたの言叶で伝える奥别产アクセシビリティ
あなたの言叶で伝える奥别产アクセシビリティ
Kobayashi Daisuke
?
フロントエンドカンファレンス2016のセッション内容です。
Webアクセシビリティセミナー2:なぜ公司は奥别产アクセシビリティに取り组むのか?
Webアクセシビリティセミナー2:なぜ公司は奥别产アクセシビリティに取り组むのか?
Web Accessibility Infrastructure Committee (WAIC)
?
2019年10月17日に幕張メッセ 国際会議場1階 102会議室で開催したセミナー「アクセシビリティセミナー2019」の、「Webアクセシビリティセミナー2:なぜ公司は奥别产アクセシビリティに取り组むのか?」で使用したスライドです。
How do you like knockout?
How do you like knockout?
Narami Kiyokura
?
『合同勉強会 in 大都会岡山 -2014 Winter-』の同名のセッションの資料 http://gbdaitokai.doorkeeper.jp/events/15289
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
Web Accessibility Infrastructure Committee (WAIC)
?
2018年5月24日開催のセミナー「これから取り組むWebアクセシビリティ 2018 春」で、セッション1「これでわかる!Webアクセシビリティって?JIS X 8341-3って?」に用いたスライドです。講師は委員長の植木 真氏です。
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
Narami Kiyokura
?
2016年に中国地方顿叠勉强会の同タイトルのセッションで使用した资料
ASP.NET "NOW" and "NEXT"
ASP.NET "NOW" and "NEXT"
Narami Kiyokura
?
2014/07/19 に OITEC 第19回勉強会にて発表した同名のセッションの資料 ASP.NETの登場から2014年7月現在までの歴史と経緯、今現在のOne ASP.NETの姿、そしてOWINから将来のvNextについてを一通り紹介するセッション
これだけは知っておきたい「奥别产アクセシビリティ」のこと
これだけは知っておきたい「奥别产アクセシビリティ」のこと
Makoto Ueki
?
2017年9月16日(土)にベルサール新宿グランドで開催された「WordCamp Tokyo 2017」でのスライド。
すべての人にチームワークを サイボウズのアクセシビリティ
すべての人にチームワークを サイボウズのアクセシビリティ
Kobayashi Daisuke
?
2017/6/20に行われたCybozu Meetup #5の発表資料です。
あなたの価値を高める奥别产アクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高める奥别产アクセシビリティ(アクセシビリティの祭典バージョン)
力也 伊原
?
2017年5月18日开催のイベント「アクセシビリティの祭典」で使用したスライドです。
奥别产制作会社と叠础、ここ15年の変貌
奥别产制作会社と叠础、ここ15年の変貌
Yoshinori OHTA
?
2017-01-18 たまキャリ#1 の資料です。
一般公司における奥别产アクセシビリティの进め方
一般公司における奥别产アクセシビリティの进め方
Web Accessibility Infrastructure Committee (WAIC)
?
2017年2月15日開催のセミナー「これから取り組むWebアクセシビリティ Vol.2」で、セッション2「一般公司における奥别产アクセシビリティの进め方」に用いたスライドです。講師は作業部会1(理解と普及)委員の増井 達?氏です。
遅いクエリと向き合う仕組み #CybozuMeetup
遅いクエリと向き合う仕組み #CybozuMeetup
S Akai
?
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
?
Webアクセシビリティ なぜ?どうやって?
Webアクセシビリティ なぜ?どうやって?
Mitsue-Links Co.,Ltd. Accessibility Department
?
奥别产制作者が知っておきたいアクセシビリティ最新动向
奥别产制作者が知っておきたいアクセシビリティ最新动向
Mitsue-Links Co.,Ltd. Accessibility Department
?
あなたの価値を高める奥别产アクセシビリティ(JAC Special Ver.)
あなたの価値を高める奥别产アクセシビリティ(JAC Special Ver.)
力也 伊原
?
Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018
Makoto Ueki
?
奥础滨-础搁滨础の考え方と使い方を整理しよう
奥础滨-础搁滨础の考え方と使い方を整理しよう
Nozomi Sawada
?
あなたの価値を高める奥别产アクセシビリティ
あなたの価値を高める奥别产アクセシビリティ
力也 伊原
?
奥别产アクセシビリティポリシーのつくりかた?ひろめかた
奥别产アクセシビリティポリシーのつくりかた?ひろめかた
Kobayashi Daisuke
?
あなたの言叶で伝える奥别产アクセシビリティ
あなたの言叶で伝える奥别产アクセシビリティ
Kobayashi Daisuke
?
Webアクセシビリティセミナー2:なぜ公司は奥别产アクセシビリティに取り组むのか?
Webアクセシビリティセミナー2:なぜ公司は奥别产アクセシビリティに取り组むのか?
Web Accessibility Infrastructure Committee (WAIC)
?
How do you like knockout?
How do you like knockout?
Narami Kiyokura
?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
Web Accessibility Infrastructure Committee (WAIC)
?
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
SQL Server のプロジェクト指向オフライン データベース開発を採用してみた話
Narami Kiyokura
?
ASP.NET "NOW" and "NEXT"
ASP.NET "NOW" and "NEXT"
Narami Kiyokura
?
これだけは知っておきたい「奥别产アクセシビリティ」のこと
これだけは知っておきたい「奥别产アクセシビリティ」のこと
Makoto Ueki
?
すべての人にチームワークを サイボウズのアクセシビリティ
すべての人にチームワークを サイボウズのアクセシビリティ
Kobayashi Daisuke
?
あなたの価値を高める奥别产アクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高める奥别产アクセシビリティ(アクセシビリティの祭典バージョン)
力也 伊原
?
奥别产制作会社と叠础、ここ15年の変貌
奥别产制作会社と叠础、ここ15年の変貌
Yoshinori OHTA
?
一般公司における奥别产アクセシビリティの进め方
一般公司における奥别产アクセシビリティの进め方
Web Accessibility Infrastructure Committee (WAIC)
?
Viewers also liked
(19)
可能性のデザイン
可能性のデザイン
力也 伊原
?
2016年1月8日に開催されたUXJAM New YearのLTで使用したスライドです。
今や奥别产制作者じゃなくなった私の仕事実态
今や奥别产制作者じゃなくなった私の仕事実态
力也 伊原
?
2017年1月18日に行われた「たまキャリ #1」のセッションで使用したスライドです。
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
力也 伊原
?
2016年8月に株式会社サイバーエージェントで开催された社内勉强会で使用したスライドです。
実はて?きている!? Webアクセシヒ?リティ
実はて?きている!? Webアクセシヒ?リティ
力也 伊原
?
2016年7月5日にメンバーズキャリアで开催されたイベントで使用したスライドです。
働き方のプロトタイピング
働き方のプロトタイピング
力也 伊原
?
2016年7月24日に開催されたイベント「Adobe Design Jimoto Vol.2 in 渋谷」のトークセッションで使用したスライドです。
アクセシビリティとこれからの奥别产デザイン
アクセシビリティとこれからの奥别产デザイン
力也 伊原
?
2016年4月19日にシナップ社内で开催されたアクセシビリティ勉强会で使用したスライドです。
奥础滨-础搁滨础て?実现するマルチテ?ハ?イス环境の奥别产アフ?リケーション
奥础滨-础搁滨础て?実现するマルチテ?ハ?イス环境の奥别产アフ?リケーション
力也 伊原
?
2015年5月14日に开催された书籍出版记念イベント「奥别产サイト设计?鲍滨実装?アクセシビリティのモダンアプローチ」のセッション2で使用した资料です。
公認会計士協会 青年部 設立総会 プレゼン(トーマツベンチャーサポート斎藤)
公認会計士協会 青年部 設立総会 プレゼン(トーマツベンチャーサポート斎藤)
Saito Yuma
?
公認会計士協会 青年部 設立総会 において若手会計士500名向けにプレゼンテーションをした際の資料です。
150906 bottom up japan #4 osaka(新事業と風土活性化_中村雄志)
150906 bottom up japan #4 osaka(新事業と風土活性化_中村雄志)
Yushi Nakamura
?
How to work with entrepreneurship in giant company in Japan. A document from activity of "Bottom up Japan" in Japan. --- "Yushi" (Yushi Nakamura) https://www.linkedin.com/in/yushinak/
0から1の新規事業の創り方 ヒ?シ?ネスモテ?ル編
0から1の新規事業の創り方 ヒ?シ?ネスモテ?ル編
アイディアメーカー
?
1万部突破!アイディアメーカー着者による新规事业の创り方ビジネスモデル编
0から1の新規事業の創り方 伝わることか?10倍になるフ?レセ?ンテーション法
0から1の新規事業の創り方 伝わることか?10倍になるフ?レセ?ンテーション法
アイディアメーカー
?
1万部突破アイディアメーカー着者による新规事业の创り方プレゼンテーション编
0から1の新规事业の创り方アイテ?ア発想编
0から1の新规事业の创り方アイテ?ア発想编
アイディアメーカー
?
1万部突破!アイディアメーカー着者による新规事业の创り方アイディア発想编
エンシ?ニアのためのお金の话
エンシ?ニアのためのお金の话
bpstudy
?
BPStudy#93 の資料です http://bpstudy.connpass.com/event/12940/
【HARES 西村】働き方改革講演資料(17/01/31)
【HARES 西村】働き方改革講演資料(17/01/31)
Souichirou Nishimura
?
2017年1月31日に株式会社リクルートキャリア主催のセミナーにて「働き方改革の本质」というテーマで讲演させていただいた际の讲演资料です。
リクルートにおける痴顿滨导入 ~働き方変革とセキュリティ向上の両立を目指して~
リクルートにおける痴顿滨导入 ~働き方変革とセキュリティ向上の両立を目指して~
Recruit Technologies
?
2016/03/01 VMware Conference 2016での、石光の講演資料になります
20131218 schoo 共有用 大企業での新規事業のつくり方(1限目:新規事業が失敗する理由)
20131218 schoo 共有用 大企業での新規事業のつくり方(1限目:新規事業が失敗する理由)
Saito Yuma
?
オフィスに缚られない滨叠惭流の働き方
オフィスに缚られない滨叠惭流の働き方
Hikaru Matsuura
?
日本アイ?ビー?エムにおける柔軟な働き方を行うための各種施策の紹介と2015年に出荷した IBM Verse を活用した Cloud におけるメールと社外を含めたコラボレーションの取り組み
IBM Verse のコンセプトと機能(画面ショット集)
IBM Verse のコンセプトと機能(画面ショット集)
Hikaru Matsuura
?
革新的な働き方を実現する新メールソリューション IBM Verse の製品コンセプトと機能(WebブラウザとiOSアプリの画面ショット集)
IBM Verse の開発に至る背景を導いたデザイン思考
IBM Verse の開発に至る背景を導いたデザイン思考
Hikaru Matsuura
?
コミュニケーションを支援するメールやSNSなどのツールを今までの延長線上で改善するのではなく、デザイン思考を用いてユーザー像の課題から導き出した IBM Verse の開発思考
可能性のデザイン
可能性のデザイン
力也 伊原
?
今や奥别产制作者じゃなくなった私の仕事実态
今や奥别产制作者じゃなくなった私の仕事実态
力也 伊原
?
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
力也 伊原
?
実はて?きている!? Webアクセシヒ?リティ
実はて?きている!? Webアクセシヒ?リティ
力也 伊原
?
働き方のプロトタイピング
働き方のプロトタイピング
力也 伊原
?
アクセシビリティとこれからの奥别产デザイン
アクセシビリティとこれからの奥别产デザイン
力也 伊原
?
奥础滨-础搁滨础て?実现するマルチテ?ハ?イス环境の奥别产アフ?リケーション
奥础滨-础搁滨础て?実现するマルチテ?ハ?イス环境の奥别产アフ?リケーション
力也 伊原
?
公認会計士協会 青年部 設立総会 プレゼン(トーマツベンチャーサポート斎藤)
公認会計士協会 青年部 設立総会 プレゼン(トーマツベンチャーサポート斎藤)
Saito Yuma
?
150906 bottom up japan #4 osaka(新事業と風土活性化_中村雄志)
150906 bottom up japan #4 osaka(新事業と風土活性化_中村雄志)
Yushi Nakamura
?
0から1の新規事業の創り方 ヒ?シ?ネスモテ?ル編
0から1の新規事業の創り方 ヒ?シ?ネスモテ?ル編
アイディアメーカー
?
0から1の新規事業の創り方 伝わることか?10倍になるフ?レセ?ンテーション法
0から1の新規事業の創り方 伝わることか?10倍になるフ?レセ?ンテーション法
アイディアメーカー
?
0から1の新规事业の创り方アイテ?ア発想编
0から1の新规事业の创り方アイテ?ア発想编
アイディアメーカー
?
エンシ?ニアのためのお金の话
エンシ?ニアのためのお金の话
bpstudy
?
【HARES 西村】働き方改革講演資料(17/01/31)
【HARES 西村】働き方改革講演資料(17/01/31)
Souichirou Nishimura
?
リクルートにおける痴顿滨导入 ~働き方変革とセキュリティ向上の両立を目指して~
リクルートにおける痴顿滨导入 ~働き方変革とセキュリティ向上の両立を目指して~
Recruit Technologies
?
20131218 schoo 共有用 大企業での新規事業のつくり方(1限目:新規事業が失敗する理由)
20131218 schoo 共有用 大企業での新規事業のつくり方(1限目:新規事業が失敗する理由)
Saito Yuma
?
オフィスに缚られない滨叠惭流の働き方
オフィスに缚られない滨叠惭流の働き方
Hikaru Matsuura
?
IBM Verse のコンセプトと機能(画面ショット集)
IBM Verse のコンセプトと機能(画面ショット集)
Hikaru Matsuura
?
IBM Verse の開発に至る背景を導いたデザイン思考
IBM Verse の開発に至る背景を導いたデザイン思考
Hikaru Matsuura
?
Similar to サイトをアクセシフ?ルにするための受発注のセオリー
(20)
ウェブディレクターのための Web A11Y 勉強会 #04
ウェブディレクターのための Web A11Y 勉強会 #04
Kazuhiko Tsuchiya
?
ウェブ制作会社のディレクターさんを対象にした、アクセシビリティ勉强会です。(全10回コースの第4回目)
いつもの制作案件を、新奥别产闯滨厂準拠にするためのワークフロー
いつもの制作案件を、新奥别产闯滨厂準拠にするためのワークフロー
Yu Morita
?
第2回だれもが使えるウェブコンクール キックオフイベント, セッション1 / A workflow of WebJIS-compatible for usual Website design
ウェブディレクターのための Web A11Y 勉強会 #08
ウェブディレクターのための Web A11Y 勉強会 #08
Kazuhiko Tsuchiya
?
ウェブ制作会社のディレクターさんを対象にした、アクセシビリティ勉强会です。(全10回コースの第8回目)
第24回奥别产厂颈驳会议「100人で考える、理想的なサイトマップの形と标準书式」奥别产厂颈迟别贰虫辫别谤迟记事
第24回奥别产厂颈驳会议「100人で考える、理想的なサイトマップの形と标準书式」奥别产厂颈迟别贰虫辫别谤迟记事
WebSig24/7
?
第24回奥别产厂颈驳会议「100人で考える、理想的なサイトマップの形と标準书式」の奥别产厂颈迟别贰虫辫别谤迟に掲载顶いた记事原文です!
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
?
Web TECH FORUM 2017 in大阪 エス?ビー?エス株式会社 泉 雄大
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
Yoshinori OHTA
?
「セキュリティとUXの??な関係」で使用したスライドです。 https://connpass.com/event/55559/
ウェブディレクターのための Web A11Y 勉強会 #09
ウェブディレクターのための Web A11Y 勉強会 #09
Kazuhiko Tsuchiya
?
ウェブ制作会社のディレクターさんを対象にした、アクセシビリティ勉强会です。(全10回コースの第9回目)
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
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)
Web会議 in 青森
Web会議 in 青森
Makoto Shimizu
?
2010-12-16 Web会議 in 青森「サイトオーナーが片手間で実践できる効果測定と改善メソッド」
ウェブディレクターのための Web A11Y 勉強会 #10
ウェブディレクターのための Web A11Y 勉強会 #10
Kazuhiko Tsuchiya
?
ウェブ制作会社のディレクターさんを対象にした、アクセシビリティ勉强会です。(全10回コースの最终回)
ウェブ社内报セミナー
ウェブ社内报セミナー
Shinya Kobayashi
?
スカイアークシステム開催のウェブ社内报セミナーのプレゼン資料です。
ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07
Kazuhiko Tsuchiya
?
ウェブ制作会社のディレクターさんを対象にした、アクセシビリティ勉强会です。(全10回コースの第7回目)
ウェブディレクターのための Web A11Y 勉強会 #03
ウェブディレクターのための Web A11Y 勉強会 #03
Kazuhiko Tsuchiya
?
ウェブ制作会社のディレクターさんを対象にした、アクセシビリティ勉强会です。(全10回コースの第3回目)
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
?
Web TECH FORUM 2017 in大阪 エス?ビー?エス株式会社 須藤 隆一郎
ASP.NET Core 概要(2017年3月時点)
ASP.NET Core 概要(2017年3月時点)
Atsushi Yokohama (BEACHSIDE)
?
ASP.NET Core の入門として押さえておきたいポイントをまとめました。(2017年3月時点)
20210424shopify ecsite
20210424shopify ecsite
CYANZ inc.
?
テレワークや在宅ワークといった働き方が増加する中、小売店やメーカーを中心にECサイト立上数が伸びているようで、お問合せも各種いただいております。 これにより弊社では、ECサイトを一からの作り上げるものよりも、パッケージ化されたものをご提供することで、お客様にとっても分かりやすく、早く立上られると考え、サービスをリリースすることになりました。 なおIT導入補助金の活用等も視野に入れられている企業様であれば、是非ご紹介をさせていただきたと考えています。
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Katsumi Tazuke
?
スタートアッフ?のレカ?シーシステムを础飞蝉活用て?改善している话
スタートアッフ?のレカ?シーシステムを础飞蝉活用て?改善している话
Tomoyuki Sugita
?
第2回 関西スタートアップAWS勉強会 2016-04-21(木)18:30 - 21:30 https://kansaistartupaws.doorkeeper.jp/events/41786
ウェブディレクターのための Web A11Y 勉強会 (Season 2) #04
ウェブディレクターのための Web A11Y 勉強会 (Season 2) #04
Kazuhiko Tsuchiya
?
ウェブ制作会社のディレクターさんを対象にした、アクセシビリティ勉強会です。(全12回コースの第4回) 前半で WCAG 2.0 達成基準 (レベルAA) を学び、後半で「インクルーシブなペルソナ拡張」シートを用いた UI 評価ワークショップを行なっています。 インクルーシブなペルソナ拡張 : https://github.com/caztcha/Inclusive-Persona-Extension
医疗机関向けウェブ?マーケティングについて
医疗机関向けウェブ?マーケティングについて
HealthcareBitStation
?
医療機関向けウェブ?マーケティングのご提案資料 「待ち」のホームページから「ターゲットを呼び込む」ウェブ?マーケティング
ウェブディレクターのための Web A11Y 勉強会 #04
ウェブディレクターのための Web A11Y 勉強会 #04
Kazuhiko Tsuchiya
?
いつもの制作案件を、新奥别产闯滨厂準拠にするためのワークフロー
いつもの制作案件を、新奥别产闯滨厂準拠にするためのワークフロー
Yu Morita
?
ウェブディレクターのための Web A11Y 勉強会 #08
ウェブディレクターのための Web A11Y 勉強会 #08
Kazuhiko Tsuchiya
?
第24回奥别产厂颈驳会议「100人で考える、理想的なサイトマップの形と标準书式」奥别产厂颈迟别贰虫辫别谤迟记事
第24回奥别产厂颈驳会议「100人で考える、理想的なサイトマップの形と标準书式」奥别产厂颈迟别贰虫辫别谤迟记事
WebSig24/7
?
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
?
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
Yoshinori OHTA
?
ウェブディレクターのための Web A11Y 勉強会 #09
ウェブディレクターのための Web A11Y 勉強会 #09
Kazuhiko Tsuchiya
?
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
Nozomi Sawada
?
Web会議 in 青森
Web会議 in 青森
Makoto Shimizu
?
ウェブディレクターのための Web A11Y 勉強会 #10
ウェブディレクターのための Web A11Y 勉強会 #10
Kazuhiko Tsuchiya
?
ウェブ社内报セミナー
ウェブ社内报セミナー
Shinya Kobayashi
?
ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07
Kazuhiko Tsuchiya
?
ウェブディレクターのための Web A11Y 勉強会 #03
ウェブディレクターのための Web A11Y 勉強会 #03
Kazuhiko Tsuchiya
?
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
?
ASP.NET Core 概要(2017年3月時点)
ASP.NET Core 概要(2017年3月時点)
Atsushi Yokohama (BEACHSIDE)
?
20210424shopify ecsite
20210424shopify ecsite
CYANZ inc.
?
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Katsumi Tazuke
?
スタートアッフ?のレカ?シーシステムを础飞蝉活用て?改善している话
スタートアッフ?のレカ?シーシステムを础飞蝉活用て?改善している话
Tomoyuki Sugita
?
ウェブディレクターのための Web A11Y 勉強会 (Season 2) #04
ウェブディレクターのための Web A11Y 勉強会 (Season 2) #04
Kazuhiko Tsuchiya
?
医疗机関向けウェブ?マーケティングについて
医疗机関向けウェブ?マーケティングについて
HealthcareBitStation
?
More from 力也 伊原
(7)
年末调整の情报设计
年末调整の情报设计
力也 伊原
?
2019年6月18日開催の freee Tech Night #3 「ビジネスドメイン開発の裏側で」で発表したスライドです。 原稿:https://paper.dropbox.com/doc/--AfWuDogVQsciKaRRsML2Mc6lAg-QEa7yivdkMXPFhOdYLZUC イベントページ:https://freee-tech-night.connpass.com/event/132171/
情报构造设计の基础知识
情报构造设计の基础知识
力也 伊原
?
2017年12月11日に開催されたセミナー「HCDコンピタンス知識編『情報構造の設計?概論』」で使用したスライドです。 https://www.hcdnet.org/hcd/event/entry-1130.html
あなたの価値を高める奥别产アクセシビリティ(!importantバージョン)
あなたの価値を高める奥别产アクセシビリティ(!importantバージョン)
力也 伊原
?
2017年6月3日開催のイベント「!important #04 -特盛!アクセシビリティスペシャル-」で使用したスライドです。
フロントエンドからの発想
フロントエンドからの発想
力也 伊原
?
2016年7月にヤフー株式会社で开催された社内勉强会で使用したスライドです。
アクセシブルなナビゲーションデザインの考え方
アクセシブルなナビゲーションデザインの考え方
力也 伊原
?
2015年7月4日(土)に開催された「AccSell Meetup 009『デザイニング Webアクセシビリティ』ディレクターズカット版」のセッションで用いたスライドです。 http://accsell.net/info/accsell-meetup009.html 書籍「デザイニングWebアクセシビリティ」2015年7月24日(金)に発売! http://www.amazon.co.jp/dp/4862462650/
狈罢罢データグループウェブサイトのマルチデバイス対応
狈罢罢データグループウェブサイトのマルチデバイス対応
力也 伊原
?
CSS Nite LP, Disk 27「スマートフォン対応サイト制作(3)」にて。一部増補改訂。
マークアップエンジニアと情报アーキテクチャ
マークアップエンジニアと情报アーキテクチャ
力也 伊原
?
Ustream:ワイヤーコミュニケーション 第2回 http://www.ustream.tv/recorded/7738057 Togetter:お気に入り 第2回「ワイヤーフレームコミュニケーション研究会」 - ハッシュタグ " #wireframecomwg " まとめ http://togetter.com/li/30127 「ワイヤーフレームコミュニケーション研究会第2回」のお知らせ http://blog.sinap.jp/2010/05/wireframecomwg02-cm.html
年末调整の情报设计
年末调整の情报设计
力也 伊原
?
情报构造设计の基础知识
情报构造设计の基础知识
力也 伊原
?
あなたの価値を高める奥别产アクセシビリティ(!importantバージョン)
あなたの価値を高める奥别产アクセシビリティ(!importantバージョン)
力也 伊原
?
フロントエンドからの発想
フロントエンドからの発想
力也 伊原
?
アクセシブルなナビゲーションデザインの考え方
アクセシブルなナビゲーションデザインの考え方
力也 伊原
?
狈罢罢データグループウェブサイトのマルチデバイス対応
狈罢罢データグループウェブサイトのマルチデバイス対応
力也 伊原
?
マークアップエンジニアと情报アーキテクチャ
マークアップエンジニアと情报アーキテクチャ
力也 伊原
?
サイトをアクセシフ?ルにするための受発注のセオリー
1.
サイトをアクセシブルにするための 受発注のセオリー
2.
本日の流れ ?自己紹介 ?Web制作プロジェクトの流れ ?アクセシビリティ方針と実際の発注例 ?問題を起こしやすい要件 ?まとめ 2
3.
自己紹介 3
4.
BA 4
5.
ウェブアクセシビリティ基盤委員会(WAIC) 5
6.
デザイニングWebアクセシビリティ 6
7.
Web制作プロジェクトの流れ 7
8.
各種ガイドライン ?制作プロセスに関するガイドライン ? ウェブアクセシビリティ方針策定ガイドライン ? JISX8341-3:2016対応発注ガイドライン ?
JISX8341-3:2016試験実施ガイドライン ※「ウェブコンテンツのJIS X8341-3:2016対応度表記ガ イドライン」は「準拠」の表記に関するもので、これら 全てに関連する 8
9.
方針をいつ立てるのか? ?発注のパターンによって異なる ? 方針を先に考えてあるパターン ? 自分たちで決めておく
or 外部発注で決める ? 制作発注と同時に方針も考えるパターン ? 方針がないまま進んでしまうパターン 9
10.
プロジェクトの流れ(受託まで) 10 「ウェブの仕事力が上がる標準ガイドブック 3 Webディレクション」より
11.
方針を先に考えてあるパターン 11 ウェブアクセシビリティ方針策定ガイドライン JIS X 8341-3:2016
対応発注ガイドライン ア ク セ シ ビ リ テ ィ 方 針 策 定 R F P 作 成
12.
制作発注と同時に方針も考えるパターン 12 ウェブアクセシビリティ方針策定ガイドライン JIS X 8341-3:2016
対応発注ガイドライン 要 件 定 義
13.
アクセシビリティ方針と 実際の発注例 13
14.
方針がないと…… 14
15.
方針がないとどうなる? ?配慮が全く行われない ? 公開に実は必要だったとなっても後の祭り ?適切な判断ができない ? 判断がぶれる、人によって判断が異なる ?合意形成ができない、覆る ?
プロジェクト内、あるいはクライアントとの衝突 15
16.
方針があればそれでいいのか? ?方針があっても、 適切でないものだと効果を発揮しない ? あいまいな方針を立ててしまう ? 誤解に基づいて方針を立ててしまう ?
手段が目的になってしまう 16
17.
無理のない範囲で 17
18.
明確に定める ?ガイドラインに沿って 目標とするレベルを決める ? 特にアクセシビリティが重要ならレベルAA ?適用範囲、期限などをはっきりさせる ? 基本的にはサイト全体、公開時に対応でよい ?
例外ができてしまう場合は明確にする 18
19.
実際にあったこんな発注 19 あまり良くない例
20.
あいまいな方針を立ててしまうケース 20
21.
21 セキュリティ、Web標準、 アクセシビリティに配慮し 制作すること。 実例
22.
勢いはあるが…… ?具体的に何をどうすれば良いのかからない ? 「配慮する」といっても人によって基準がまちまち 22
23.
23 JIS X8341-3:2010に基づく アクセシビリティを 確保すること。 実例
24.
24 アクセシビリティについては 「JIS X 8341-3:2010」に 準拠すること。 実例
25.
JISに沿うことはわかるが…… ?目標とするレベルが不明 ? たとえばAAの達成基準を 満たすべきなのかどうかわからない 25
26.
誤解に基づいて方針を立ててしまうケース 26
27.
27 文字拡大機能 ブラウザの機能ではなく、 ページ上のボタンをクリックすることで CSS を切り替え処理等により容易に 文字サイズを変更できるようにすること。 サイズについては3サイズ程度 選択できるようにすること。 実例
28.
その結果 28
29.
手段が目的になってしまうケース 29
30.
30 以下ランキング同業種内1位評価獲得 ? 全上場企業ホームページ充実度ランキング調査 ? IRサイト総合ランキング ?
主要企業Webユーザビリティランキング ? インターネットIR表彰 実例
31.
ランキング対策の「アクセシビリティ対応」 31
32.
アクセシビリティに配慮 と言われたとき、 何を思い浮かべますか? アクセシビリティに配慮したサイトとは? 32
33.
神戸市 33
34.
さまざまなボタン 34
35.
ところで…… 35
36.
総務省 みんなの公共サイト運用ガイドライン 36
37.
2.1.4.ウェブアクセシビリティ対応に関する誤解 37
38.
2.1.4.ウェブアクセシビリティ対応に関する誤解 注意点! ホームページ等において、音声読み上げ、 文字拡大、文字色変更等の支援機能を 提供する事例がありますが、これだけでは、 ウェブアクセシビリティに対応している とは言えません。 38
39.
Webアクセシビリティの確保は特別なことではない。 障害者差別解消法の施行で考えるべき企業サイトの品質 39
40.
植木さんのコメント 40
41.
文字サイズ変更ボタンや 音声読み上げ機能は 必要なのか? よくある質問 41
42.
「JISに準拠していれば、 どちらもいらない」 植木さんの回答 42
43.
植木さんのコメント続き ? 実際に試すと、ほとんど文字の大きさが 変わらない文字サイズ変更ボタンが少なくない ? 最近のWebブラウザであれば ズーム機能を標準で搭載している ?
意味のない文字サイズ変更ボタンは やっている感を出すための免罪符に近い 43
44.
神戸市の場合 44
45.
神戸市の場合 45
46.
実際にあったこんな発注 46 なかなか良いと思える例
47.
アクセシビリティについては 「JIS X 8341-3:2010」に準拠すること。 達成等級は以下の通り: 達成等級AA
準拠 47 実例
48.
表記 ウェブアクセシビ リティ方針の提示 又は公開 目標とする適合レ ベルの達成基準の 試験結果 追加表記事項 準拠 必須 試験を実施し、達成 基準を全て満たして いることを確認 なし 一部準拠 必須 試験を実施し、達成 基準の一部を満たし ていることを確認 今後の対応方針 部分適合に関する記 述(適用する場合) 配慮
必須 試験の実施の有無、 結果は問わない 目標とした適合レベ ル又は参照した達成 基準一覧 ただし……「準拠」の意味、分かっていますか? 48
49.
アクセシビリティ、 ユーザビリティについて、 弊社のレベルを考慮いただき 準拠基準をご提案ください。 49 実例
50.
制作と合わせて方針の提案も求めるパターン 50 ウェブアクセシビリティ方針策定ガイドライン JIS X 8341-3:2016
対応発注ガイドライン 提 案 書 作 成 R F P 作 成
51.
制作と合わせて方針の提案も求めるパターン ?方針や策定プロセスも提案してもらえばよい ? あいまいに書くよりも、ずっと良いアプローチ ? 受注側の力量が問われる 51
52.
「 JIS X
8341-3:2010」 の「等級A」への 準拠を検討しているが、本方針は 要件定義工程でのWEBサイト検討状況を 踏まえ決定する想定です。 アクセシビリティ方針の検討方法についても ご提案ください。 52 実例
53.
アクセシビリティ、ユーザビリティへの 対応が不充分のため、リニューアルを機に 対応させたい。 今後の更新に備えてアクセシビリティ、 ユーザビリティを踏まえた更新ガイドラインを 作成し、ルールを徹底したい。 53 実例
54.
目的をドキュメント化する例 54
55.
ヤフー株式会社ウェブアクセシビリティ方針 55
56.
目的をドキュメント化する ?なぜアクセシビリティに取り組むかを明文化 ? 何のためのアクセシビリティなのかを押さえる ? 公開されている他社の方針を参考にするのも良い ?
ただし、意味も分からずにコピペはNG 56
57.
問題を起こしやすい要件 57
58.
方針があればOK、ではない アクセシビリティ方針が明確にできても、 その方針を守ることができるかは別の話 58
59.
アクセシビリティ確保のために コストがかかる要件 59
60.
動画 60
61.
動画の問題点 ?映像が見えない状況がある ? スクリーンリーダー、テキストブラウザなど ?音声が聞こえない状況がある ? スピーカーなし、静かな場所、移動中など ?すばやく知りたいときに向いていない ?
流し読みできない 61
62.
例:動画に字幕や文字起こしをつける 62
63.
動画を採用する場合の注意点 ?動画にはテキスト情報が必要 ? 分かりやすく伝えられる動画は有用! ? あらかじめテキストを用意できない場合は テキストの追加や字幕などに追加のコストが必要 63
64.
紙媒体用のコンテンツ 64
65.
紙媒体用のコンテンツの問題点 ?Webに適したフォーマットになっていない ことが多い ? スキャンしたPDFでテキスト情報がない ? PDFの作り方によっては、読み上げ順序が不適切に ?
グラフや図版が多用され、テキストの説明がない ? きわめて複雑な表が使われている 65
66.
紙媒体用のコンテンツはどうするべきか ?紙媒体用のコンテンツは再構成が必要 ? そのまま使うことはできないと考えるべき ? 紙媒体の原稿を使うときには追加のコストを見込む 66
67.
全くアクセスできなくなるような 問題を起こす要件 67
68.
CAPTCHA 68
69.
ブラウザやOSの機能への干渉 69
70.
アニメーションするコンテンツ 70 http://www.city.nishitokyo.lg.jp/
71.
西東京市曰く 上部に、市の俯瞰図とたくさんの動くイラス トを配置し、楽しくいきいきとした西東京市 を表現(自治体ホームページのトップページ としては初の試みです) 。 71
72.
まとめ アクセシブルな受発注のセオリーとは 72
73.
最初からアクセシビリティを考えて発注 ?後から改善することは困難 ?適切なアクセシビリティ方針を定めること ? 無理のない範囲で明確に定める ? 難しければ提案を依頼しても良い 73
74.
きわどい要件は慎重に ?追加コストが必要な場合も ? 動画、紙媒体の転用(PDF)などは要注意。 採用する場合はそれなりのコストを見込むこと ?無理そうな要件は避ける ? CAPTCHA、右クリック禁止、 止まらないアニメーションなどはNG 74
75.
さあ、はじめよう! 75
76.
デザイニングWebアクセシビリティ 76
77.
ありがとうございました 79
Download