NECのアクセシビリティとJIS X 8341-3:2010への取り組み（2013年12月10日版）
2 likes3,396 views
セミナー「企業WebサイトにおけるJIS X 8341-3:2010対応の実践例」の資料です。講師および資料作成を担当したのは、ウェブアクセシビリティ基盤委員会 作業部会1委員で、日本電気株式会社の安氏です。 NECグループがアクセシビリティに取り組む理由を、グループとしてのビジョンにまで立ち戻り、そこから「なぜ」をいくつかの要素に分解し詳説。取り組むうえでのポイントとして挙げられたガイドライン、社内教育、体制整備の3点は、あらゆる企業Webサイトにとって必要な存在であり、また参考にしていただけるかと思います。 CEATECでの講演内容に加え、NECデザイン&プロモーション デザイン事業本部の川嶋氏と盲導犬サニーによる「実感できる教育のしくみづくり」の資料も含まれています。
More Related Content
Similar to NECのアクセシビリティとJIS X 8341-3:2010への取り組み（2013年12月10日版） (20)
More from Web Accessibility Infrastructure Committee (WAIC) (20)
Recently uploaded (11)
NECのアクセシビリティとJIS X 8341-3:2010への取り組み（2013年12月10日版）
- 1. WAIC 企業Webサイト実践例セミナー ＮＥＣのアクセシビリティと JIS X 8341-3：2010への取り組み ２０１３年１２月１０日 ＮＥＣデザイン＆プロモーション デザイン事業本部 安 浩子
- 2. はじめに ▌ＮＥＣ Ｊａｐａｎ ?URL：http://jpn.nec.com ?月別訪問者数 約110万人 月間PV:700万PV Page 2 ? NEC Corporation 2013
- 3. はじめに ▌ＮＥＣサイトのJIS X 8341-03：2010 対応状況 ?アクセシビリティ方針の公開 ?２０１５年までに、http://jpn.nec.com/ドメイン配下 JIS X 8341-3:2010の等級AAに準拠 を宣言 Page 3 ? NEC Corporation 2013
- 5. NECグループ ビジョン2017 人と地球にやさしい情報社会を イノベーションで実現する グローバルリーディングカンパニー NEC Group Vision 2017 To be a leading global company leveraging the power of innovation to realize an information society friendly to humans and the earth （2008年制定） Page 5 ? NEC Corporation 2013
- 6. 人と地球にやさしい情報社会 人にやさしい いつでもどこでも誰もが使えるサービスによって 安心?安全?便利で豊かな個人生活を実現する情報社会 地球にやさしい 限りある資源を効率的に活用し 地球環境と共存?持続的な発展を可能とする情報社会 Page 6 ? NEC Corporation 2013
- 7. 社会ソリューション事業への注力 Page 7 ? NEC Corporation 2013
- 8. ＮＥＣのアクセシビリティ Page 8 ? NEC Corporation 2013
- 9. なぜアクセシビリティに取り組んでいるのか？ 1. ＩＣＴ企業としての社会的責任 ?社会変化によるユーザー層の拡がり ?情報通信技術の進展によるデジタルデバイドの進行 2. コンプライアンスの観点 ?法令や国際規格制定の動きが活発化 米国リハ法５０８条 、日本工業規格(JIS)、障害者差別解消法 3. 社会ソリューション事業の要件 ?社会ソリューション事業向けシステムにおける機能要件 （多くは利用できないと社会生活に支障がでるシステム） ?公共のシステム、ウェブサイトでの要件化 Page 9 ? NEC Corporation 2013
- 10. なぜ ウェブアクセシビリティに取り組んでいるのか？ ＮＥＣサイトは、さまざまなステークホルダーとの コミュニケーションを担う重要なメディア ▌ウェブサイトは、お客さまにとって１ｓｔコンタクト :顧客満足を重視 ▌ＢｔｏＣ、ＢｔｏＢ、 会社情報(投資家、採用、報道関係者など)における コミュニケーション ＮＥＣグループサイトのビジョン ＣＳ : お客さまにとっての問題解決のツール ビジネス : 販促に活用するツール、マーケティングの手段 ブランド : NECの魅力を体感していただく場 Page 10 ? NEC Corporation 2013
- 11. 社会の課題解決に貢献できる企業になるために 事業活動をとおして社会的課題解決に 貢献するためには、社会の動きを俊敏に感じ取るための ステークホルダー?コミュニケーションが重要 お客さま 社会 お取引先 地域社会 株主?投資家 従業員 ＮＥＣグループ 地球環境 Page 11 ? NEC Corporation 2013
- 13. ウェブ技術動向と、アクセシビリティ/ＪＩＳ対応への課題 年 度 NEC公式サイト立ち上げ ?????????動向 １９９４ 1994 W3C ウェブ標準化活動 ２０００ 2001 米リハ法５０８条施行 ２００４ JIS X8341-3： 2004 ２０１０ 2005 みんなの公共サイト運用モデル JIS X8341-3： 2010 ２０１２ ２０１５ Page 13 ? NEC Corporation 2013 対応課題 様々な ウェブ環境 への対応 各メディア の対応度 に依存 ＣＭＳの 対応度に 依存 ＳＮＳの 利便性と 対応度 ウェブ技術 様々なブラウザ、 バージョンの登場 (NetScape、 InternetExplorer、Opera、 FireFox など) リッチメディア （Flash、Javaアプ レット、Ajax など） ＣＭＳによる システム統合 ソーシャルメディア (YouTube,FB, Twitterなど)の登場 グローバル化
- 14. ＮＥＣのウェブ戦略とアクセシビリティへの取り組み ＮＥＣの取り組み 年 度 NEC公式サイト立ち上げ １９９４ ２０００ ２００４ ウェブアクセシビリティ ウェブ戦略 1994: アクセシビリティ取組み開始 情 報 発 2000: ウェブアクセシビリティの取組み開始 ?アクセシビリティガイドライン作成 ?ツールの整備 信 ※W3Cの社内勉強会を実施しＪＩＳに先行して対応 ※日本工業標準調査会ＪＩＳ策定委員参加 か 個別最適な 情報発信 独自サイト立上げ ※数名の有識者による北欧?米アクセシビリティ調査開始 サ イ ト 2005：ガイドライン?ツールの強化 ら 情報発信の 統合化 ＣＭＳ導入 ２０１０ ２０１２ ※独自のアクセシビリティチェックツールを開発 「ウェブ JUDGE」「VIS JUDGE」 ー マ 2010: JIS X 8341-3:2010準拠に向けての 計画検討開始 2012: JIS X 8341-3:2010対応方針と テスト結果の公開 テ ケ コミュニケー ション強化 ＳＮＳ連携 サ グ ン ィ ト イ ２０１５ Page 14 2015年までに、国内ドメイン配下 JIS X 8341-3:2010 等級AAに準拠を宣言 ? NEC Corporation 2013 へ グローバル 統合化 ドメイン統合
- 15. アクセシビリティＪＩＳ対応に向けて ＮＥＣサイトにおける取り組みのポイント ▌１．ガイドラインの整備 目指すべき姿と現場の状況に即した実施方法の提示 ▌２．アクセシビリティ教育 グループ社員全体の意識底上げ、必要性の実感 ▌３．運営体制 ＮＥＣ??????全体で迅速な情報共有と 対応を実現する運営体制 Page 15 ? NEC Corporation 2013
- 16. １．ガイドライン整備 ▌目指すべき姿と現場の状況に即した実施方法の提示 ?基本となるウェブガイドライン ウェブサイトの品質を一定の水準に保つためのポリシーや 制作ルール。サイトの位置づけ?役割、サイト立上げ?運営、 コンテンツ設計?共有、お問合せ対応など。 ?特に配慮すべき事項への詳細ガイドライン 例） １０項目弱の詳細ガイドラインを整備 ?ソーシャルメディア行動指針に関するガイドライン ?お問い合わせ対応および個人情報保護対応ガイドライン ▲アクセシビリティガイドライン ＪＩＳに記載のないプロセスや対応方法 について適用の現場にヒアリングの上 具体的に記載 ?アクセシビリティガイドラインなど ?ガイドライン適用サポート ?共通テンプレート化による適用容易性の向上 ?イントラサイトでの補足情報の公開 要望の多い解説情報やＱＡは イントラサイトでわかりやすく説明。 ▲共通テンプレートで????????? 対応を行い、全体に適用している Page 16 ? NEC Corporation 2013 ▲イントラサイト：ＪＩＳの構造を 図を用いて2004と2010 の違いをわかりやく解説
- 17. （参考）ガイドライン適用サポート ～共通テンプレート化～ ▌共通テンプレート化による適用容易性の向上 ?１９９４年～ ：正しい文書構造のテンプレートＨＴＭＬを用意し配布 ?２０００年～ ：ＣＭＳで編集可能なテンプレートと構文チェック機能提供 ?２０１２年～ ：ＣＭＳで全ページパーツとテンプレート配布 （グローバル適用） ※ＣＭＳで全パーツを用意し、ガイドライン適合したページの自動生成で 人的なタグミスを排除、見出しレベルの整合など構文の知識を要する部分も自動化 アクセシビリティガイドラインに即したページを、簡単に制作できる仕組みづくり ①テンプレートを選び 中身を修正する ②パーツを追加する ③パーツを非表示にする Page 17 ? NEC Corporation 2013 ④ガイドラインに適 合したページの 自動生成 （見出しレベル順 など自動整合）
- 18. （参考）テンプレートとパーツの例 ▌テンプレートの例 ▌パーツの例 （約100種類用意） 見出し 日付+文書 囲みの画像+リンク Page 18 ? NEC Corporation 2013
- 19. ２．アクセシビリティ教育 ▌グループ社員全体の意識底上げ、アクセシビリティの必要性を 実感できる教育のしくみづくり ｅラーニング（必須教育） ＮＥＣグループの全社員を対象としたeラーニング 累計33,000名受講 アクセシビリティ対応の重要性や法令、 ＪＩＳ規格について基本的な知識を教育 ▲教育用 教材コンテンツ アクセシビリティ基礎セミナーの開催 JIS X 8341-3やアクセシビリティに対する 基礎的な知識を修得することができる、 講習会、セミナーを開催 ▲セミナー形式でのアクセシビリティ教育の様子 アクセシビリティ体験ワークショップ 様々な疑似体験器具を身につけて、 高齢者や障がいのあるかたの 日常生活や商品の操作感を疑似体験 ▲アクセシビリティ体験ワークショップの様子 Page 19 ? NEC Corporation 2013
- 20. ３．ＮＥＣグループのウェブ運営体制 ▌ＮＥＣ??????全体で迅速な情報共有と対応を実現する運営体制 ?????????推進部門 ウェブ活用推進連絡会 ＮＥＣグループウェブ運営検討、実行体制 デザイン戦略部門 全社ウェブ事務局 ?全社ウェブ戦略策定 ?全社基盤運用 ?NECホームページ全体統括 ?全社連絡／通知 ?ガバナンス体制構築／維持 ?全社問合せ管理 ????????? 対応連携 ?全社デザイン戦略策定 ? アクセシビリティ対応 指針の策定 ?????????専門家部門 ??????????????????内容検討 ?制作方法、試験方法の 検討と実施 事業部門 関係会社 ウェブ統括責任者 ウェブ統括責任者 ?担当製品／ソリューション／ サポート等のコンテンツ制作 ?自社ホームページの運営 グローバルヘルプデスク （シンガポール） ウェブ運用体制 Page 20 ? NEC Corporation 2013
- 21. （参考）実感できる教育のしくみづくり ▌実感を伴ったアクセシビリティJIS対応のために ＮＥＣデザイン＆プロモーション デザイン事業本部 川嶋とサニーの活動 Page 21 ? NEC Corporation 2013
- 23. Ｑ： どんなオフィス生活？ Page 23 NEC Group Internal Use Only
- 24. どんなオフィス生活？ ▌通勤時やオフィス内の歩行 写真２：白杖での歩行 写真１：サニーとの歩行 Page 24 ? NEC Corporation 2013 写真３：手引きでの歩行
- 25. どんなオフィス生活？ ▌仕事環境 写真２：点字ディスプレイによる確認と入力を行うこともある 写真１：パソコン操作 通常は、キーボードによる操作?入力と、音声による読み上げ確認 写真３：携帯操作：音声による確認と入力 Page 25 ? NEC Corporation 2013
- 26. どんなオフィス生活？ ▌仕事をする上での様々な支援機器 写真１：文字コード読取機 Page 26 ? NEC Corporation 2013 写真２：視覚障がい者用ＩＣレコーダー
- 27. Ｑ： Page 27 アクセシビリティＪＩＳなどの 標準化、規格の整備の必要性を 感じる場面は？ NEC Group Internal Use Only
- 28. アクセシビリティＪＩＳなどの 標準化、規格の整備の必要性を感じる場面は？ ① デバイス/OS/ブラウザなど様々なウェブ利用環境の利用 ② リッチメディアコンテンツの利用 ③ ＣＭＳの機能による、利用できないページの量産 ④ 情報の変化が激しい、ソーシャルメディアの利用 ▌ アクセシビリティＪＩＳ対応による効果 ? Page 28 多様なユーザーの社会参加を助け、社会問題の解決に貢献 ? NEC Corporation 2013
- 29. Ｑ： アクセシビリティの 教育を促進するには？ Page 29 ? NEC Corporation 2013
- 30. （参考）社内情報発信活動 ～グループ社員向けＵＤメール～ ▌活動の当初、アイメイトのサニー発信 のメルマガ「Sunny Side UD」 ▌効果：アクセシビリティの認知度向上 Page 30 ? NEC Corporation 2013 ▌現在、ＵＤ／ＵＣＤメールでの 新しい技術を使ってみた所感や 面白いと思う技術の情報共有 ▌効果：新しい多様な視点の発見
- 31. アクセシビリティにまつわる最近の受賞歴 ▌企業ウェブグランプリ 浅川賞（アクセシビリティ賞） ?２０１２年浅川賞特別賞 日本電気株式会社 宙（そら）への挑戦 http://jpn.nec.com/ad/cosmos/index.html コンテンツもテンプレートもチャレンジしている点を 評価を頂き、受賞しています。 ?２０１１年浅川賞特別賞 日本電気株式会社 CSRアニュアルレポート2011 http://www.nec.co.jp/csr/ja/report2011/index.html アクセシビリティに関し模範的な対応という点を 評価頂き受賞しています。 ※企業ウェブグランプリサイトより 浅川賞は、IBMフェロー浅川智恵子にちなんで創設されたサイトのアクセシビリティ品質を問う賞です。 視覚障害者による審査、選考委員による投票と 合議により、浅川賞が選出されています。 Page 31 ? NEC Corporation 2013
- 32. まとめ ▌ＮＥＣグループの目指す姿とアクセシビリティ ?NECグループ ビジョン2017 ?なぜ ”ウェブ”アクセシビリティに取り組んでいるのか？ ▌ＮＥＣのウェブアクセシビリティへの取り組み ?ウェブ技術動向と、アクセシビリティ/ＪＩＳ対応への課題 ?ＮＥＣのウェブ戦略とアクセシビリティへの取り組み ▌アクセシビリティＪＩＳ対応に向けて NECが考える取り組みのポイント ?１．ガイドライン整備 ?２．アクセシビリティ教育 ?３.ＮＥＣグループのウェブ運営体制 Page 32 ? NEC Corporation 2013
- 33. 参考：ＮＥＣのウェブアクセシビリティ対応サポート ▌ＮＥＣのウェブサイトで実施しているアクセシビリティへの取組みは お客様向けのシステム構築にも提供しています。 1. アクセシビリティ対応 コンサルテーション 2. アクセシビリティ評価 3. アクセシビリティ対応 ウェブサイト／システム制作 ▲アクセシビリティへの対応支援?制作 （独立行政法人 高齢?障害者雇用支援機構 就労支援機器のページ） 4. アクセシビリティ教育 5. ユニバーサルデザイン モニターによる評価 ▲アクセシビリティに対応したウェブシステム制作 （自治体業務システム GPRIME） Page 33 ? NEC Corporation 2013
- 34. 参考：ＮＥＣのアクセシビリティ製品?ソリューション 人にやさしく、簡単かつスピーディー な議事録作成「VoiceGraphy」 ２０１３年度グッドデザイン賞を受賞 http://www.nec.co.jp/soft/VoiceGraphy/index.html 「 WillCommunity2.0/CMS」 は、JIS X 8341-3に従ったチェック 機能を装備し、高齢者?障害者に配慮したコンテンツ構築をサポート するウェブサイトの構築?運営システム http://www.nec.co.jp/pfsoft/willcommunity/cms_top.html 「 VoiceGraphy 」の お客様導入事例をウェブサイトで ご覧頂くことができます。 http://www.nec.co.jp/soft/ VoiceGraphy/download.html Page 34 ? NEC Corporation 2013 「 WillCommunity2.0/CMS」の お客様導入事例をウェブサイトで ご覧頂くことができます。 http://www.nec.co.jp/pfsoft/ willcommunity/download/ tobu-dept.pdf
- 35. ＮＥＣのアクセシビリティに関するお問合せ先 ＮＥＣデザイン＆プロモーション 安 浩子 h-yasu@necdp.nec.co.jp 川嶋 一広 k-kawashima@necdp.nec.co.jp Page 35 ? NEC Corporation 2013
- 36. Page 36 ? NEC Corporation 2013
- 37. Page 37 ? NEC Corporation 2013