Dreamweaver を使用して、視覚、聴覚、動作などに障害を持つ人々を配慮した Web サイトおよび Web 製品を作成します。
アクセシビリティコンテンツについて
アクセシビリティとは、視覚、聴覚、運動機能、その他の障害を持つ人々がWebサイトやWeb製品を使用できるようにすることを指します。ソフトウェア製品やweb サイトのアクセシビリティ機能の例には、スクリーンリーダーサポート、グラフィックのテキスト等価物、キーボードショートカット、表示色の高コントラストへの変更などがあります。Dreamweaver では、使いやすくするツールと、アクセシブルなコンテンツをオーサリングするためのツールを提供しています。
アクセシビリティ機能を使用する必要があるDreamweaver デベロッパーのために、アプリケーションはスクリーンリーダーサポート、キーボードナビゲーション、オペレーティングシステムのアクセシビリティサポートを提供しています。
アクセシブルなコンテンツを作成する必要があるweb デザイナーのために、Dreamweaver では、スクリーンリーダーに有用なコンテンツを含み、連邦政府のガイドラインに準拠するアクセシブルなページを作成できるよう支援します。例えば、ページ要素を挿入する際に、ダイアログボックスで画像のテキスト等価物などのアクセシビリティ属性の入力が求められます。その後、視覚障害のあるユーザーがページで画像を見ると、スクリーンリーダーがその説明を読み上げます。
2つの重要なアクセシビリティイニシアチブの詳細については、World Wide Web Consortium Web Accessibility Initiative(www.w3.org/wai)および米国のセクション508を参照してください。Federal Rehabilitation Act のセクション 508(www.section508.gov)を参照してください。
日本工業規格のアクセシビリティガイドラインの詳細については、JIS X 8341-3(www.jisc.go.jp)を参照してください。
オーサリングツールで、開発プロセスを自動化することはできません。 アクセシブルなweb サイトをデザインするには、アクセシビリティ要件を理解し、障害を持つユーザーがweb ページとどのように相互作用するかについて継続的に判断を下す必要があります。web サイトがアクセシブルであることを確実にする最良の方法は、意図的な計画、開発、テスト、評価を通じることです。
Dreamweaver でのスクリーンリーダーの使用
スクリーンリーダーは、コンピューター画面に表示されるテキストを読み上げます。また、オーサリング時にアクセシビリティタグや属性で提供される、ボタンラベルやアプリケーション内の画像説明などの非テキスト情報も読み上げます。
Dreamweaver デザイナーとして、web ページの作成を支援するためにスクリーンリーダーを使用できます。スクリーンリーダーは、ドキュメントウィンドウの左上隅から読み始めます。
DreamweaverはFreedom Scientific(www.freedomscientific.com)のJAWS for WindowsとGW Micro(www.gwmicro.com)のWindow-Eyesスクリーンリーダーをサポートしています。
オペレーティングシステムのアクセシビリティ機能のサポート
Dreamweaver は、Windows と Macintosh の両方のオペレーティングシステムでアクセシビリティ機能をサポートしています。例えば、Macintoshでは、ユニバーサルアクセス環境設定ダイアログ(Apple > システム環境設定)で視覚に関する環境設定を行います。設定は、Dreamweaver ワークスペースに反映されます。
Windows オペレーティングシステムの高コントラスト設定もサポートされています。 このオプションは Windows コントロールパネルからアクティブ化し、Dreamweaver に次のような影響を与えます:
ダイアログボックスとパネルに、システムカラー設定が使用される。 例えば、色を「黒地に白」に設定すると、すべての Dreamweaver ダイアログボックスとパネルが白い前景色と黒い背景で表示されます。
コードビューには、システムカラーとウィンドウテキストカラーが使用されます。 例えば、システム色を「黒地に白」に設定してから、編集 > 環境設定 > コードカラーリングでテキスト色を変更しても、Dreamweaver はそれらの色設定を無視し、コードテキストを白い前景色と黒い背景で表示します。
デザインビューでは、修正 > ページプロパティで設定した背景とテキスト色を使用し、デザインするページをブラウザーが表示するのと同じように色をレンダリングします。
アクセシブルな ページデザイン用にワークスペースを最適化する
アクセシブルなページを 作成する場合、すべてのユーザーがコンテンツにアクセスできるように、 ラベルや説明などの情報をページオブジェクトに関連付ける必要があります。
これを行うには、各オブジェクトのアクセシビリティダイアログボックスをアクティブ化して、オブジェクトを挿入するときにDreamweaverがアクセシビリティ情報の入力を求めるようにします。環境設定のアクセシビリティカテゴリにあるオブジェクトのダイアログボックスを アクティブ化できます。
挿入時に属性を表示
アクセシビリティ ダイアログボックスをアクティブ化するオブジェクトを選択します。例えば、フォームオブジェクト、フレーム、メディア、イメージなどです。
開くときにフォーカスをパネル内に維持する
パネルに焦点を維持し、スクリーンリーダーが アクセスできるようにします。(このオプションを選択しない場合、ユーザーがパネルを開いても焦点は デザインビューまたはコードビューに残ります。)
オフスクリーンレンダリング
スクリーンリーダーを使用する場合に選択します。
新しいテーブルを挿入するとき、テーブルの挿入ダイアログボックスにアクセシビリティ属性が表示されます。
キーボードを使用して Dreamweaverをナビゲートする
キーボードを使用して、パネル、インスペクター、ダイアログ、フレーム、テーブルをマウスなしで操作することができます。
Tab キーと 矢印キーの使用は Windows でのみサポートされています。
パネルの操作
パネルタイトルの周りの点線は、そのパネルに焦点が あることを示します。スクリーンリーダーは焦点がある パネルのタイトルバーを読み上げます。
作業したいパネルが開いているが展開されていない場合は、 パネルタイトルバーに焦点を合わせてから、スペースバーを押します。スペースキーをもう一度押すとパネルが縮小されます。
オプションに複数の選択肢がある場合は、矢印 キーを使用して選択肢をスクロールし、スペースバーを 押して選択します。
パネルグループに他の パネルを開くためのタブがある場合は、開いているタブに焦点を合わせてから、左または右の 矢印キーを使用して他のタブを開きます。新しいタブを開いたら、Tab キーを押してそのパネル内のオプション間を移動します。
プロパティインスペクターの操作
展開と折りたたみが機能するには、キーボードフォーカスがプロパティインスペクター内(パネルタイトルではなく)にある必要があります。
ダイアログボックスの操作
フレームの操作
フレームの選択
テーブルの操作
右端のセルでTabを押すと テーブルに別の行が追加されます。