Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
岡山で アクセシビリティ はじめよーでー
2015年5月16日
オープンセミナー2015@岡山 懇親会 LT
2
SAWADA STANDARD DESIGN
澤田 望
@SawadaStdDesign
WAIC WG2委員(2011年〜)
キヤノンサイトのデザイン監修/運用(〜2013年)
2014年、岡山で独立
3
Webサイト作ったり、イラスト描いたり。
4
「セルフブランディング」的に、何が売りなのか?
5
Webアクセシビリティについての活動に
わりと長いこと関わっている。
6
Web ウェブ
Accessibility アクセシビリティ
Infrastructure 基盤
Committee 委員会
http://waic.jp/
7
世の中には、Webアクセシビリティについて
自分よりも技術に詳しい人は山のようにいる . . .
8
そこに突っ込んでいっても、差別化は見込めないぞ。
9
少し違う視点で、
やわらかくアピールしていった方がいいのかも . . .
10
今日は、岡山の皆さんにWebアクセシビリティを
身近に感じてもらうためのお話を。
11
「アクセシビリティ」って?
12
富士通のユニバーサルデザイン理念「ユーザビリティとアクセシビリティ」より
13
【 ユーザビリティ 】
利用できる人に対する
「使いやすいか/使いにくいか」いう度合い
※使えることが前提
14
「ユーザビリティが高い」
↓
15
「ユーザビリティが低い」
↓
16
【 アクセシビリティ 】
全ての人に対する
「使えるか/使えないのか」いう度合い
17
「アクセシビリティが高い」
↓
18
「アクセシビリティが低い」
↓
19
もう一度見てみると、
「身体の状態によっては」?
20
アクセシビリティっていうと、
「障碍者向け対応」的な部分が強調されやすい。
※もちろん大事な部分ではあります。
21
22
誤解を解いて、全ての人や機械が
となることを目指したい。
23
あえて「機械が」って入れてる?
24
だいたい未来って、機械がしゃべってますよね?
25
26
27
そこまでの未来じゃなくても . . .
28
この辺りならしゃべりますよね?
29
機械にしゃべってもらうには、
コンテンツの情報がちゃんと伝わる構造に
なっていなければいけません。
30
具体的な例を。
31
htmlを例に、NVDA(無料)という
スクリーンリーダーにしゃべらせてみます。
デモページ1
デモページ2
32
<img src="img/stamp-de-suki-jake.png" alt="">
↑
伝わらない
<img src="img/stamp-yacchi-mo-ne.png" alt="やっちもねー">
↑
伝わる
33
34
次にコンテンツの例を。
35
下の大きな丸いボタンを押してください。
実行
36
下? 大きな? 丸い?
37
下の大きな丸い「実行」ボタンを押してください。
実行
38
39
非常に初歩的な話ですけど、これだけでも岡山の
Webサイトのアクセシビリティは格段に向上します。
40
岡山で アクセシビリティ はじめよーでー!
岡山旅ねっとより(岡山市原尾島交差点)
41
気になったら、こちらもヨロシク。
42
ありがとうございました。
Prochain SlideShare
Chargement dans…5
×

sur

岡山で アクセシビリティ はじめよーでー Slide 1 岡山で アクセシビリティ はじめよーでー Slide 2 岡山で アクセシビリティ はじめよーでー Slide 3 岡山で アクセシビリティ はじめよーでー Slide 4 岡山で アクセシビリティ はじめよーでー Slide 5 岡山で アクセシビリティ はじめよーでー Slide 6 岡山で アクセシビリティ はじめよーでー Slide 7 岡山で アクセシビリティ はじめよーでー Slide 8 岡山で アクセシビリティ はじめよーでー Slide 9 岡山で アクセシビリティ はじめよーでー Slide 10 岡山で アクセシビリティ はじめよーでー Slide 11 岡山で アクセシビリティ はじめよーでー Slide 12 岡山で アクセシビリティ はじめよーでー Slide 13 岡山で アクセシビリティ はじめよーでー Slide 14 岡山で アクセシビリティ はじめよーでー Slide 15 岡山で アクセシビリティ はじめよーでー Slide 16 岡山で アクセシビリティ はじめよーでー Slide 17 岡山で アクセシビリティ はじめよーでー Slide 18 岡山で アクセシビリティ はじめよーでー Slide 19 岡山で アクセシビリティ はじめよーでー Slide 20 岡山で アクセシビリティ はじめよーでー Slide 21 岡山で アクセシビリティ はじめよーでー Slide 22 岡山で アクセシビリティ はじめよーでー Slide 23 岡山で アクセシビリティ はじめよーでー Slide 24 岡山で アクセシビリティ はじめよーでー Slide 25 岡山で アクセシビリティ はじめよーでー Slide 26 岡山で アクセシビリティ はじめよーでー Slide 27 岡山で アクセシビリティ はじめよーでー Slide 28 岡山で アクセシビリティ はじめよーでー Slide 29 岡山で アクセシビリティ はじめよーでー Slide 30 岡山で アクセシビリティ はじめよーでー Slide 31 岡山で アクセシビリティ はじめよーでー Slide 32 岡山で アクセシビリティ はじめよーでー Slide 33 岡山で アクセシビリティ はじめよーでー Slide 34 岡山で アクセシビリティ はじめよーでー Slide 35 岡山で アクセシビリティ はじめよーでー Slide 36 岡山で アクセシビリティ はじめよーでー Slide 37 岡山で アクセシビリティ はじめよーでー Slide 38 岡山で アクセシビリティ はじめよーでー Slide 39 岡山で アクセシビリティ はじめよーでー Slide 40 岡山で アクセシビリティ はじめよーでー Slide 41 岡山で アクセシビリティ はじめよーでー Slide 42
Prochain SlideShare
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
Suivant
Télécharger pour lire hors ligne et voir en mode plein écran

4 j’aime

Partager

Télécharger pour lire hors ligne

岡山で アクセシビリティ はじめよーでー

Télécharger pour lire hors ligne

オープンセミナー2015@岡山 懇親会LTで使用したスライドです。

Livres associés

Gratuit avec un essai de 30 jours de Scribd

Tout voir

岡山で アクセシビリティ はじめよーでー

  1. 1. 岡山で アクセシビリティ はじめよーでー 2015年5月16日 オープンセミナー2015@岡山 懇親会 LT
  2. 2. 2 SAWADA STANDARD DESIGN 澤田 望 @SawadaStdDesign WAIC WG2委員(2011年〜) キヤノンサイトのデザイン監修/運用(〜2013年) 2014年、岡山で独立
  3. 3. 3 Webサイト作ったり、イラスト描いたり。
  4. 4. 4 「セルフブランディング」的に、何が売りなのか?
  5. 5. 5 Webアクセシビリティについての活動に わりと長いこと関わっている。
  6. 6. 6 Web ウェブ Accessibility アクセシビリティ Infrastructure 基盤 Committee 委員会 http://waic.jp/
  7. 7. 7 世の中には、Webアクセシビリティについて 自分よりも技術に詳しい人は山のようにいる . . .
  8. 8. 8 そこに突っ込んでいっても、差別化は見込めないぞ。
  9. 9. 9 少し違う視点で、 やわらかくアピールしていった方がいいのかも . . .
  10. 10. 10 今日は、岡山の皆さんにWebアクセシビリティを 身近に感じてもらうためのお話を。
  11. 11. 11 「アクセシビリティ」って?
  12. 12. 12 富士通のユニバーサルデザイン理念「ユーザビリティとアクセシビリティ」より
  13. 13. 13 【 ユーザビリティ 】 利用できる人に対する 「使いやすいか/使いにくいか」いう度合い ※使えることが前提
  14. 14. 14 「ユーザビリティが高い」 ↓
  15. 15. 15 「ユーザビリティが低い」 ↓
  16. 16. 16 【 アクセシビリティ 】 全ての人に対する 「使えるか/使えないのか」いう度合い
  17. 17. 17 「アクセシビリティが高い」 ↓
  18. 18. 18 「アクセシビリティが低い」 ↓
  19. 19. 19 もう一度見てみると、 「身体の状態によっては」?
  20. 20. 20 アクセシビリティっていうと、 「障碍者向け対応」的な部分が強調されやすい。 ※もちろん大事な部分ではあります。
  21. 21. 21
  22. 22. 22 誤解を解いて、全ての人や機械が となることを目指したい。
  23. 23. 23 あえて「機械が」って入れてる?
  24. 24. 24 だいたい未来って、機械がしゃべってますよね?
  25. 25. 25
  26. 26. 26
  27. 27. 27 そこまでの未来じゃなくても . . .
  28. 28. 28 この辺りならしゃべりますよね?
  29. 29. 29 機械にしゃべってもらうには、 コンテンツの情報がちゃんと伝わる構造に なっていなければいけません。
  30. 30. 30 具体的な例を。
  31. 31. 31 htmlを例に、NVDA(無料)という スクリーンリーダーにしゃべらせてみます。 デモページ1 デモページ2
  32. 32. 32 <img src="img/stamp-de-suki-jake.png" alt=""> ↑ 伝わらない <img src="img/stamp-yacchi-mo-ne.png" alt="やっちもねー"> ↑ 伝わる
  33. 33. 33
  34. 34. 34 次にコンテンツの例を。
  35. 35. 35 下の大きな丸いボタンを押してください。 実行
  36. 36. 36 下? 大きな? 丸い?
  37. 37. 37 下の大きな丸い「実行」ボタンを押してください。 実行
  38. 38. 38
  39. 39. 39 非常に初歩的な話ですけど、これだけでも岡山の Webサイトのアクセシビリティは格段に向上します。
  40. 40. 40 岡山で アクセシビリティ はじめよーでー! 岡山旅ねっとより(岡山市原尾島交差点)
  41. 41. 41 気になったら、こちらもヨロシク。
  42. 42. 42 ありがとうございました。
  • yanmo

    Aug. 30, 2015
  • kyokaji7

    May. 17, 2015
  • hideki_a

    May. 16, 2015
  • rikiha

    May. 16, 2015

オープンセミナー2015@岡山 懇親会LTで使用したスライドです。

Vues

Nombre de vues

2 240

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

133

Actions

Téléchargements

7

Partages

0

Commentaires

0

Mentions J'aime

4

×