IR技術テキストを隠す

2498 ワード

html CSS テキストリンク

imgラベルは、altプロパティを置換テキストのソースとして使用します.置換テキストが長すぎる場合は、個別のテキスト要素を追加し、スクリーンリーダーが読み取りおよび非表示にできるようにします.
これを画像置換技術と呼ぶ.

悪い方法

visibility: hidden;
display: none;

width:0;
height:0;
font-size: 0;
line-height: 0;

このように要素を削除すると、スクリーンリーダーは読み込めません.

SoSo 1つの方法

text-indent: -9999px;

画面外からテキストをポップアップする方法があります.
リアの隣人の大きさから見ると、性能の問題が発生します.

Best

 position: absolute;
 width:1px;
 height:1px;
 margin:-1;
 clip: rect(0,0,0,0,);
 overflow: hidden;

position: absoluteは親基準のabsoluteの位置です!clip: rect()はtop,right,bottom,leftで指定された位置のみに表示される値です!

この問題について(IR技術テキストを隠す), 我々は、より多くの情報をここで見つけました https://velog.io/@wlgns2223/IR-기법-텍스트-숨기기

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol