Fatal编程技术网
  • css/
  • CSS属性是否会；不透明度“；仅在精确为0时对屏幕阅读器隐藏内容？

CSS属性是否会；不透明度“；仅在精确为0时对屏幕阅读器隐藏内容？

css

CSS属性是否会；不透明度“；仅在精确为0时对屏幕阅读器隐藏内容？,css,accessibility,css-animations,visibility,screen-readers,Css,Accessibility,Css Animations,Visibility,Screen Readers,我需要知道是否可以使用opacity:0.01以可视化方式隐藏我的内容。我需要在滚动条上淡入内容，但如果我添加opacity:0，我不确定这会如何影响屏幕阅读器和SEO。动画效果良好，值为0.01 你们有谁知道这个问题的答案吗？谢谢你把财产 不透明度：0 ，所有发生的事情是，它仍然存在，这意味着在代码中，实际上，它仍然占据了它应该占据的空间，它可以用来点击东西，所有悬停效果都会很好地工作，等等。因此，它对SEO或屏幕阅读器没有任何不同的影响 可见性：隐藏 与不透明度稍有不同，因为它不接受单击事件

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

你们有谁知道这个问题的答案吗？谢谢你把财产

不透明度：0

，所有发生的事情是，它仍然存在，这意味着在代码中，实际上，它仍然占据了它应该占据的空间，它可以用来点击东西，所有悬停效果都会很好地工作，等等。因此，它对SEO或屏幕阅读器没有任何不同的影响

可见性：隐藏

与不透明度稍有不同，因为它不接受单击事件。显示：没有人会将其从代码中完全删除（虽然不是DOM），并会影响SEO和屏幕阅读器，但这就是blackhat SEO技术，Google、Bing等会不断更新这些技术。因此，显示属性可能会也可能不会影响搜索引擎优化，但不建议使用此类技术。你可以给出一个元素

不透明度：0.01

然后将其返回到1，没有任何问题。

当您放置属性时

不透明度：0

，所有发生的事情是，它仍然存在，这意味着在代码中，实际上，它仍然占据了它应该占据的空间，它可以用来点击东西，所有悬停效果都会很好地工作，等等。因此，它对SEO或屏幕阅读器没有任何不同的影响

可见性：隐藏

与不透明度稍有不同，因为它不接受单击事件。显示：没有人会将其从代码中完全删除（虽然不是DOM），并会影响SEO和屏幕阅读器，但这就是blackhat SEO技术，Google、Bing等会不断更新这些技术。因此，显示属性可能会也可能不会影响搜索引擎优化，但不建议使用此类技术。你可以给出一个元素

不透明度：0.01

然后返回到1，没有任何问题。

大多数屏幕阅读器都会跳过不透明度为0的内容。如果您希望您的网站可以访问，我无法使用此CSS属性加载我的内容。这就是为什么我认为，
opacity:0.01
可能会起作用。但是我在任何地方都找不到关于这个的任何文档。感谢您提供有关SEO的答案。

大多数屏幕阅读器都会跳过不透明度为0的内容。如果您希望您的网站可以访问，我无法使用此CSS属性加载我的内容。这就是为什么我认为，
opacity:0.01
可能会起作用。但是我在任何地方都找不到关于这个的任何文档。感谢您对SEO的回答。

一般来说，CSS不会影响屏幕阅读器。唯一的例外是：

  • 显示：无
  • 可见性：隐藏
  • ：在伪元素之前和：在伪元素之后
  • （编辑）高度：0或宽度：0（某些屏幕阅读器/浏览器组合忽略大小为0的元素，但不是全部）
前两个将对屏幕阅读器隐藏元素。最后一个可能会在“可访问名称”中添加文本。请参阅“”中的步骤2.F.ii

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

大多数屏幕阅读器将跳过不透明度为0的内容

我不知道你是从哪里弄来的。我从未见过屏幕阅读器跳过不透明度为0的元素。

一般来说，CSS不会影响屏幕阅读器。唯一的例外是：

  • 显示：无
  • 可见性：隐藏
  • ：在伪元素之前和：在伪元素之后
  • （编辑）高度：0或宽度：0（某些屏幕阅读器/浏览器组合忽略大小为0的元素，但不是全部）
前两个将对屏幕阅读器隐藏元素。最后一个可能会在“可访问名称”中添加文本。请参阅“”中的步骤2.F.ii

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

大多数屏幕阅读器将跳过不透明度为0的内容

我不知道你是从哪里弄来的。我从未见过屏幕阅读器跳过透明度为0的元素

如果我添加不透明度：0，我不确定这会如何影响屏幕阅读器和SEO

如果添加不带
aria hidden=“true”
的
opacity:0.01（或0），页面将失败

所以你的需求没有答案。如果选择从屏幕隐藏，则必须从屏幕阅读器中隐藏

如果我添加不透明度：0，我不确定这会如何影响屏幕阅读器和SEO

如果添加不带
aria hidden=“true”
的
opacity:0.01（或0），页面将失败


所以你的需求没有答案。如果您选择从屏幕隐藏，则必须从屏幕阅读器中隐藏。
不确定屏幕阅读器是什么意思，但如果您担心SEO，则不会，不透明性不会影响SEO。最佳做法是使页面对用户友好。到第二年，算法变得越来越智能。只需让你的页面正常工作，并为人们提供友好的内容和体验。@Krunx屏幕阅读器是一种帮助盲人或视力受损者访问页面的技术。如果你想遵守现代国际可及性标准，那么它们是很重要的。事实上，在某些行业，不符合可访问性标准的网站可能被视为非法或歧视性的。不确定你所说的屏幕阅读器是什么意思，但如果你担心SEO，那么不，不透明性不会影响SEO。最佳做法是使页面