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

bqujaahr  于 2023-06-07  发布在  其他
关注(0)|答案(1)|浏览(195)

我们目前正在对我们的网站进行一些可访问性检查。它已经确定的问题之一是,我们的移动的版本上的2个图标需要“可识别的文本”:
在此页面上-https://sthelens.ac.uk/kcc-course-enquiry-当查看移动的版本时,搜索图标和汉堡菜单图标没有alt文本。但是,我似乎找不到控制它的地方。我已经找到了分配图像的CSS文件。我可以直接将alt文本添加到CSS中吗?还是需要在其他位置找到它?
还有,有人知道为什么有两个汉堡菜单显示?
我们正在使用Joomla,如果这有帮助。

unftdfkk

unftdfkk1#

这些图标都在你的锚标记中,所以你在菜单中使用了两个图标。如果这些是图像,那么你应该使用“Alt”。我们可以通过JS添加标签,但你不应该在锚中强行使用alt。Source

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

相关问题