我现在正在使屏幕阅读器可以读取我的网站。
在网站上,我有一些闪烁的元素。闪烁的实现是将元素的可见性样式从javascript更改为可见。
<span style="visiblity: visible/hidden;">Foobar</span>
我将不得不将其中一些此类元素放入咏叹调活动区域。此时存在一个问题-闪烁的元素每次闪烁都会被大声读出。 (真的很糟糕)
我想要的是:
保持普通用户的“闪烁”状态
屏幕阅读器应用程序应将此类数据解释为普通文本,并仅读取一次
额外的障碍:
在某些情况下,闪烁的文本可能带有链接。在这种情况下,我需要通过TAB保持可选择的文本,并且对于普通用户和具有屏幕阅读器的用户而言,链接都应“可单击”。
<a href="my_link" style="visiblity: visible/hidden;">Foobar</a>
您对如何实施有何建议?
我接受其他HTML元素和/或更改如何实现闪烁。
最佳答案
闪烁文本是一个非常糟糕的主意,不仅对于屏幕阅读器用户而言。
它会引起视障人士的极大关注,以致他们看不到页面上的其他内容。
您还可能给惯常使用的用户带来严重的麻烦。
等等
因此,我最好的答案就是,完全不用眨眼了。简直太糟糕了。
为了给出一个更现实的答案,以防万一您真的因为老板的要求而不得不实施闪烁的文本,最简单的方法就是使用另一个CSS属性。
例如,不透明度,颜色,字体大小,剪辑,位置。这些不会影响屏幕阅读器。
更一般而言,显示和可见性属性会影响屏幕阅读器。
有时宽度/高度也会产生影响。
所有其他通常没有效果。