Wir führen derzeit einige Barrierefreiheitsprüfungen auf unserer Website durch. Eines der festgestellten Probleme bestand darin, dass zwei Symbole in unserer mobilen Version „erkennbaren Text“ erforderten:
Auf dieser Seite – https://sthelens.ac.uk/kcc-course-enquiry – haben das Suchsymbol und das Hamburger-Menüsymbol keinen Alternativtext, wenn die mobile Version angezeigt wird. Ich kann jedoch anscheinend nicht finden, wo es gesteuert wird. Ich habe die CSS-Datei gefunden, die das Bild zuordnet. Kann ich den Alternativtext direkt zum CSS hinzufügen oder muss ich ihn woanders finden?
Weiß jemand auch, warum scheinbar zwei Hamburger-Menüs angezeigt werden?
Wenn das hilft, verwenden wir Joomla.
这些图标都在您的锚标记中，因此您在菜单中使用了两个图标。如果这些是图像，那么您应该使用“Alt”。 我们可以通过JS添加标签，但是不要强行在anchor中使用alt。来源
const anchors = document.querySelectorAll('.mobile-controls a'); anchors.forEach(anchor => { anchor.setAttribute('alt', 'Alternative text'); });