螢幕閱讀器閃爍文字

Question

我現在正在使屏幕閱讀器可以讀取我的網站。

在網站上，我有一些閃爍的元素。 閃爍的實現是將元素的可見性樣式從javascript更改為可見。

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

我將不得不將其中一些此類元素放入詠嘆調活動區域。 此時存在一個問題-閃爍的元素每次閃爍都會被大聲讀出。 （真的很糟糕）

我想要的是：

• 保持普通用戶的“閃爍”狀態
• 屏幕閱讀器應用程序應將此類數據解釋為普通文本，並僅讀取一次

額外的障礙：

在某些情況下，閃爍的文本可能帶有鏈接。 在這種情況下，我需要通過TAB保持可選擇的文本，並且對於普通用戶和具有屏幕閱讀器的用戶而言，鏈接都應“可單擊”。

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

您對如何實施有何建議？

我接受其他HTML元素和/或更改如何實現閃爍。

Answer 1

閃爍文本是一個非常糟糕的主意，不僅對於屏幕閱讀器用戶而言。 它會引起視障人士的極大關注，以致他們看不到頁面上的其他內容。 您還可能給慣常使用的用戶帶來嚴重的麻煩。 等等

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

為了給出更現實的答案，以防萬一您真的因為老板的要求而不得不實施閃爍文本，最簡單的方法就是使用另一個CSS屬性。 例如，不透明度，顏色，字體大小，剪輯，位置。 這些不會影響屏幕閱讀器。

更一般而言，顯示和可見性屬性會影響屏幕閱讀器。 有時寬度/高度也會產生影響。 所有其他通常沒有效果。