你可以直接在 CSS 中添加 alt/aria-label 吗？

Question

我们目前正在对我们的网站完成一些无障碍检查。它发现的问题之一是我们移动版本上的2个图标需要“可识别的文本”：在此页面上-https://sthelens.ac.uk/kcc-course-enquiry-查看移动版本时，搜索图标和汉堡菜单图标没有替代文本。但是，我似乎找不到它是在哪里控制的。我找到了分配图像的CSS文件。我可以直接将替代文本添加到CSS中，还是需要在其他位置找到它？另外，有谁知道为

P粉481035232 · Answer

这些图标都在您的锚标记中，因此您在菜单中使用了两个图标。如果这些是图像，那么您应该使用“Alt”。我们可以通过JS添加标签，但是不要强行在anchor中使用alt。来源

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