我们目前正在对我们的网站完成一些无障碍检查。它发现的问题之一是我们移动版本上的 2 个图标需要“可识别的文本”：
在此页面上 - sthelens.ac.uk/kcc-course-… - 查看移动版本时，搜索图标和汉堡菜单图标没有替代文本。但是，我似乎找不到它是在哪里控制的。我找到了分配图像的 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版本或模板名称，我们可以提供更详细的指导。
