你可以直接在 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');
});