スクリーンリーダーのテキストの点滅

Question

私は今、スクリーンリーダーによって私のウェブサイトを読むことができるようになっています。

私はいくつかの要素が点滅しています。点滅は、要素の可視性スタイルを可視からJavaScriptに変更することで実装されます。

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

一部の要素は、アリアライブゾーンに配置する必要があります。そしてこの時点では問題があります - 点滅している要素は点滅するたびに大声で読み上げられます。私が欲しいもの

（それは本当に悪いです）：

• 通常のユーザーのために、「点滅」
• スクリーンリーダーアプリケーションは、通常のテキストなどのデータを解釈し、一度だけ

それを読んでください保つために

余分な障害物：

場合によっては、点滅するテキストにリンクが付いていることがあります。この場合、TABでテキストを選択したままにしておく必要があります。また、通常のユーザーとスクリーンリーダーを使用しているユーザーの両方でリンクを「クリック可能」にする必要があります。

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

どのように実装することができますか？

私は追加のHTML要素を受け入れること、および/または点滅の実装方法を変更することを了承しています。

Answer 1

点滅するテキストは、スクリーンリーダーのユーザーだけでなく、非常に悪い考えです。 視覚障害者には注意が必要なので、ページ上で他のものを読むことはできません。 エピレクティックなユーザーに重大なトラブルを引き起こす可能性もあります。 など

私の最善の答えは、まったく点滅するテキストを忘れることです。それは単に悪いです。

あなたの上司が言ったので実際に点滅するテキストを実装する必要がある場合に備えて、より現実的な答えを出すには、最も簡単なのは別のCSSプロパティで再生することです。 たとえば、不透明度、色、フォントサイズ、クリップ、位置合わせなどです。これらはスクリーンリーダーには影響しません。

さらに一般的には、表示および可視性プロパティはスクリーンリーダーに影響します。 場合によっては幅/高さにも影響があります。 他のものは通常何の効果もありません。