Webアクセシビリティ 海外の最新動向 2018
2 likes1,403 views
2018年5月17日（木）に神戸で開催された「アクセシビリティの祭典 2018」のセッション 6「Webアクセシビリティ 海外の最新動向 2018」で使用したスライド。 もし閲覧に支障がある場合は、info@infoaxia.co.jpまでご連絡ください。
More Related Content
What's hot (20)
Similar to Webアクセシビリティ 海外の最新動向 2018 (20)
Webアクセシビリティ 海外の最新動向 2018
- 2. Webアクセシビリティ 海外の最新動向 2018 アクセシビリティの祭典 2018 セッション 6 植木 真（株式会社インフォアクシア）
- 3. 植木 真（うえき まこと） ? 株式会社インフォアクシア 代表取締役 ? Webアクセシビリティコンサルタント ? サイト診断、ガイドライン＆チェックリスト作成、教育?研修 など ? 国内外のアクセシビリティガイドライン策定に従事 ? W3C WCAG ワーキンググループ ? JIS X 8341-3 原案作成ワーキンググループ ? ウェブアクセシビリティ基盤委員会（WAIC）委員長 ? JIS X 8341-3:2016 改正原案作成委員会 委員長を兼任
- 4. 今日は “Global Accessibility Awareness Day”
- 5. “Global Accessibility Awareness Day” 公式サイト http://globalaccessibilityawarenessday.org/
- 9. 今年で33回目、世界最大級のカンファレンス ? 3/13(水)～15(金)の3日間 ? 442のセッション（発表） ? 115の展示ブース ? 約4,500名が参加
- 10. 夜には “アクセシブル” カラオケ大会なども開催 手話通訳付きのカラオケ大会 TEAM JAPANは盆踊りソング
- 12. このセッションでシェアするのは… ?「インクルーシブデザイン」 ?海外諸国でのWebアクセシビリティの法制化 ?WCAG 2.1とSilver ?セッション紹介 ? Amadeus and American Airlines: From User Tests to an Inclusive Website
- 13. 「インクルーシブデザイン」
- 14. From User Tests to an Inclusive Website
- 17. Inclusive Design at Microsoft https://www.microsoft.com/en-us/design/inclusive
- 19. マイクロ ソフトが 考える Inclusive Design Inclusive design is for those who want to make great products for the greatest number of people.
- 20. Definition of inclusive design http://www.inclusivedesigntoolkit.com/whatis/whatis.html
- 22. インクルーシブデザインの原則（日本語訳）? 永続的な障害がある利用者（＝障害者） ? 一時的または状況的な困難に直面している利用者 ? 能力が変化してゆく利用者（＝シニア、高齢者） つまり、私たちみんな - “all of us really”
- 25. “Accessible” ではなく “Inclusive” を使う理由 ?法律で義務化されてきたことによる固定観念？ ? “Accessible” = ガイドラインの基準を満たす ? “Inclusive” ＝ 広範囲のユーザーのニーズを満たす Accessible ( ≒ WCAG) ≦ Inclusive
- 28. W3C/WAIの ”Web Accessibility Laws & Policies” https://www.w3.org/WAI/policies/
- 29. 海外諸国の主な傾向 ?先進国を中心にWebアクセシビリティの確保を義務化 ? 政府などの公的機関には「WCAG 2.0」レベル AA ?アメリカでは企業サイトに対する提訴件数が急増中 ?中国やヨーロッパで「WCAG 2.1」を採用する動きあり
- 30. WCAG 2.1 と Silver
- 31. WCAG 2.1 Proposed Recommendation https://www.w3.org/TR/2018/PR-WCAG21-20180424/
- 32. そもそも「WCAG」とは？ ?ウェブコンテンツのアクセシビリティを確保するため のガイドライン ? “Web Content Accessibility Guidelines” の略（頭文字） ? ウェブコンテンツ＝ウェブサイト、ウェブアプリ、ウェブ サービスなど ? 現在のバージョンは「2.0」
- 33. 誰のためのガイドライン？ ?様々な障害のあるユーザーを想定 ? “全盲又はロービジョン、ろう又は難聴、学習障害、認知障 害、運動制限、発話困難、光過敏性発作及びこれらの組合 せ等を含んだ、様々な障害のある人” ～ WCAG 2.0 日本語訳 「概要」より
- 34. 「WCAG 2.0」の達成基準 ＝ 3段階のレベル ?Webコンテンツがどうなっているべきかを定義 ? レベル A：25の達成基準 ? 最低限満たすべきレベルの品質基準 ? レベル AA：13の達成基準 ? ユーザビリティとの共通点も多く、公的機関に求められるレベル ? レベル AAA：23の達成基準 ? 対応可能な場合に基準を満たすことが推奨されるレベル
- 36. 画像には代替テキストを提供する <img src=/slideshow/web-2018-97801077/97801077/“title.png” alt=“わた したちの未来をつくるアクセ シビリティ 2018年5月17日 （木）神戸ポートアイランド ジーベックホール”>
- 39. 「WCAG 2.0」は世界共通のガイドライン 2008年 W3C勧告に ? 2012年 ISO/IEC規格に ? 2016年 JIS規格に ＝ ＝
- 40. WCAG 2.1 Status and Next Steps https://www.w3.org/2018/Talks/0322_WCAG21_AWK-JOC-MC/
- 41. WCAG 2.1 ＝「WCAG 2.0」＋α ?“WCAG 2.1” に準拠しているウェブサイトは、 自ずと ”WCAG 2.0” にも準拠していることになる ?“WCAG 2.0” は「非推奨（deprecated)」にはならない
- 42. WCAGへの新たなニーズの顕在化 ?新しいテクノロジーの 普及による新しいニーズ ?WCAGが対処できていない ユーザーのニーズ ? ロービジョン ? 認知障害 モバイル ロービジョン 認知障害
- 44. 新しい達成基準 “1.4.11 Non-text Contrast” https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html
- 45. 新しい達成基準 “1.3.5 Identify Input Purpose” https://a11y-resources.com/developer/adaptable-ui-personalisation
- 46. Refinement of Success Criteria ? 2016年12月時点で60の新しい達成基準の提案 ? 最終的に17の達成基準候補に絞り込み
- 47. Current Status of WCAG 2.1 ? ワーキングドラフトを数回にわたり更新 ? その間に、約600件のパブリックコメント ? 2018年4月24日に「W3C勧告案」に昇格
- 48. Next Steps on WCAG 2.1 ? 4月：「勧告案」に昇格 ? 6月：「W3C勧告」に (?)
- 49. Beyond WCAG 2.1 ?「WCAG 2.1」と「Silver」の間にもう1つバージョン を挟む可能性もある（「WCAG 2.2」もありうる？）
- 50. WCAG 2.1：ヨーロッパの場合 ? EU加盟国は「WCAG 2.0」を採用 ? 公的機関の調達規格として 「EN 301 549」を策定 ? 2018年中に各国で法整備 （WAD） ? 欧州アクセシビリティ法の制定 （EAA）
- 51. WCAG 2.1：ヨーロッパの場合 ?調達規格「EN 301 549」で 「WCAG 2.1」を採用予定 ? W3Cワーキンググループと連携 ?WADでのモニタリング計画で W3Cの「WCAG EM」や 「ACT」にも注目
- 53. WCAG 2.1：中国の場合 ?W3C/WAI と協調しながら、 「WCAG 2.1」の策定にも協力 ? Baidu、Beyondsoft ? 浙江大学、香港浸会大学 ?6月には国内規格の改訂案を 障害者団体に提示 ? WCAG 2.0 or 2.1？
- 54. WCAG 2.1：その他の国々 ?アメリカは「WCAG 2.0」 ?欧州は「WCAG 2.1」 ?中国も「WCAG 2.1」？ ?インドは「WCAG 2.0」
- 55. 「WCAG 2.1」は「JIS X 8341-3」になる？
- 56. Silver ?W3Cの次期アクセシビリティガイドライン ? WCAG 2.x の后継バージョン
- 57. Accessibility Guidelines = AG = Silver
- 58. WCAG 2.1 (2.2 ?) と Silver が同時進行中 WCAG 2.0 WCAG 2.1 WCAG 2.2 2018 2020 (?) WCAG ATAG UAAG OR
- 60. Problem Areas from Research Findings 関係者からのヒアリング等により、 WCAG 2.0の問題点を確認
- 61. Amadeus and American Airlines: From User Tests to an Inclusive Website
- 62. From User Tests to an Inclusive Website
- 64. Amadeus社 http://www.amadeus.com/ ?世界のソフトウェア企業 TOP 15 ? 旅行業界に特化した予約システム ?取扱予約件数：5億9,500万件以上（2016） ?取扱乗客数：13億人（2016）
- 66. Towards WCAG AA compliance
- 67. User tests pre-session interview
- 68. Pre-session interview – Cognitive impairments
- 69. Color contrast
- 70. ユーザビリティテストで発見した問題点を改善 ?Unclear font ? アルファベットの小文字 "I" と数字の "1" ?Wording is important ? ボタンのラベルを “Confirm selection” から “Confirm selection and close“ へ ?Modals focus handling ? モーダルの開閉時にフォーカス位置を制御
- 71. Time-out pop-up
- 73. Example of usage: slider 全盲モニターのコメント 「自分がスライダーを使えるなんて 考えたこともなかった。これは素晴らしい！」
- 74. Accessibility at American Airlines
- 75. Buying tickets made easier for everyone
- 76. 参考
- 78. Webアクセシビリティ 海外の最新動向 2018 アクセシビリティの祭典 2018 セッション 6 植木 真（株式会社インフォアクシア）