你可以直接在 CSS 中加入 alt/aria-label 嗎？
P粉106711425
2023-09-05 14:53:48
<p>我們目前正在對我們的網站完成一些無障礙檢查。它發現的問題之一是我們行動版本上的 2 個圖示需要「可識別的文字」：</p>
<p>在此頁面 - https://sthelens.ac.uk/kcc-course-enquiry - 查看行動版本時，搜尋圖示和漢堡選單圖示沒有替代文字。但是，我似乎找不到它是在哪裡控制的。我找到了分配圖像的 CSS 檔案。我可以直接將替代文字新增到 CSS 中，還是需要在其他位置找到它？ </p>
<p>另外，有人知道為什麼似乎有 2 個漢堡選單顯示？ </p>
<p>如果這有幫助的話，我們正在使用 Joomla。 </p>
這些圖示都在您的錨標記中，因此您在選單中使用了兩個圖示。如果這些是圖像，那麼您應該使用“Alt”。 我們可以透過JS添加標籤，但不要強行在anchor中使用alt。 來源
const anchors = document.querySelectorAll('.mobile-controls a'); anchors.forEach(anchor => { anchor.setAttribute('alt', 'Alternative text'); });