你可以直接在 CSS 中加入 alt/aria-label 嗎？

Question

我們目前正在對我們的網站完成一些無障礙檢查。它發現的問題之一是我們行動版本上的 2 個圖示需要「可識別的文字」：

在此頁面 - https://sthelens.ac.uk/kcc-course-enquiry - 查看行動版本時，搜尋圖示和漢堡選單圖示沒有替代文字。但是，我似乎找不到它是在哪裡控制的。我找到了分配圖像的 CSS 檔案。我可以直接將替代文字新增到 CSS 中，還是需要在其他位置找到它？

另外，有人知道為什麼似乎有 2 個漢堡選單顯示？

如果這有幫助的話，我們正在使用 Joomla。

Answer 1

這些圖示都在您的錨標記中，因此您在選單中使用了兩個圖示。如果這些是圖像，那麼您應該使用“Alt”。 我們可以透過JS添加標籤，但不要強行在anchor中使用alt。 來源

const anchors = document.querySelectorAll('.mobile-controls a');
anchors.forEach(anchor => {
    anchor.setAttribute('alt', 'Alternative text');
});