スクリーンリーダーでページレイアウトエディターを使用する

推奨されるシステムおよびソフトウェアの設定

快適にご利用いただくために、NVDA スクリーンリーダーの使用をお勧めします。ラップトップキーボードレイアウトの JAWS ユーザーは、ドラッグアンドドロップ操作ができない場合があります。また、JAWS ユーザーは、JAWS カーソルを使ってページ上のテーブルの位置を調整することが難しい場合があります。この説明では NVDA コマンドを使用します。

こちらで説明する方法は、画面の解像度とブラウザのズームレベルに大きく依存します。マウスポインターの大きさがクリック対象領域に合うようにするため、ブラウザのズームレベルを 110% に設定することをお勧めします。この方法でうまくいかない場合は、画面の解像度やブラウザのズーム設定を調整し、ページ上のクリック対象がマウスポインターに対して適切な大きさであることを視覚的に確認する必要があります。推奨設定であっても、このソリューションでは一貫性のある結果が得られない場合があります。

高度なページレイアウトエディターを無効にする

Lightning Experience の [設定] から、[ユーザーインターフェース] を見つけます。
[ユーザーインターフェース] 画面で、[高度なページレイアウトエディターを有効化] のチェックボックスの選択を解除します。
[保存] ボタンをクリックします。

Salesforce Classic を操作する

[プロファイルを参照] ボタンをクリックします。
[オプション] ヘッダーの下にある [Salesforce Classic に切り替え] リンクをクリックします。
ページの上部にある [設定] リンクをクリックします。
[クイック検索] 機能を介して、または [ビルド] セクションのカスタマイズリンクを展開して、修正するオブジェクトを探します。
オブジェクトの該当するページレイアウトを開き、[編集] ボタンをクリックします。

注: ページが編集モードのときは、ページタイトルに [ページレイアウトの編集] という言葉が表示されます。

ページレイアウトエディターインターフェースを理解する

ページレイアウトインターフェースは、ページの一番下にあるヘッダーレベル 1 から始まります。このヘッダーには [ページレイアウトの編集] という名前が付いています。編集モードであれば、そのすぐ下にオブジェクト名が表示されます。そうでない場合は、代わりにこちらにオブジェクト名が表示されます。
ページレイアウトキャンバスの各主要領域は、テーブルでマークされています。これらの領域内のセクションは、ネストされたテーブルです。
たとえば、[ボタン] セクションはテーブルレベル 1 であり、ページレイアウトエディターインターフェースの最初のテーブルです。このテーブルでは、以前に作成したカスタムボタンをページに追加できます。
[項目] セクションは、次のテーブルレベル 1 にあります。この領域には項目のすべてのページセクションが含まれており、作業ページキャンバスで項目のドラッグ、ドロップ、編集が可能です。ページに追加された新しい項目セクションは、こちらに表示されます。
関連リストセクションはテーブルレベル 1 で、項目セクションの下に表示されます。この領域では、ページキャンバス上で関連リストの追加、削除、並べ替えができます。
パレットは [ビュー] ドロップダウンでもマークされており、ページの一番下に位置するテーブルレベル 1 です。
クイックナビゲーションを使ってページ上のテーブル間を移動すると、階層内のレベルに関係なく、前後のテーブルに移動します。

ページに項目をドラッグする

こちらの説明書をよく読み、作業を進めてください。ページレイアウトエディターでこれらのステップを実行中に、ブラウザのウィンドウまたはタブを切り替えると、マウスのフォーカスが消える場合があります。

パレットで [表示] コンボボックスを見つけ、項目に設定されていることを確認します。
パレットテーブルを下に移動し、ドラッグする項目名の最初の文字にカーソルを合わせます。
NVDA のマウスを現在のナビゲーターオブジェクトに移動するコマンドを実行します。
左マウスボタンをクリックし、その後左マウスボタンロックを行い、ドラッグを開始します。
ページの上にある、項目を配置する項目セクションに移動します。
項目セクションテーブル内で、項目をドロップするテーブルセルを探します。このセルにはすでに存在する項目が含まれている必要があります。
既存の項目名の最初の文字にカーソルを合わせ、マウスを現在のナビゲーターオブジェクトに移動します。
左マウスボタンロックを行い、マウスのロックを解除してドラッグアンドドロップ動作を行います。新しい項目は指定したテーブルセルに配置され、すでに存在するフィールは 1 行下に押し下げられます。
テーブルを確認し、ドラッグアンドドロップが正常に完了したことを確認します。

メモ

クリック対象領域のサイズと、NVDA がこの手法でマウスフォーカスを処理する方法のため、空のテーブルセルに項目をドロップすることはできません。クリック対象領域はセル全体ではありません。項目があらかじめ設定されたテーブルのセルは、セル全体がクリック対象領域になっており、マウスをそこにフォーカスできます。

ページレイアウトパレットからドラッグアンドドロップが可能なアイテムかどうかを確認できます。[表示] ドロップダウンからテーブルに移動します。任意のセルに移動し、NVDA+f でフォントと色の情報を報告します。フォントと色の両方がグレーの場合は、そのアイテムは利用できないことを示しており、ページキャンバスにすでに存在する可能性があります。黄色に黒字の場合は、ドラッグアンドドロップが可能なアイテムであることを示しています。

空のページセクションに項目を追加する

[新規セクション作成] ボタンを使って、元のページレイアウトエディターでページに新しいセクションを追加できます。ただし、スクリーンリーダーのユーザーがネイティブの NVDA マウス移動コマンドを使って、空のセクションに項目をドラッグすることは現在できません。
サードパーティのソリューションを使用して、より正確なマウスの位置を調整できるようにする必要があります。
これは、元のページレイアウトエディターの空のテーブルセルのクリック対象領域が、セルの右下の四分の一のみであるためです。NVDA の [マウスを現在のナビゲーターオブジェクトに移動] コマンドを実行すると、フォーカスがテーブルセル要素に移動し、セルの左上隅にマウスが配置されます。

ページから項目を削除する

パレットで [表示] コンボボックスを見つけ、項目に設定されていることを確認します。
ページキャンバスの項目セクション内で、ページレイアウトから削除する項目を見つけます。
カーソルを項目名の最初の文字に合わせ、NVDA の [マウスを現在のナビゲーターオブジェクトに移動] コマンドを実行します。
左マウスボタンをクリックし、その後左マウスボタンロックを行い、ドラッグを開始します。
ページ下部の [表示] ドロップダウンの下にあるテーブルのパレットに移動します。
項目名があらかじめ入力されている任意のテーブルセルを選択します。
項目名の最初の文字にカーソルを合わせ、マウスを現在のナビゲーターオブジェクトに移動させます。
左マウスボタンロックを行い、マウスのロックを解除してドラッグアンドドロップ動作を行います。
項目が以前置かれていたテーブルをレビューして、ドラッグアンドドロップが正常に完了していることを確認します。

項目を並べ替える

項目をページの新しい場所に移動させるには、さきほど説明したステップの多くに従います。

ページキャンバス内で、移動する項目を含むテーブルを見つけます。項目を含むテーブルセルに移動し、項目名の最初の文字にカーソルを合わせます。
NVDA のマウスを現在のナビゲーターオブジェクトに移動するコマンドを実行します。
左マウスボタンをクリックし、その後左マウスボタンロックを行い、ドラッグを開始します。
ページキャンバスで項目の新しい位置を見つけます。新しいテーブルセルに、既存の項目があらかじめ入力されていることを確認します。
項目名の最初の文字にカーソルを合わせ、マウスを現在のナビゲーターオブジェクトに移動させます。
左マウスボタンロックを行い、マウスのロックを解除してドラッグアンドドロップ動作を行います。新しい項目は指定したテーブルセルに配置され、すでに存在するフィールは 1 行下に押し下げられます。
テーブルを確認し、ドラッグアンドドロップが正常に完了したことを確認します。

項目プロパティを変更する

このプロセスでは、スクリーンリーダーの使用やシステム設定を特に必要としません。

項目テーブル内で編集する項目を見つけ、その項目の上で Enter キーを押します。
ページ上部に移動し、[プロパティを編集] ボタンをクリックします。

注: 各項目セクションの上部にある [編集] リンクは、列幅やタブの順序など、セクションのプロパティを編集するためのものです。[プロパティを編集] ボタンを押すと、現在選択している項目に変更を加えるダイアログが開きます。

項目プロパティに必要な変更を加え、[OK] をクリックします。ページレイアウトエディターインターフェースに戻ります。

NVDA キーボードコマンド

アクション	デスクトップのレイアウト	ラップトップのレイアウト
マウスを現在のナビゲーターオブジェクトに移動	NVDA+ テンキースラッシュ	NVDA+SHIFT+m
左マウスボタンをクリック	テンキースラッシュ	NVDA+ 開き角カッコ
左マウスボタンロック	SHIFT+ テンキースラッシュ	NVDA+Ctrl+ 開き角カッコ
テキスト書式設定の報告	NVDA+f	NVDA+f