아주 예전에 메모장으로 HTML 태그를 써 가며 홈페이지를 만들던 때가 있었는데 당시에는 앵커 태그 <a>에도 alt (alternative text) 속성을 부여했던 것 같은데 찾아보니 아니다. 예전부터 아니었는지는 잘 모르겠지만 내 기억으로는,
<a href="https://www.abc.com" target="_blank" alt="에이비씨 홈피">abc</a>
라고 하고 마우스 커서를 해당 하이퍼링크 텍스트 위에 올리면 웹브라우저 하단에 alt에 해당하는 내용이 나타났던 걸로 기억한다. 그런데 다시 찾아보니 앵커 태그에 alt 속성은 없다.
그래도 나랑 비슷한 기억? 생각?을 갖고 있는 사람이 없지는 않은 것 같다. 비슷한 질문들이 있기는 하다. 뭐 역시나 답변도 "The alt attribute is not allowed on the a element." 라고...
네이버 서치어드바이저에도 이미지<img>에 alt를 넣어달라고는 써 있지만 앵커<a>에는 그런 설명이 없다.
alt를 적용할 수 있는 요소는 <img>, <area>, <input>뿐이었다.
아무튼 결론,
- alt 속성은 <a>에 쓰지 말고 <img>에만 사용하자.
- 혹시 필요하다면, <a>에는 alt와 비슷한 기능을 하는 aria-label 속성을 추가할 수 있기 때문에 이를 활용하자.