ウェブコンテンツアクセシビリティガイドライン(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.ftl5. 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