Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
对于隐藏元素(由 CSS 隐藏),例如加载器图像/“请稍候”文本等,适当的 WAI ARIA 处理是什么?我想避免这些在最初隐藏时被屏幕阅读器读出。
使用 CSSdisplay:none或visibility:hidden; 这两个都得到了所有主要屏幕阅读器的广泛支持。请注意,如果您已经在使用这些 - 那么您就完成了!除了这些之外,没有必要使用 aria-hidden 。
display:none
visibility:hidden
警惕其他隐藏事物的方式:使用较大的负偏移/边距或零高度/宽度可能在一两个浏览器/屏幕阅读器组合中起作用,但不是全部。因此,例如,如果通过将元素高度设置为 0 来隐藏元素,请确保在动画结束时设置 display:none 或 visibility:false。
以下是有关此信息的一些来源: