Bolehkah anda menambah alt/aria-label terus dalam CSS?

Question

Kami sedang melengkapkan beberapa semakan kebolehaksesan di tapak web kami. Salah satu isu yang ditemui ialah 2 ikon pada versi mudah alih kami memerlukan "teks yang boleh dikenali":

Pada halaman ini - https://sthelens.ac.uk/kcc-course-enquiry - ikon carian dan ikon menu hamburger tidak mempunyai teks alt semasa melihat versi mudah alih. Walau bagaimanapun, saya seperti tidak dapat mencari di mana ia dikawal. Saya menjumpai fail CSS yang memberikan imej. Bolehkah saya menambah teks alt terus ke CSS, atau adakah saya perlu mencarinya di tempat lain?

Selain itu, adakah sesiapa tahu mengapa kelihatan ada 2 menu hamburger dipaparkan?

Jika ini membantu, kami menggunakan Joomla.

Answer 1

Ikon ini kedua-duanya ada dalam tag sauh anda, jadi anda menggunakan dua ikon dalam menu anda. Jika ini adalah imej, maka anda harus menggunakan "Alt". Kita boleh menambah tag melalui JS, tetapi jangan paksa penggunaan alt dalam sauh. Sumber

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