[SS]IR技術


IR技術?


画像置換(Image Replacement)技術は、Webアクセスのスクリーンリーダーユーザを満たすだけでなく、検索エンジン内のコンテンツを効率的に収集するために、画像を表示できないユーザに適切な代替テキストを提供する.

企業のIR技術


カカオ色

  • が画像に意味のあるテキストの代替テキストを提供する場合、
  • .
    /*PC용*/
    .ir_pm{
    	display:block;
    	overflow:hidden;
    	Font-size:1px;
    	line-height:0;
    	text-indent:-9999px;
    }
    
    /*Mobile용*/
    .ir_pm{
    	display:block;
    	overflow:hidden;
    	font-size:1px;
    	line-height:0;
    	color:transparent; 
    }
    モバイルデバイスのcolor:transparent;は、IE 9から提供されるため、PCには適用されない.
  • スクリーンリーダーの読み取りは不要であるが、寸法構造が必要であれば
  • である.
    .screen_out {
      overflow: hidden;
      position: absolute;
      width: 0;
      height: 0;
      line-height: 0;
      text-indent: -9999px;
    }
  • は、画像を閉じるときに置換テキストを表示する場合に重要な画像置換テキストです.
  • .ir_wa{
    	display:block;
    	overflow:hidden;
    	position:relative;
    	z-index:-1;
    	width:100%;
    	height:100%
    }

    NAVER

    .blind {
    	position: absolute;
    	clip: rect(0 0 0 0);
    	width: 1px;
    	height: 1px;
    	margin: -1px;
    	overflow: hidden;
    }
    IEの旧バージョンで認識できない場合がありますので、margin:-1 px;使用します.

    クーボン

    .product-search a.search {
        overflow: hidden;
        position: absolute;
        right: 0;
        width: 50px;
        height: 39px;
        background-position: -112px -71px;
        text-indent: -9em;
    }