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

我们目前正在对我们的网站完成一些无障碍检查。它发现的问题之一是我们移动版本上的 2 个图标需要“可识别的文本”：

在此页面上 - https://sthelens.ac.uk/kcc-course-enquiry - 查看移动版本时，搜索图标和汉堡菜单图标没有替代文本。但是，我似乎找不到它是在哪里控制的。我找到了分配图像的 CSS 文件。我可以直接将替代文本添加到 CSS 中，还是需要在其他位置找到它？

alt和aria-label属性通常用于提供图像的可识别文本，但它们应该添加到HTML中的图像元素(img标签)或链接元素(a标签)上，而不是在CSS中添加。

要为搜索图标和汉堡菜单图标提供可识别的文本，您应该检查您的HTML代码，找到与这些图标相关的图像元素或链接元素，并将alt或aria-label属性添加到这些元素中。

对于搜索图标，您可以搜索HTML代码中包含搜索图标的图像元素，然后在其中添加alt属性。示例代码如下：

<img src="search-icon.png" alt="Search">

对于汉堡菜单图标，通常是通过CSS中的类来实现，您可能需要在相关的链接元素上添加aria-label属性。示例代码如下：

<a href="#" class="menu-icon" aria-label="Menu"></a>

请注意，这只是示例代码，具体取决于您的网站结构和使用的HTML标记。

关于为什么可能会显示两个汉堡菜单图标，这可能是由于您的HTML代码中存在重复的图标元素或类名冲突。您可以检查您的HTML代码，确保只有一个汉堡菜单图标元素，并且没有重复的类名。

由于您使用Joomla，您可能需要查找相关的模板文件或扩展程序，以编辑和更新图标的HTML代码。具体的过程可能因Joomla的版本和您所使用的模板而有所不同。在Joomla中，通常可以在模板文件中找到HTML代码，可以尝试搜索图标的类名或其他相关标识来定位它们，并进行相应的更改。

如果您有具体的Joomla版本或模板名称，我们可以提供更详细的指导。