html - 在 anchor 标记和文本缩进中有一些标记不起作用

Question

我在标签内创建了标签并应用了文本缩进:-9999px；但它不起作用

为了符合 ADA，我们需要在 anchor 标记内添加(新窗口)文本，但我不想显示文本，所以我使用了文本缩进

HTML:

<a href="#" target="_blank" title="">Privacy Notice<em class="textIndent">(new window)</em></a>

CSS:

.textIndent { text-indent: -9999px; display: block; }

我想在不使用 display:none 或 visibility 的情况下隐藏标签的文本

Answer 1

为了处理此类合规性，我不想让 DOM 变脏，而是添加一个带有所需警告消息的新元素并将 id 分配给该元素。不添加 aria-describedby 属性，将其值设置为要发布的消息的适当 id。如何完成的基本引用:

<a href="#" target="_blank" aria-describedby="new-win-52" class="" title="link">External Link</a>
<span hidden="" id="new-win-52">Opens in new window</span>