はじめに(1)アジェンダ

• はじめに
• 問題点の分析
• 致命的な問題点の解消
• 大規模な改善
• まとめと質疑応答

はじめに(2)株式会社ミツエーリンクス

• 1990年7月創立
• 顧客企業のビジネスを持続的発展に導くインフォメーション・インテグレータ
• 各種国内外規格を取得（ISO9001、ISO14001など）
• 2007年5月現在、250名が勤務
• 国内最大規模のWebサイト構築企業
• http://www.mitsue.co.jp/

はじめに(3)自己紹介

中村 精親（なかむら きよちか）

株式会社ミツエーリンクス Web開発グループ アクセシビリティチーム アクセシビリティ・エンジニア。

アクセシブルなWebサイト制作における実装技術の研究、制作者への助言、企業向けアクセシビリティガイドラインの作成などのWebアクセシビリティ関連サービスを担当。
また、日経BP社による企業Webサイト担当者向け情報提供サイトITpro Select「Strategic Web Design」における「サイトをアクセシブルにするマネジメントの法則」の連載、当社アクセシビリティBlogへの原稿執筆をはじめとする社内外へのアクセシビリティ啓蒙活動を行っている。

はじめに(4)本講演内容のベース

"Web Accessibility: Web Standards and Regulatory Compliance"
Chapter 15
RETROFITTING CASE STUDY: REDESIGN OF A UNIVERSITY WEBSITE

15章著者 Patrick H. Lauke

Web editor for the University of Salford

Web Standards Project（WaSP） Co-lead, Accessibility Task Force

アクセシブルなWebサイトを構築するために問題点の分析

• 致命的な問題
• 致命的ではないが、重大な問題
• 些細な問題

問題点の分析(1)致命的な問題

• 内容が理解できない
• 機能が使用できない

致命的な問題(1)キーボードでアクセスできない

例：JavaScriptによるメニュー

致命的な問題(2)適切にリニアライズされていない

例：左メニュー、右コンテンツのページ

致命的な問題(3)マルチメディアに依存した内容

例：自動再生されるコンテンツ

• 参考リンク：
  MdN Interactive
  Webサイトの理想形を考える―情報の垣根をなくす「Webアクセシビリティ」
  第11回　自動再生される音声の問題点

問題点の分析(2)致命的ではないが、重大な問題

内容の理解、機能の利用に困難を伴う

致命的ではないが、重大な問題(1)ユーザー不在のサイト設計

ユーザーテストの重要性

致命的ではないが、重大な問題(2)特定環境向けの設計

さまざまな環境を考慮する必要性

• 音声読み上げ環境
• CSS／JavaScript無効
• 印刷時
• 小さい画面のデバイスなど

致命的な問題の解消

• まず、致命的な問題の対処が最重要
  • 情報を理解可能にする
  • 機能を使用可能にする

大規模な改善

リデザインやガイドライン改定時

議論されるべきこと

• Web標準の採用
• HTML or XHTML
• CSS layout or table layout

大規模な改善(1)Web標準の採用

期待されるメリット

• 標準に準拠した、より多くのユーザーエージェントによるアクセス
• 構造と表現の分離による恩恵
• 表現に関するリソースの一括管理

大規模な改善(2)HTML or XHTML

• Web標準＝XHTML、ではない
• XHTMLを選択することによる本質的な利点と副次的な利点
• HTMLを選択することによる利点
• サルフォード大学のリデザインの場合

大規模な改善(3)table layout or CSS layout

• テーブルレイアウト＝完全悪、ではない
• CSSレイアウトの優位性
  • 媒体ごとに適切なスタイル

    例：音声読み上げ環境におけるスタイル

    Fire VoxにおけるCSS 3 Speech Moduleの実装例

Web標準の導入のために

• 具体的な説得材料を提示する
  • Webサイト担当者のほとんどは自分の環境以外のことを知らない

まとめ

• 現存する問題点を明確に
• 致命的な問題は可能な限り早期の対応を
• Web標準を採用するメリットを理解し、導入する
• 再度問題点を確認する