[접근성] 배경이미지에 대체텍스트 - IR (Image Replacement) 기법

한번이라도 웹 접근성을 고려해 웹 설계를 해봤다면 IR기법이 생소하진 않을것이다. 필자도 항상 접근성을 고려한 웹 개발을 하려고 노력은 하고 있지만, 요즘은 혼자서 개발을 맡게 되면서 많이 신경을 쓰지 못하게 된것같아 반성하고 있다. 그런 의미로 오늘 IR기법을 시작으로 접근성 관련 포스트를 올리면서 초심(?)을 잃지 않도록 노력하려한다 IR기법(Image Replacement) 의미있는 이미지를 배경처리하고 그에 상응하는 내용을 텍스트로 기입해 역활이나 의도를 명시하는 방법이다. 보통 img 태그에 alt 속성을 이용하면 따로 이 작업이 필요없지만 CSS background 속성을 사용해 이미지를 넣는 경우도 많기 때문에 모든 사용자에게 동일한 정보 제공을 하기 위해선 알아두면 좋은 기법이다. 텍스트는..

2022.02.26