img, src, alt로 의미 있는 이미지를 문서에 넣습니다.
src는 이미지 파일의 위치, alt는 이미지가 로드되지 않거나 화면 읽기 도구가 사용할 대체 설명입니다. figure와 figcaption을 쓰면 이미지와 설명을 하나의 콘텐츠로 묶을 수 있습니다.
예제에서는 <img src="photo.jpg" alt="이미지 설명"> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 alt를 실제 그림을 보지 못한 사람도 이해할 수 있는 문장으로 바꿔보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
정보를 전달하는 이미지의 alt를 파일명이나 '이미지'라고만 적지 마세요.
직접 바꿔보세요alt를 실제 그림을 보지 못한 사람도 이해할 수 있는 문장으로 바꿔보세요.