수다닷컴

갑자기 궁금증이 생겨서 좀 물어보려구요 ㅡ,.ㅡ;;

이미지들을 모두 css상으로 넘기는부분에 대해 여러분의 생각을 듣고 싶습니다.

현재 우리가 흔히 알고 있는 것 하나가.
로고이미지에 a태그가 있을경우
- 마크업안에서는 로고이미지를 넣지 않고, 텍스트 삽입.
- css안에서는 a태그를 block으로 만들고 사이즈와 배경을 삽입, 텍스트는 text-indent를 음수값으로 설정.
이렇게 하잖아요?
위의 내용을 참조하자면, 모든 링크걸리는 이미지들을 모두 css로 넘길수가 있게 되고.
그리고 배경이미지에 텍스트가 있을경우도 위와같은 방법으로 처리가 가능한데.

위와 같은 방법과, 그냥 이미지를 삽입하는 방법. 이 둘중 어느방법이 좀더 효과적일지 의문이 들더라구요.
그리고 text-indent를 음수값으로 설정하면서, 텍스트를 안보이게 미는 방법이,
웹접근성에 합당한건지. 의문도 되고요.
저번에 다른분께 물어봤더니, text-indext를 음수값으로 설정해서 브라우저상으로 보이지는 않지만, 스크린리더기가 읽어준다고 하더라구요. 그런데 정확하게 제가 테스트를 해본게 아니라서.
다른분들께도 조언을 구합니다.
어떤방법이 좀더 효과적일거 같나요?

신청하기