アクセシビリティメニューの使用方法
Liferay DXP 2024.Q2+/Portal GA120+
Liferayにおけるアクセシビリティに関するほとんどの改善点は、デフォルトでプラットフォーム全体に適用されるため、すべてのユーザーがアクセシビリティの向上による恩恵を受けることができます。 しかし、特定の行動については、サイトを閲覧する個人が判断する方が望ましい。 Liferay DXP 2024.Q2/Portal GA120以降、これらの設定はアクセシビリティメニューから利用できます。
アクセシビリティメニューを有効にすると、サイトのユーザーは以下の設定でエクスペリエンスをカスタマイズできます。
| 設定 | 有効にすると… |
|---|---|
| 下線付きリンク | すべてのリンクに下線効果を強制的に適用し、視認性を向上させます。 |
| テキスト間隔を広げる | テキスト文字間の水平方向の間隔を広げてください。 |
| 拡張テキスト | 切り詰められたテキストをすべて展開します。 |
| 動作の減少 | すべての動作とアニメーションを停止します。 |
| フォーカスリングアニメーション | フォーカスが新しい要素に移動したときに、拡大アニメーションを追加します。 |
アクセシビリティメニューを有効にする
サイトまたはインスタンススコープでアクセシビリティメニューを有効にできます。 セルフホスト型のLiferayを使用している場合は、システムスコープで有効にすることもできます。
-
サイトスコープでメニューを有効にするには、 サイトメニュー (
) → 設定 → サイト設定 を開きます。インスタンス スコープでメニューを有効にするには、 グローバル メニュー (
) → コントロール パネル → インスタンス設定 を開きます。 -
アクセシビリティのエントリを見つけて、 アクセシビリティメニューを有効にするをクリックします。
-
保存 または 更新 をクリックしてください。
アクセシビリティメニューの使用方法
-
有効にしたら、ブラウザウィンドウを更新し、 Tab キーを 2 回押します。 アクセシビリティメニューを開くオプションが表示されます。
-
を押して を入力するとメニューが開きます。
-
または、ユーザーメニューを開いて、 アクセシビリティメニューをクリックします。
-
目的のオプションを切り替えて、完了したらウィンドウを閉じます（ X をクリックするか、 Escを押します）。
メニューに戻るには、Tabキー（UI要素間を順方向に移動）またはShift+Tabキー（逆方向に移動）を使用できます。 アクセシビリティメニューを探し始める際の状況によっては、キー操作を数回繰り返す必要があるかもしれません。
設定リファレンス
ゲストユーザーがサイト上で機能性クッキーを許可した場合、アクセシビリティメニューで選択した内容はローカルに保存されます。 認証済みユーザーの設定はデータベースに保存されます。 ユーザーの設定がデータベースに保存されていない場合、デフォルト値に戻る前にローカルストレージがチェックされます。
下線付きリンク: リンクの視認性を高めるために下線効果を強制します。
テキスト間隔を広げる: テキスト文字間の水平方向の間隔を広げて、読みやすさを向上させます。
展開されたテキスト: デフォルトでは、切り詰められたテキストをすべて展開して完全なメッセージを表示します。
動きを減らす: すべての動きとアニメーションを停止して、トランジションやその他の動きの効果を非表示にします。
Liferay DXP 2026.Q3+
フォーカスリングアニメーション: Tab キーで移動した要素を囲むハイライトであるフォーカスリングをアニメーション化します。 焦点が新しい要素に到達すると、リングは拡大表示され、その後通常のサイズに縮小し、新しい要素に視線を引きつけます。 ブラウザのタブに戻ると、リングが再びアニメーション表示されるので、どこまで作業していたかを確認できます。 「モーション低減」も有効にすると、フォーカスリングはアニメーションなしで表示されます。
