CSS에 직접 alt/aria-label을 추가할 수 있나요?

Question

현재 웹사이트의 일부 접근성 점검을 완료하고 있습니다. 발견된 문제 중 하나는 모바일 버전의 아이콘 2개에 "인식 가능한 텍스트"가 필요하다는 것입니다.

이 페이지 - https://sthelens.ac.uk/kcc-course-enquiry - 모바일 버전을 볼 때 검색 아이콘과 햄버거 메뉴 아이콘에 대체 텍스트가 없습니다. 그런데 어디서 관리하는지 찾을 수가 없네요. 이미지를 할당하는 CSS 파일을 찾았습니다. 대체 텍스트를 CSS에 직접 추가할 수 있나요, 아니면 다른 곳에서 찾아야 하나요?

그리고 왜 햄버거 메뉴가 2개나 보이는지 아는 사람 있나요?

도움이 되신다면 Joomla를 사용해 보세요.

Answer 1

이 아이콘은 모두 앵커 태그에 있으므로 메뉴에서 두 개의 아이콘을 사용하고 있습니다. 이미지인 경우 "Alt"를 사용해야 합니다. JS를 통해 태그를 추가할 수 있지만 앵커에서 Alt를 강제로 사용하지는 마세요. 출처

으아악