[CSS]스크린리더 사용자를 위한 IR(Image Replacement) 테크닉

minkyeongJ·2022년 4월 19일
0

코드라이언FE

목록 보기
19/23
post-custom-banner

IR 기법

1. 개념

일반적으로 쇼핑몰의 경우 상품 상세페이지를 이미지로 업로드한다. 이미지를 볼 수 있는 경우에는 제품의 정보를 알 수 있지만 볼 수 없는 경우에는 물건의 정보를 어떻게 파악 할 수 있을까?
제품마다의 정보를 줄 글로 제시하기에는 미적으로 행복하지 않을 것이다.

그럴 때 사용하는 기법이 IR기법이다.

IR기법은 스크린리더가 읽을 수 있도록 내용을 적어두되 화면상 보이지 않게하는 장치를 말한다.

이미지를 설명하는 용도 이외에 다양한 상황에서 사용하고, IR기법은 그 사용방법이 아주 다양해 회사에서 선호하는 사용법이 있다.

2. 사용법

2.1 카카오

2.2 네이버

2.3 쿠팡

profile
멋진 프론트엔드 개발자를 위하여!
post-custom-banner

0개의 댓글