「画面で見るマニュアル」での取り組みアクセシビリティに配慮したFlashコンテンツパソコン用のリモコンでの取り組みアクセシビリティに配慮したFlashコンテンツ本コンテンツは、「富士通のプラズマディスプレイ」ご紹介コンテンツで取り入れられたアクセシビリティ対応を解説しております。制定より、富士通グループ全体でアクセシビリティに配慮したホームページの制作を行っております。Flash(以下、Flash)においても、積極的にアクセシビリティに配慮したコンテンツ制作を行っています。富士通のプラズマディスプレイ今やビジネスの場に限らず、家庭の中にまで普及しているプラズマディスプレイ。使った技術紹介コンテンツを公開いたしました。公開以来、様々なメディアで紹介され、当初の目的であった技術紹介に加え、そのコンテンツに取り入れられたアクセシビリティ対応を多くの方々に知っていただくことができました。コンテンツに取り入れたアクセシビリティ対応をご紹介いたします。コンテンツのウインドウサイズを固定せずに、変更できるようにしています。ウインドウのサイズ変更に合わせて、文字サイズも追従します。ファイルの幅と高さを相対指定(%)にし、ウインドウサイズを可変させることで、文字サイズの拡大が可能となっています。左図の「文字を大きくしてご覧になりたい方へ」では文字を大きくする方法について説明しています。ベクターデータの特性を利用した単純な仕掛けにすぎませんが、文字サイズも可変することが可能となり、アクセシビリティに配慮することができます。よる文字サイズの可変機能を作り込まなくても、この方法で十分対応が可能です。デフォルトの状態でも大きめの文字サイズで作られていますので、十分読み易さには配慮しています。コンテンツでは「ウインドウサイズの変更ができない」「アドレスバー、ステータスバーが非表示」となっている場合が多く見受けられますが、富士通ではサイトのポリシーとして、ウインドウサイズの変更可、アドレスバー、ステータスバーを一貫して表示させ、ユーザビリティの向上に努めています。コンテンツ内に配置された要素(ボタン)にフォーカスを移動させることができます。キーによるフォーカスが可能になっています。基本的に画面左上から、左から右、上から下へ順番に移動するようになっていますが、複雑な仕組みになっているときちんと順序通り移動しないことがありますので、十分に検証をする必要があります。コンテンツの内容をスクリーンリーダーで正しく読み上げられるよう、設定しています。XPを使用しています。コンテンツの先頭には、ページ番号が読み上げられるよう、コメントを埋め込んでいます。ページが切り替わるごとに、ヘッダー(富士通ロゴ、タイトル、製品名)の内容を毎回読み上げられるのはわずらわしいため、トップページ以外では、ヘッダーを読み飛ばすように設定しています。コンテンツ内で一貫して画面下部に設置されているメニューの開始を知らせるため、「大きな特長」、「壁掛け可能」・・・と順に読み上げられる前に、必ず「メインナビゲーション」と読み上げられるよう、メニューの先頭にコメントを埋め込んでいます。ページの先頭へメニューの読み上げ画面下部に一貫して設置されたメニューは、ムービークリップとしてマウスオーバーで反転するアニメーションを設定しているため、アクセシビリティパネルで「子オブジェクトをアクセス可能にする」をチェックしても、フォーカス時にメニューのラベルを正常に読み上げてくれません。下図のように、ムービークリップ内の最上位レイヤーに透明のボタンを配置し、そのボタンのアクセシビリティパネルにメニューのラベルを設定することで、正常に読み上げられるようになります。版を用意することも、やはり重要と考えます。選択できるようにしています。キーボード操作や音声読み上げに対応できない部分は、あえてフォーカスが当たらない(読み飛ばす)措置を施しています。図の黄色で囲まれた部分では、マウスカーソルで操作できる仕掛けになっていますが、キーボード操作や音声読み上げには対応できないため、フォーカスが当たらない(読み飛ばす)ように、アクセシビリティパネルの「オブジェクトをアクセス可能にする」をオフにしています。コンテンツなどの動画においても、アクセシビリティに配慮した配色を施しています。コーポレートブランド室お問い合わせフォーム今回のご紹介したアクセシビリティに配慮するための事例は、あくまでも一例としてご紹介しています。このページをご覧いただき、アクセシビリティに対する考え方、実装方法など、皆様のこれからのホームページ制作の糧となれば幸いと存じます。