問題
- WCAG アクセシビリティ ガイドラインに準拠するために、Documents & Media ギャラリーにアップロードされた画像に代替テキストを追加したいと考えています。 どうすればそれができますか？
Environment
-
DXP 7.0+
解決策
Image 要素で新しい構造を作成しようとすると、要素の Image Description フィールドが代替テキストを提供します。
-
サイト→コンテンツ & データ→Web コンテンツ→構造タブ→追加 (+ 記号) に移動します。
-
[フィールド] の下で、 画像 要素を灰色の領域にドラッグします - フィールド 画像 および 画像の説明が必要です。
-
構造を保存する
-
それを使用して新しい Web コンテンツ記事を作成する
-
[選択] ボタンをクリックして、画像をアップロードします
-
画像の説明を [画像の説明] フィールドに書き込みます altTextTestと入力しました
-
Webコンテンツのタイトルを入力→公開
-
[サイトに移動] をクリックし、新しい Web コンテンツをページにドラッグします。
-
画像を右クリック→検査（Chromeを使用）
-
alt="altTextTest" が表示されることをアサートする
注: CKEditor を使用している場合は、手順が異なる場合があります。
多数の画像を含む大規模なデータベースがある場合は、このプロセスを自動化することをお勧めします。 役に立つかもしれない古いサードパーティの記事があります。Liferay 6.1 で画像に代替テキストを追加する 参照してください。 これはベスト エフォート型のカスタマイズであり、Liferay によって管理されていないことに注意してください。追加の支援は、当社のグローバル サービス チームによって提供されます。
追加情報