10장 이미지를 껐을 때 남는 것

대체 텍스트 없음

봄맞이 원데이 클래스

3월 15일 토요일 · 정원 8명

img alt=""
사진이 안 뜨면 빈 상자만 남는다

대체 텍스트 있음

봄맞이 원데이 클래스

원목 테이블에 둘러앉아 화분에 흙을 담고 있는 참가자 여섯 명

3월 15일 토요일 · 정원 8명

img alt="원목 테이블에 둘러앉아…"
사진이 안 떠도 무엇이 있었는지 남는다

「대체 텍스트 없음」이 의도적으로 잘못 만든 교보재입니다. 내용을 전달하는 사진인데 alt=""로 비워두었습니다. 장식이 아닌 이미지를 비우면 그 정보는 어디에도 남지 않습니다.

두 상자의 사진 주소는 일부러 없는 파일을 가리킵니다. 그래서 지금 보이는 화면이 곧 이미지가 뜨지 않을 때의 화면이고, 스크린리더 사용자가 늘 받는 화면이기도 합니다. 느린 네트워크, 차단된 이미지, 깨진 링크에서 같은 일이 일어납니다.

브라우저 설정에서 이미지를 꺼도 같은 결과를 볼 수 있습니다. 크롬은 설정에서 사이트 설정, 이미지, 표시 안 함 순서입니다. 자기 서비스에 적용해보면 어떤 사진이 진짜 정보였는지 금방 드러납니다. 책 10장에서 다룹니다.

실습 데모 목록으로 · 복사해서 쓰는 프롬프트 보기