相关疑难解决方法(0)

How to hide a text and make it accessible by screen reader?

我有一个简单的文本,它会更新一个动作,我希望屏幕阅读器可以宣布它。但我不希望该文本在网页上可见。我试过display: nonevisibility: hidden,但似乎屏幕阅读器软件无法访问它们。我找到了一种方法来完成这项工作 - 即通过使用负 999999 值一直绝对定位元素,这将使其离开屏幕并从网页中隐藏。我不是这个解决方案的粉丝。有没有更优雅的方法来实现这一目标?

<span class="aria-invisible" aria-live="polite">5 selections have been made.</span>

.aria-invisible {
   display: none; //either of these two attributes
   visibility: hidden;
}
Run Code Online (Sandbox Code Playgroud)

html css accessibility wai-aria

1
推荐指数
2
解决办法
2052
查看次数

标签 统计

accessibility ×1

css ×1

html ×1

wai-aria ×1