포럼

IR(Image Replacement) 기법이란 무엇입니까?

의미가 포함되어 있는 이미지를 배경으로 처리하고 대신 전경에 상응하는 텍스트를 넣는 방법으로써 시각이 있는 사용자는 이미지로 처리된 화면을 볼 수 있지만 '화면 낭독기를 사용하는 시각 장애인, CSS 제거, 인쇄' 시에는 텍스트 데이터에 접근하거나 텍스트를 볼 수 있는 형태로 설계하는 기법을 말합니다. 이 기법의 장점은 접근성을 떨어뜨리지 않으면서도 검색엔진으로부터 높은 가중치를 받을 수 있다는 점 입니다. 한편 모바일 브라우징 장치에서 전송 요금 등을 고려하여 일부러 이미지를 끈 상태로 웹 사이트를 이용하는 사용자에게는 이미지와 텍스트가 모두 출력되지 않기 때문에 치명적일 수 있습니다. 따라서 의미가 포함된 이미지는 전경으로 처리한다는 원칙을 먼저 세우고 여러 조각의 이미지가 전송 성능에 영향을 미치지 않도록 고려해야 하는 경우에만 Sprite(조각난 이미지들을 하나의 이미지로 배경 처리해서 전송 성능을 높이는) 기법과 함께 사용하는 것이 좋습니다.


지금 xe 레이아웃의 h1관련 질문입니다.

사용하는 레이아웃의 css는 

.header,
.footer{background:url(bgHeaderFooter.gif) no-repeat}

.header{position:relative;z-index:2;zoom:1;background-position:0 -42px;background-color:#fff}
.header h1{margin:0}
.header h1 a{display:block;width:200px;height:0;padding:81px 0 0 0;overflow:hidden}

html은
<h1><a href=">XE : Xpress Engine</a></h1>

img는  

이런 형태입니다.

이런 형식의 처리방법이라면 비권장이 아닌가 싶어서 여쭤 봅니다.

참 위글에는 없지만 프린트시에 h1으로 사용하고 있는 로고가 프린트 안될 수 있다면서 비권장 이유를 추가해 주신걸로 알고 있습니다.






글쓴이 제목 최종 글
XE 공지 정치와 관련 되거나 욕설 포함된 컨텐츠 작성에 주의 부탁드립니다.  
ForHanbi 다음 버전업에서는 이 부분 수정해 주세요. [1] 2011.01.19 by criuce
SMaker 테스트 좀 부탁드려요 ;) [4] 2011.01.18 by reon
misol 자료실에 파일을 올릴때 있었으면 하는 항목들. [2] 2011.01.18 by SMaker
필카페 로그인 관련 xe의 오류???  
misol 설문조사를 한번 해보아요. [6] 2011.01.17 by DuRi
명랑폐인™ 개편후에 자료실에 코멘트를 할수가 없네요. [2] 2011.01.16 by 카르마
zero XE Core 및 XE개발팀의 모듈 참여에 대해... [9] 2011.01.15 by Garon
난다날아 음력지원모듈의 회원 관리 스킨 ver 0.3을 올렸는데 목록에서 클릭하면 0.2가 뜹니다. [1] 2011.01.15 by 난다날아
친절뺀질이 위젯스킨 내에 위젯코드를 삽입하여 다른 위젯을 출력할 수 있나요?  
SMaker XE 코어 프로젝트 참여는 어떻게 할 수 있을까요? [5] 2011.01.14 by misol
SMaker 괜찮은 방법 없을까요? [7] 2011.01.14 by SMaker
정찬명 XE 공식 웹사이트에 사용된 스킨은 배포가 되지 않습니다. [19] 2011.01.14 by neostream
nuryura xe의 외부 솔루션과의 연동성 개선책이 필요해 보입니다. [4] 2011.01.13 by nuryura
SMaker setCookie 함수 제대로 작동하는건가요? [1] 2011.01.13 by 카르마
ForHanbi 지금 레이아웃에서 사용하는 h1 IR기법에 대해 정찬명님께 질문드립니다. [2] 2011.01.13 by ForHanbi
misol 프로젝트 모듈 수정해주세요.. [1] 2011.01.13 by XE Developers
카르마 새로운 템플레이트 문법의 문제 [2] 2011.01.13 by XE Developers
카르마 개발 및 테스트 환경 [2] 2011.01.12 by 현원
SMaker 아직 모바일 기능이 부족하지 않나 생각해봅니다. [6] 2011.01.11 by 트루퍼
misol 언어번역 요청 게시판 괜찮네요 ㅋㅋㅋ