Können Sie alt/aria-label direkt in CSS hinzufügen?

Question

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.

Answer 1

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

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