study/clab-26-1/week1

[giscus[bot]]

study/clab-26-1/week1

SEOJing's 프론트엔드 개발 블로그 플랫폼

https://seojing.tjwlsrb1021.workers.dev/blog/study/clab-26-1/week1

[chjnett]

alt를 생략하면 대표적으로 2가지 문제가 발생합니다
첫번째로는 웹 접근성의 문제인데 시각장애인들은 스크린리더로 화면의 내용을 소리로 듣지만 alt가 없으면 이미지의 파일명만 읽어서 불편함을 느낍니다
두번째로는 구글의 크롤링 봇과 같이 검색엔진의 봇은 alt의 내용을 바탕으로 페이지를 파악하지만
주요한 키워드가 담긴 alt가 없으면 페이지 검색 순위에 악영향을 미치고 이미지 등록에 문제가 생길 수 있습니다

장식용 이미지의 처리 방법
1.background-image 속성을 사용하기
2.alt의 속성을 비워버리기>>alt=""

[gmrdytjr12]

alt를 생략해 버릴 경우 웹 페이지에서 이미지를 불러오는 데에 실패했을 경우 그 자리에 있었던 이미지를 파악하는 데에 문제가 발생해 가독성에 문제가 발생할 것이며, 검색 엔진이 페이지에 대한 정보를 파악하는 과정에서 페이지에 첨부된 이미지의 alt가 비어있다면 페이지에 대한 검색 엔진의 우선도가 떨어질 것 같다고 생각합니다. 또한 단순한 장식용 이미지로써 화면의 여백을 채우기 위해서라면 {alt=""}와 같이 alt의 값을 비워놓으면 좋울 것 같다고 생각합니다.

[marxhtpfls]

1. alt 속성 생략 시 발생하는 문제
   이미지가 표시되지 않을 때 alt 속성이 있다면 텍스트로 내용을 짐작할 수 있지만, 속성이 존재하지 않는다면 사용자는 무슨 내용이 있었는지 알 수 없게 됩니다. 또한 이미지 검색에 노출될 기회가 사라집니다.

2. 장식용 이미지 속성 처리
   alt=""를 사용해 값을 비워두는 방식을 사용해야 합니다.

[jihyun808]

태그에 alt 속성을 생략하게 되면 사용자에게 이미지의 파일명이라는 불필요한 정보를 전달하게 됩니다. 또한 검색 엔진에서 어떤 이미지인지 파악할 수 없어 비효율적입니다.
alt=""와 같이 내용을 비우는 것으로 처리할 수 있습니다.