legacy-knowledge-base
公開されました Jul. 2, 2025

ウェブコンテンツアクセシビリティガイドライン(WCAG)アクセシビリティ問題

written-by

Pooja Bhambani

How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!

While we make every effort to ensure this Knowledge Base is accurate, it may not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with any feedback or concerns.

legacy-article

learn-legacy-article-disclaimer-text

問題

  • (WCAG) アクセシビリティの問題を <@liferay_ui["quick-access"]> taglib 上で解決しています。
  • 再現するための手順
    1. SLiferay 7.2 dxp-8 サーバーを起動し、Chrome ブラウザで Admin としてログインする。
    2. Theme Generator & で新しいダミーテーマを作成し、サーバーに配置する。
    3. 3.Chrome用のAxe拡張をダウンロードする https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd
    4. 新しいページを作成し、ダミーテーマを追加します。このページには <@liferay_ui["quick-access"] contentId="#main-content" /> portal_normal.ftl
    5. F12 を押して、タブ「axe」の一番右側に移動する
    6. 左下のフレームで、"Analyze "ボタンをクリックします。
    7. 結果の中に、1つだけ出てきます:"ランドマークがユニークであることを保証する(1)"。 クリックする
    結果:
    Issue description

    Landmarks must have a unique role or role/label/title (i.e. accessible name) combination

    More info
    Element location

    #jhfi_quickAccessNav

    Element source

    <nav class="quick-access-nav" id="jhfi_quickAccessNav"> <h1 class="hide-accessible">Navigation</h1> <ul> <li><a href="#main-content">Skip to Content</a></li> </ul> </nav>

    To solve this violation, you need to...
    Fix the following:

    The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
    Related node:

    #ouom_quickAccessNav

    More info: https://dequeuniversity.com/rules/axe/4.0/landmark-unique?application=AxeChrome

Environment

  • Liferay DXP 7.2
  • Liferay DXP 7.3

解決策

  • この現象は既知の問題であり、 liferay-fix-pack-dxp-9 for 7.2で修正されています。
  • この現象は既知の問題であり、 liferay-dxp-73-sp1で修正されています。
  • この問題に対してHotfixが必要な場合は、パッチの詳細を添付して、Hotfixをリクエストするサポートチケットを作成してください。
  • Liferay DXPへのFix PackとHotfixのインストール それぞれの環境でのHotfixのインストールをご案内します。

追加情報

did-this-article-resolve-your-issue

legacy-knowledge-base