IR / Image Replace (단일이미지)

Bella Kang·2023년 1월 26일

🤔IR / Image Replacement?

웹 접근성을 따르기 위해 이미지가 표시되지 않을 경우나 시각적 도움이 필요한 이들에게 이미지를 대체하는 텍스트를 제공하는 기법

  • 실체는 text지만, 시각적으로 이미지로 교체하는 방법
  • 리더기가 읽을 땐 텍스트를 읽지만, 비장애들을 이미지를 볼 수 있다.
  • 링크가 걸려있는 경우 무조건 a태그에 IR을 걸어야 한다.
  • 마우스 오버시 이미지 교체 효과를 쉽게 줄 수 있다.

주로 쓰이는 기법

  • Phark Method
  • WA IR
  • Screen out

img alt
대체 텍스트를 사용하는 방법 중 하나는 img 태그의 alt 속성을 이용하는 것이다.
하지만 IS기법을 사용하는 경우가 많기에 대체 텍스트를 따로 분리하고 화면에는 보이지 않지만 스크린리더기에는 읽힐 수 있도록 웹 접근성에 맞춰주는 것이 좋다.

profile
웹퍼블리싱, 웹디자인, uiux 프로덕트 디자인까지

0개의 댓글