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

1. on 2019/09/02
「誰」が「何」をする？ みんなで考えてみよう！

2. 自己紹介

3. 澤田 望
パーマ
メガネ
老眼
ガリガリ
中年講師

4. 岡山で独立 2014～ Webアクセシビリティ検証
イラスト制作
岡山情報ビジネス学院 非常勤講師
などなど
キヤノン ～2013 サイトデザイン監修
Webアクセシビリティ対応
WAIC 2011～ ウェブアクセシビリティ基盤委員会
コラムを担当

5. 本日の目標

6. アクセシビリティを向上させたいと思っても
・具体的な進め方が分からない
・誰を巻き込めばいいのか分からない
整理しながら、みんなで考えよう。

7. 取り組みたいことをブレイクダウンしてみよう
ワークショップ

8. 席替えタイム！

9. チームメンバーの職種が
エンジニア ／ デザイナー ／ その他
になるように、いい感じに分かれよう。

10. とある実装担当者（アクセシビリティ覚えたて）の悩み
img要素にalt属性を
入れればいいね。
画像に代替テキストを
どんどん入れよう！
before
入れてみたけど...
これで適切なのかな？
実装担当者が考えるのには
限界がある？
入れようとしたけど...
原稿ないのかな？
after

11. これを放っておくと、
せっかく芽生えたやる気を枯らせてしまう。

12. ＼ みんなで考えよう ／

13. 「アクセシビリティ向上させるぞ！」という
「ポジティブな人」になりきってください。

14. 色のコントラスト比を確保する
画像に代替テキストを設定する
色だけに頼らない表現にする
Webサイトのアクセシビリティを検証する
アクセシビリティへの取り組みを広める
動画をアクセシブルにする
文書構造をちゃんとする
キーボードで操作できるようにする
アクセシブルなテキストを書く
アクセシブルなサイトの運用を続ける
入力フォームをアクセシブルにする
「取り組みたいこと」の例

15. （アクセシビリティ向上のために）
取り組みたいこと
1
必要となる
作業／順序
実現のために
必要な作業を
洗い出す
2
：
必要となる
材料／コスト
各作業に必要な
コストを洗い出す
3
：
適任者
誰が適任なのか
考える
4
：
問題点／
考慮点
環境／ツール／
ガイドライン／
スキルなどなど
5
：
6. 最後に発表！ブレイクダウンして検討
作業内容

16. オーナーの
モチベーション
公共性／対象範囲
対象範囲／
技術レベル
本番／テストデータ
検証環境
制作ガイドライン
への反映
対象範囲／
技術レベル
修正方法の理解
妥当性の
判断スキル？
プロジェクト
要件定義書
JIS／WCAG等
の一般的スキル
スケジュール
見積り
費用見積り
見積書／請求書
JIS／WCAG等
の専門的スキル
検証レポート
サイトオーナー
ニーズ把握
方針検討
スケジュール確保
予算確保
発注
検証作業
修正作業
修正結果確認
ディレクター
プロジェクト
マネージャー
ディレクター
営業／
外部業社など
発注／決済
担当者
外部業社など
実装担当者
デザイナー
外部業社など
ディレクター？
検証レポート
例：担当サイトのアクセシビリティを検証したい

17. 1. 全体概要の説明
2. 難しかった点
3. 工夫した？点
4. 気付きのあった点
5. 今後に向けて考えたこと
各チーム持ち時間：3分
発表のポイント

18. 健全な運用体制がアクセシビリティを支える。

19. 次回のお知らせ

20. 次回は
「リーダブルな昼下がり on 2019/11/02 」
を「ハッシュタグ」にて開催予定です！

21. https://oka-kitanagase.hashtags.biz/ より

22. ご相談お待ちしてますっ！
@SawadaStdDesign