CSS に alt/aria-label を直接追加できますか?

Question

現在、ウェブサイトのアクセシビリティチェックをいくつか完了しています。見つかった問題の 1 つは、モバイル バージョンの 2 つのアイコンに「認識可能なテキスト」が必要であるということでした:

このページ - https://sthelens.ac.uk/kcc-course-enquiry - モバイル版を表示すると、検索アイコンとハンバーガー メニュー アイコンには代替テキストが表示されません。しかし、どこで制御されているのかがわかりません。画像を割り当てるCSSファイルを見つけました。代替テキストを CSS に直接追加できますか? それとも別の場所で見つける必要がありますか?

あと、ハンバーガー メニューが 2 つ表示されているように見える理由を知っている人はいますか?

これが役立つ場合は、Joomla を使用しています。

Answer 1

アイコンは両方ともアンカー タグ内にあるため、メニューで 2 つのアイコンを使用していることになります。これらが画像の場合は、「Alt」を使用する必要があります。 JS を通じてタグを追加できますが、アンカーでの alt の使用を強制しないでください。 ＃＃＃ソース＃＃＃＃＃＃ リーリー