Dreamweaver のアクセシビリティ機能

最終更新日 : 2021年4月27日

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がアクセシビリティ情報の入力を求めるようにします。環境設定のアクセシビリティカテゴリにあるオブジェクトのダイアログボックスを アクティブ化できます。

編集/環境設定(Windows)または Dreamweaver/環境設定(Mac OS)を選択します。
左側のカテゴリリストから「アクセシビリティ」を選択し、 オブジェクトを選択して、以下のオプションを設定し、「OK」をクリックします。

挿入時に属性を表示

アクセシビリティ ダイアログボックスをアクティブ化するオブジェクトを選択します。例えば、フォームオブジェクト、フレーム、メディア、イメージなどです。

開くときにフォーカスをパネル内に維持する

パネルに焦点を維持し、スクリーンリーダーが アクセスできるようにします。(このオプションを選択しない場合、ユーザーがパネルを開いても焦点は デザインビューまたはコードビューに残ります。)

オフスクリーンレンダリング

スクリーンリーダーを使用する場合に選択します。

メモ

新しいテーブルを挿入するとき、テーブルの挿入ダイアログボックスにアクセシビリティ属性が表示されます。

キーボードを使用して、パネル、インスペクター、ダイアログ、フレーム、テーブルをマウスなしで操作することができます。

メモ

Tab キーと 矢印キーの使用は Windows でのみサポートされています。

ドキュメントウィンドウで、Control+F6 を 押してパネルに焦点を移します。

パネルタイトルの周りの点線は、そのパネルに焦点が あることを示します。スクリーンリーダーは焦点がある パネルのタイトルバーを読み上げます。

Ctrl+F6 を再度押して、作業したいパネルにフォーカスが移るまでフォーカスを移動します。(Control+Shift+F6 を 押すと、前のパネルに焦点を移動します。)
作業したいパネルが開いていない場合は、ウィンドウメニューの キーボードショートカットを使用して適切な パネルを表示してから、Control+F6 を押します。

作業したいパネルが開いているが展開されていない場合は、 パネルタイトルバーに焦点を合わせてから、スペースバーを押します。スペースキーをもう一度押すとパネルが縮小されます。

Tab キーを押して パネル内のオプション間を移動します。
必要に応じて矢印キーを使用して移動できます。
  • オプションに複数の選択肢がある場合は、矢印 キーを使用して選択肢をスクロールし、スペースバーを 押して選択します。

  • パネルグループに他の パネルを開くためのタブがある場合は、開いているタブに焦点を合わせてから、左または右の 矢印キーを使用して他のタブを開きます。新しいタブを開いたら、Tab キーを押してそのパネル内のオプション間を移動します。

プロパティインスペクターが表示されていない場合は、Ctrl+F3 を押して表示してください。
プロパティインスペクターに焦点が移動するまで Control+F6(Windows のみ)を押します。
Tab キーを押してプロパティインスペクター オプション間を移動します。
必要に応じて矢印キーを使用してオプションの選択肢間を移動します。
Control+下向き矢印/上向き矢印(Windows)またはCommand+下向き矢印/上向き矢印(Macintosh)を押して、必要に応じてプロパティインスペクターの展開セクションを開いたり閉じたりします。または、右下角の展開矢印に焦点を合わせてスペースバーを押します。
メモ

展開と折りたたみが機能するには、キーボードフォーカスがプロパティインスペクター内(パネルタイトルではなく)にある必要があります。

Tabキーを押してダイアログボックス内の オプションを移動します。
矢印キーを使用して、オプションの選択項目間を移動します。
ダイアログにカテゴリリストがある場合は、Ctrl+Tab(Windows)を押してカテゴリリストにフォーカスを移動し、矢印キーを使用してリスト内を上下に移動します。
Control+Tabをもう一度押してカテゴリのオプションに移動します。
Enter キーを押してダイアログボックスを終了します。
文書にフレームが含まれている場合は、 矢印キーを使用してフレームに焦点を移すことができます。

フレームの選択

Alt+下向き矢印を押して挿入ポイントをドキュメントウィンドウに移動します。
Alt+上向き矢印を押して現在 焦点があるフレームを選択します。
Alt+上向き矢印を押し続けてフォーカスをフレームセットに移し、ネストされたフレームセットがある場合は、さらに親フレームセットに移動します。
Alt+下向き矢印を押して子フレームセット またはフレームセット内の単一フレームに焦点を移します。
単一フレームに焦点がある状態で、Alt+左または右 矢印を押してフレーム間を移動します。
必要に応じて矢印キーを使用するかTabを押して テーブル内の他のセルに移動します。
メモ

右端のセルでTabを押すと テーブルに別の行が追加されます。

セルを選択するには、挿入ポイントがセル内にある間にControl+A(Windowsのみ)を押します。
テーブル全体を選択するには、挿入ポイントがセル内にある場合はControl+Aを2回押し、セルが選択されている場合は1回押します。
テーブルから離脱するには、挿入ポイントがセル内にある場合はControl+Aを3回、セルが選択されている場合は2回、テーブルが選択されている場合は1回押してから、上、左、または右矢印キーを押します。