gpt4 book ai didi

html - 在屏幕阅读器中强制分离元素

转载 作者:行者123 更新时间:2023-12-05 04:41:27 26 4
gpt4 key购买 nike

p {
display: inline;
}
<div>
<p>You may need to etc. etc.</p>
<a href="https://www.google.co.uk" aria-label="View cooie policy (opens in a new tab)">View cooie policy</a>
</div>

当我在页面上使用上面的代码并通过屏幕阅读器(在本例中为 NVDA)访问它时,它总是会读取 p 标签中的文本,紧接着是描述和文本a 标签。我希望它们被单独阅读,更具体地说,我希望用户在阅读之前需要导航到 a 元素。这可能吗?如果可能,我该如何实现?

可能值得注意的是,当 p 未设置为 inline

时,它们总是为我单独读取

最佳答案

通过将 anchor 放在它自己的段落中,这将停止将元素作为一个整体阅读(假设您没有将屏幕阅读器设置为连续阅读,在这种情况下它的行为符合预期)。

p{
display: inline;
}
<div>
<p>You may need to etc. etc.</p>
<p><a href="https://www.google.co.uk" aria-label="View cookie policy (opens in a new tab)">View cookie policy</a></p>
</div>

关于html - 在屏幕阅读器中强制分离元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70079994/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com