Download as PDF, PPTX
More Related Content
アクセシビリティとこれからのWebデザイン
- 1.
- 2.
- 3.
- 4. 伊原力也 BA シニア・インフォメーションアーキテクト デザインリサーチ、IA、Ix/ UIデザイン その他 HCD-Net 認定人間中心設計専門家 ウェブアクセシビリティ基盤委員会 WG1 委員 4
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. アクセシビリティの定義（辞書） access 接近，入場，通路、入口、入手，利用 accessible 近づきやすい，行きやすい 入手しやすい，利用できる，理解しやすい accessibility 近づきやすさ，行きやすさ 入手しやすさ，利用しやすさ，理解しやすさ 16
- 17.
- 18. ユーザビリティの定義（辞書） use 使う，用いる，使用する，利用する usable 用いることができる，使用に適した，便利な usability 使用性，使い勝手，利用可能性，使い易さ 18
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. なぜそうなるのか? 人間は変化するから 一時的障害 自身の変化 周囲の変化 広い範囲で使えるものは、 人生のどこかのステージでフィットする 33
- 34. 一時的障害 誰もが状況によって能力が変化する 視覚障害：眼鏡の破損、周りが暗い、サングラス 四肢障害：腱鞘炎、骨折、けが 聴覚障害：オフィス、電車内、街中 認知障害：酔っ払い、徹夜、海外旅行 その瞬間は、継続する障害と変わらない 34
- 35.
- 36.
- 37.
- 38. バリアフリーデザイン Barrier:障害 free:取り除く 古来からある考え方 特徴 別の補助を付け足す、または何かをはずすと 使える状況が増える 小回りが効きにくく、整合性が低くなりやすい 日本ではこれをユニバーサルデザインと呼びがち 38
- 39.
- 40. ユニバーサルデザイン universal:万人の，全員の，普遍的な 米国発（1985年～） 特徴 1つのもので最大公約数を狙う UD7原則をデザイン指針としてチェック 有効度・効率・満足さも上がりやすい 上手くやらないと中途半端なものができる 40
- 41. ロナルド・メイスのUD7原則 1. 誰でも公平に使えること 2. 使う上での自由度が高いこと 3.使いかたが簡単で、直感的に理解できること 4. 必要な情報がすぐに見つかること 5. うっかりミスや危険につながらないこと 6. 身体への負担が軽く、楽に使えること 7. 接近や利用のための十分な大きさと広さがあること 41
- 42. インクルーシブデザイン inclusive:すべてを含んだ，包括した. 英国発（1991年～） 特徴 極端ユーザーの潜在ニーズに着目 ユーザーと共に発想、プロトタイピング その手があったか的なアウトプット アウトプットを事前に予想しにくい 42
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50. 情報アクセシビリティのレイヤー 50 robustness findability portability usability shareability hackability 頑健: 存在が維持される 発見: 特定できる、探し出せる 携帯:持ち運べる、呼び出せる 使用: 知覚・理解・操作、目的達成 共有: 誰かに渡せる、共有できる 改変: 加工できる、再利用できる
- 51. アクセシビリティは総力戦 いわゆる障害者高齢者対応は 「使用」レイヤーのうち、さらに一部の話 前後のレイヤーも含めて考えると？ すべての本を大活字本にはできない 出版しても探せなければ意味がない 買えなければ手元に置けない 持ち歩けなければ読めない 51
- 52.
- 53.
- 54.
- 55.
- 56. この時点ですでに圧倒的なアクセシビリティ 時間・空間・デバイスを超えてアクセス可能 インターネット：途中の経路が死んでも迂回できる URL：コンテンツの場所が一意に特定できる HTTP：仕様に沿えば誰でもプログラムが作れる リンク：情報同士が結びついており探し出しやすい ※さらにGoogle検索が穴を埋めている Webに情報があるだけで圧倒的アクセシブル 56
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64. これがWebアクセシビリティの根幹 Webアクセシビリティの根幹は マシンリーダブルなテキスト 誰にでも伝わる最強の表現方法は「テキスト」 テキストをマークアップすると 意味が明確になり、機械が解釈可能になる ユーザーエージェントや支援技術といった プログラムを通して利用可能な形に変換できる 64
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78. 分かれているから選択肢が増やせる 78 プロダクト 情報 入れ物 情報 デバイスWeb 情報 ユーザー エージェント Webデバイス 情報 ユーザー エージェント Web デバイス支援技術
- 79.
- 80.
- 81.
- 82.
- 83. WCAG2.0 Webコンテンツのアクセシビリティ規格 W3Cが勧告している標準規格 JIS規格（JIS-X8341-3:2016）と一致 対象はWebサイトだけじゃない Web技術に関わるコンテンツは全て該当 アプリのWebView、HTMLヘルプ、 キオスク端末のHTML、 Web上のPDF 、EPUB…… 83
- 84. レベルA どんなサイトも満たすべき、最低限の基準 この基準を満たせないと、支援技術を駆使しても 全くアクセスできなくなる場合がある 25項目の基準 非テキストコンテンツにテキストを用意する、 キーボードでも操作できるようにする、など 84
- 85.
- 86. レベルAA 望ましい基準 この基準を満たすと、支援技術を駆使しなくても 多くの環境でアクセスできるようになる 13項目の基準 最低限のカラーコントラスト、文字サイズなど 86
- 87. レベルAAA 発展的な基準 この基準を満たすと、 よりアクセスしやすくなることがある 23項目の基準 レベルA～AAの基準を厳しくしたものに加え、 わかりやすい言葉を使う、など 87
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97. 利益を上げるため 効率よくビジネスを回す下地となる 利用できる状況が最大化される ファネルの最大化、機会損失の防止 コンテンツの再利用性が上がる オペレーションコストが下がる 対応しないこと＝見えないコスト流出と同義 97
- 98. 体験を向上するため 使いやすいと感じるユーザーが増加する 知覚、理解、操作のハードルが下がる 多くの状況での有効度、効率、満足さが改善 指名買いするユーザーが現れる アクセシブルなもの以外は使えないユーザーがいる 他ではできないことができた → ロイヤリティ最大 コミュニティ内での推奨意向もアップ 98
- 99.
- 100.
- 101.
- 102. 将来に対応するため 新しいデバイスに取り急ぎ対応できる 作法を守れば未知のデバイスでも利用できるはず ユーザーへのサービス中断を回避できる 漸進的な対応により突発的なコスト発生を抑止 最適化を行うための準備や検証が可能になる 102
- 103.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111.
- 112.
- 113.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.