title과 alt의 차이점

근듀·2023년 5월 30일
0

궁금해요

목록 보기
4/15
post-thumbnail

✔️ title

  • 이미지 위에 마우스 포인터를 올려 놓았을 때 툴팁(풍선 도움말)처럼 뜨게 한다.

  • 이미지뿐만 아니라 a태그, span 태그 등 거의 대부분의 태그에 사용할 수 있다.

  • 웹 표준에서는 a태그에 title 속성은 필수 항목은 아니지만 권장한다.

✔️ alt

  • 이미지에 대한 대체 텍스트, 설명

  • img 태그에서는 alt 속성이 필수이다.

  • 이미지가 엑박으로 나올 경우 사용자에게 이미지에 대한 간략한 설명을 보여줄 수 있다.

  • 스크린 리더 사용 시 대체 텍스트를 읽어주어 이미지에 대한 설명을 해준다.

profile
프론트엔드 개발자 취준생입니다.

0개의 댓글