HTML 앵커 <a> 태그 속성으로 alt는 없었구나

HTML5 logo
HTML5

아주 예전에 메모장으로 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 속성을 추가할 수 있기 때문에 이를 활용하자.

카테고리의 다른 글

  1. 티스토리에서 유니버설 애널리틱스(UA) 속성을 구글 애널리틱스 4(GA4)로 변경하기
  2. 워드프레스 사진 이미지 캡션 왼쪽 정렬하기 (GeneratePress)
  3. 티스토리 매거진 스킨 본문 폭 넓히기
  4. 워드프레스 사이트 건강 - 사용할 수 있는 기본 테마를 가지고 있습니다 / 있지 않습니다.
  5. 네이버 서치어드바이저 티스토리 사이트 구조 문제와 색인 추이

댓글 남기기