我需要知道我是否可以使用opacity: 0.01来直观地隐藏我的内容。我需要淡入滚动内容，但如果我添加opacity: 0我不知道这个效果如何屏幕阅读器和SEO。动画效果很好，0.01为值。
你们有谁知道答案吗？谢谢
通常，CSS不会影响屏幕阅读器。唯一的例外是：
前两个将隐藏屏幕阅读器中的元素。最后一个可能会将文本添加到“可访问的名称”。参见“Accessible Name and Description Computation 1.1”中的步骤2.F.ii。
屏幕阅读器会忽略不透明度。它只是改变了元素的外观，并没有将它从DOM中删除。您可以将其设置为0，屏幕阅读器仍将读取该元素。
大多数屏幕阅读器将跳过不透明度的内容：0
我不知道你从哪里得到的。我从未见过屏幕阅读器跳过opacity:0的元素。
大多数屏幕阅读器将使用opacity: 0跳过内容如果您希望您的网站可以访问我不能使用此CSS属性加载我的内容。这就是为什么我认为可能opacity: 0.01将工作。但我无法在任何地方找到任何关于此的文档。感谢关于SEO的答案。
当你把财产
不透明度：0
，所有发生的事情都是它仍然存在，意思是在代码中，实际上，它仍然占用它应该的空间，它可以用来点击东西，所有悬停效果都可以正常工作等等。因此，它不会对SEO或屏幕阅读器有任何不同的影响。
能见度：隐藏
与不透明度略有不同，因为它不需要点击事件。显示：没有完全从代码中删除它（虽然不是DOM），并且会影响SEO和屏幕阅读器，但这是由Google，Bing等不断更新的黑帽SEO技术。因此，显示属性可能会或可能不会影响SEO，但是根本不建议使用这些技术。你可以给一个元素
不透明度：0.01
然后让它回到1而没有任何问题。
如果我添加不透明度：0我不知道这个效果如何影响屏幕阅读器和SEO。
通过添加没有opacity: 0.01的aria-hidden="true"（或0），您的页面将失败1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1
所以对你的需求没有答案。如果您选择隐藏屏幕，则必须将其隐藏在屏幕阅读器中。