의미가 있는 이미지를 사용할 때는 이미지의 대체 텍스트를 반드시 작성해주어야 한다 웹 접근성 측면에서 개발자는 이미지를 볼 수 없는 환경 혹은 시각장애를 가진 사용자를 고려해야 하기 때문 image 태그 사용시 alt="" 값에 이미지에 대한 설명을 써주지만 background에 이미지를 삽입하는 상황에서는 어떻게 대체 텍스트를 작성할 수 있을까? 또 image 태그의 alt 속성에 작성해야 할 텍스트가 너무 길어지는 상황에서는 더 시맨틱하게 의미를 전달할 방법은 없을까? IR기법이란? Image Replacement 의 약자로, 이미지를 볼 수 없는 사용자에게 이미지에 대한 설명을 제공해야 할 때 사용자에게 대체된 텍스트를 제공하는 기법. 방법 1) text-indent 활용 text-indent : ..