css - CSS属性“opacity”是否仅在完全为0时才对屏幕阅读器隐藏内容？

我需要知道是否可以使用opacity: 0.01可视地隐藏我的内容。我需要淡入淡出滚动内容，但是如果添加opacity: 0，我不确定这会如何影响屏幕阅读器和SEO。动画可以很好地使用0.01作为值。

你们中的任何人都知道答案吗？谢谢

最佳答案

通常，CSS不会影响屏幕阅读器。唯一的例外是：


显示：无
可见度：隐藏
：before和：after伪元素
（编辑）height：0或width：0（某些屏幕阅读器/浏览器组合会忽略大小为0的元素，但不是全部）


前两个将隐藏屏幕阅读器中的元素。最后一个可能会在“可访问名称”中添加文本。请参见“ Accessible Name and Description Computation 1.1”中的步骤2.F.ii。

屏幕阅读器会忽略不透明度。它仅更改元素的外观，而不会将其从DOM中删除。您可以将其设置为0，屏幕阅读器仍会读取该元素。


  大多数屏幕阅读器都会跳过不透明的内容：0


我不确定你从哪里得到的。我从未见过屏幕阅读器跳过了opacity:0元素。

关于css - CSS属性“opacity”是否仅在完全为0时才对屏幕阅读器隐藏内容？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54072665/