[CSS] 대체 택스트 기법(ir 기법)
1. FIR 기법 Todd Fahrner가 만든 이미지 대체 기법의 시초이다. <style type="text/css"> div.aoiyuki{ background:url('./images/aoiyuki.jpg') no-repeat left top; width:264px; height:254px; } div.aoiyuki span{display:none;} </style> <div class="aoiyuki"><span>AOIYUKI の Amuse Life</span></div> ☆ 이 방법은 display:none때문에 스크린리더 프로그렘에서 읽은 수가 없습니다. 그래서 접근성이 문제가 됩니다. 2. 파크방법 <style type="text/css"> div.aoiyuki{ background:url('./images/aoiyuki.jpg') no-repeat left top; width:264px; height:254px; text-indent:-5000px; } div.aoiyuki span{display:none;} </style> <div class="aoiyuki">AOIYUKI の Amuse Life</div> ☆ 이 방법은 스크린리더에서도 잘 작동하지만 이미지를 표시하지 않고 CSS만 활성화 시킨 경우에는 텍스트를 확인 할 수가 없습니다. 3. 길더/레빈 방법 <style type="text/css"> div.aoiyuki{ width:264px; height:254px; position:relative; } div.aoiyuki span{ background:url('./images/aoiyuki.jpg') no-repeat left top; width:100%; hei...