萤幕阅读器闪烁文字

Question

我现在正在使屏幕阅读器可以读取我的网站。

在网站上，我有一些闪烁的元素。 闪烁的实现是将元素的可见性样式从javascript更改为可见。

<span style="visiblity: visible/hidden;">Foobar</span>

我将不得不将其中一些此类元素放入咏叹调活动区域。 此时存在一个问题-闪烁的元素每次闪烁都会被大声读出。 （真的很糟糕）

我想要的是：

• 保持普通用户的“闪烁”状态
• 屏幕阅读器应用程序应将此类数据解释为普通文本，并仅读取一次

额外的障碍：

在某些情况下，闪烁的文本可能带有链接。 在这种情况下，我需要通过TAB保持可选择的文本，并且对于普通用户和具有屏幕阅读器的用户而言，链接都应“可单击”。

<a href="my_link" style="visiblity: visible/hidden;">Foobar</a>

您对如何实施有何建议？

我接受其他HTML元素和/或更改如何实现闪烁。

Answer 1

闪烁文本是一个非常糟糕的主意，不仅对于屏幕阅读器用户而言。 它会引起视障人士的极大关注，以致他们看不到页面上的其他内容。 您还可能给惯常使用的用户带来严重的麻烦。 等等

因此，我最好的答案就是，完全不用眨眼了。 简直太糟糕了。

为了给出更现实的答案，以防万一您真的因为老板的要求而不得不实施闪烁文本，最简单的方法就是使用另一个CSS属性。 例如，不透明度，颜色，字体大小，剪辑，位置。 这些不会影响屏幕阅读器。

更一般而言，显示和可见性属性会影响屏幕阅读器。 有时宽度/高度也会产生影响。 所有其他通常没有效果。