Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
on 2019/09/02
「誰」が「何」をする? みんなで考えてみよう!
自己紹介
澤田 望
パーマ
メガネ
老眼
ガリガリ
中年講師
岡山で独立 2014~ Webアクセシビリティ検証
イラスト制作
岡山情報ビジネス学院 非常勤講師
などなど
キヤノン ~2013 サイトデザイン監修
Webアクセシビリティ対応
WAIC 2011~ ウェブアクセシビリティ基盤委員会
コラムを...
本日の目標
アクセシビリティを向上させたいと思っても
・具体的な進め方が分からない
・誰を巻き込めばいいのか分からない
整理しながら、みんなで考えよう。
取り組みたいことをブレイクダウンしてみよう
ワークショップ
席替えタイム!
チームメンバーの職種が
エンジニア / デザイナー / その他
になるように、いい感じに分かれよう。
とある実装担当者(アクセシビリティ覚えたて)の悩み
img要素にalt属性を
入れればいいね。
画像に代替テキストを
どんどん入れよう!
before
入れてみたけど...
これで適切なのかな?
実装担当者が考えるのには
限界がある?
入れよう...
これを放っておくと、
せっかく芽生えたやる気を枯らせてしまう。
\ みんなで考えよう /
「アクセシビリティ向上させるぞ!」という
「ポジティブな人」になりきってください。
色のコントラスト比を確保する
画像に代替テキストを設定する
色だけに頼らない表現にする
Webサイトのアクセシビリティを検証する
アクセシビリティへの取り組みを広める
動画をアクセシブルにする
文書構造をちゃんとする
キーボードで操作できるよう...
(アクセシビリティ向上のために)
取り組みたいこと
1
必要となる
作業/順序
実現のために
必要な作業を
洗い出す
2
:
必要となる
材料/コスト
各作業に必要な
コストを洗い出す
3
:
適任者
誰が適任なのか
考える
4
:
問題点/
...
オーナーの
モチベーション
公共性/対象範囲
対象範囲/
技術レベル
本番/テストデータ
検証環境
制作ガイドライン
への反映
対象範囲/
技術レベル
修正方法の理解
妥当性の
判断スキル?
プロジェクト
要件定義書
JIS/WCAG等
の一般...
1. 全体概要の説明
2. 難しかった点
3. 工夫した?点
4. 気付きのあった点
5. 今後に向けて考えたこと
各チーム持ち時間:3分
発表のポイント
健全な運用体制がアクセシビリティを支える。
次回のお知らせ
次回は
「リーダブルな昼下がり on 2019/11/02 」
を「ハッシュタグ」にて開催予定です!
https://oka-kitanagase.hashtags.biz/ より
ご相談お待ちしてますっ!
@SawadaStdDesign
Upcoming SlideShare
Loading in …5
×

「誰」が「何」をする?みんなで考えてみよう!

79 views

Published on

2019/9/2(月)に岡山大インキュベータにて行われた「リーダブルな夜 on 2019/09/02」でのワークショップで使用したスライドです。

Published in: Business
  • Be the first to comment

「誰」が「何」をする?みんなで考えてみよう!

  1. 1. on 2019/09/02 「誰」が「何」をする? みんなで考えてみよう!
  2. 2. 自己紹介
  3. 3. 澤田 望 パーマ メガネ 老眼 ガリガリ 中年講師
  4. 4. 岡山で独立 2014~ Webアクセシビリティ検証 イラスト制作 岡山情報ビジネス学院 非常勤講師 などなど キヤノン ~2013 サイトデザイン監修 Webアクセシビリティ対応 WAIC 2011~ ウェブアクセシビリティ基盤委員会 コラムを担当
  5. 5. 本日の目標
  6. 6. アクセシビリティを向上させたいと思っても ・具体的な進め方が分からない ・誰を巻き込めばいいのか分からない 整理しながら、みんなで考えよう。
  7. 7. 取り組みたいことをブレイクダウンしてみよう ワークショップ
  8. 8. 席替えタイム!
  9. 9. チームメンバーの職種が エンジニア / デザイナー / その他 になるように、いい感じに分かれよう。
  10. 10. とある実装担当者(アクセシビリティ覚えたて)の悩み img要素にalt属性を 入れればいいね。 画像に代替テキストを どんどん入れよう! before 入れてみたけど... これで適切なのかな? 実装担当者が考えるのには 限界がある? 入れようとしたけど... 原稿ないのかな? after
  11. 11. これを放っておくと、 せっかく芽生えたやる気を枯らせてしまう。
  12. 12. \ みんなで考えよう /
  13. 13. 「アクセシビリティ向上させるぞ!」という 「ポジティブな人」になりきってください。
  14. 14. 色のコントラスト比を確保する 画像に代替テキストを設定する 色だけに頼らない表現にする Webサイトのアクセシビリティを検証する アクセシビリティへの取り組みを広める 動画をアクセシブルにする 文書構造をちゃんとする キーボードで操作できるようにする アクセシブルなテキストを書く アクセシブルなサイトの運用を続ける 入力フォームをアクセシブルにする 「取り組みたいこと」の例
  15. 15. (アクセシビリティ向上のために) 取り組みたいこと 1 必要となる 作業/順序 実現のために 必要な作業を 洗い出す 2 : 必要となる 材料/コスト 各作業に必要な コストを洗い出す 3 : 適任者 誰が適任なのか 考える 4 : 問題点/ 考慮点 環境/ツール/ ガイドライン/ スキルなどなど 5 : 6. 最後に発表!ブレイクダウンして検討 作業内容
  16. 16. オーナーの モチベーション 公共性/対象範囲 対象範囲/ 技術レベル 本番/テストデータ 検証環境 制作ガイドライン への反映 対象範囲/ 技術レベル 修正方法の理解 妥当性の 判断スキル? プロジェクト 要件定義書 JIS/WCAG等 の一般的スキル スケジュール 見積り 費用見積り 見積書/請求書 JIS/WCAG等 の専門的スキル 検証レポート サイトオーナー ニーズ把握 方針検討 スケジュール確保 予算確保 発注 検証作業 修正作業 修正結果確認 ディレクター プロジェクト マネージャー ディレクター 営業/ 外部業社など 発注/決済 担当者 外部業社など 実装担当者 デザイナー 外部業社など ディレクター? 検証レポート 例:担当サイトのアクセシビリティを検証したい
  17. 17. 1. 全体概要の説明 2. 難しかった点 3. 工夫した?点 4. 気付きのあった点 5. 今後に向けて考えたこと 各チーム持ち時間:3分 発表のポイント
  18. 18. 健全な運用体制がアクセシビリティを支える。
  19. 19. 次回のお知らせ
  20. 20. 次回は 「リーダブルな昼下がり on 2019/11/02 」 を「ハッシュタグ」にて開催予定です!
  21. 21. https://oka-kitanagase.hashtags.biz/ より
  22. 22. ご相談お待ちしてますっ! @SawadaStdDesign

×