🧐 img의 alt,title 속성

html -> img 태그 안에 alt와 title 속성에 대해 알아보자.

alt

<img src="#" alt="이미지 내용 대체할 수 있는 설명글 삽입">

이미지 alt 속성은 해당 경로에 이미지가 없거나, 다른 곳으로 이동해 오류가 생겼을 경우, alt에 적은 텍스트가 보여진다.
alt가 필요한 제일 큰 이유는,
시각장애인들이 위 alt에 적힌 텍스트를 리더기로 듣게되며,
텍스트 글자 수는 제한이 없되 200~250자 정도까지 권장함.

👀 여기서 중요한 부분! : 의미가 없는 이미지들은 alt 속성만 추가하고, 안에 따옴표는 삭제한다.(혼란의 여지를 없애기 위함)

title

<img src="#" title="이미지 마우스 오버 시 보여지는 제목(텍스트)"

이미지 title 속성은 해당 이미지 위에 마우스 오버했을 때 보여지는 텍스트이다.

*alt와 title은 복합적인 사용이 가능하나, alt 속성은 되도록 꼭 추가해주는것이 좋음.