<blink> 要素は非推奨であり、使用してはならない

ルールID: blink
ルールセット: axe-core 4.10
ユーザーへの影響:
ガイドライン: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Section 508, Trusted Tester, EN 301 549

Start building more accessible experiences

Axe DevTools Pro helps dev teams find and fix up to 80% of accessibility issues while coding. No experience required. Get started with your free trial today.

Compliance Data & Impact

User Impact


Minor
Critical

Disabilities Affected

  • 視力低下
  • 運動・器用さ
  • 認知的

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • Section 508
  • Trusted Tester
  • EN 301 549

WCAG 達成基準 [WCAG 2.1 (A)]

  • 2.2.2: Pause, Stop, Hide

WCAG 達成基準 [WCAG 2.0 (A)]

  • 2.2.2: Pause, Stop, Hide

WCAG 達成基準 [WCAG 2.2 (A)]

  • 2.2.2: Pause, Stop, Hide

Section 508 ガイドライン

  • 1194.22: Web based intranet and Internet Information & Applications
  • 1194.22 (j): Pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz.

Trusted Tester 指南

  • 2.B: The user can pause, stop, or hide moving, blinking, or scrolling content.

    修正方法

    すべての blink 要素を削除してください。

    HTMLファイルから削除する必要があるコード スニペットの例:

    <p><blink>Moving Sale Thursday!</blink></p>

    CSSファイルから削除する必要があるコード スニペットの例:

    h1 {
      text-decoration: blink;
    }

    注意:

    最近のブラウザの多くは点滅するテキストをサポートしていません。HTMLファイルに blink 要素が含まれている可能性はありますが、それが必ずしもWebページ上で点滅するテキストを生成するわけではありません。このため、HTMLドキュメントの視覚的なレンダリングに頼って、 blink タグが含まれているかどうかは判断せず、必ず実際のファイルの内容を確認してください。

    上記の両方のコード例を修正するには、CSSから blink 要素および/または text-decoration: blink; を削除する。このマークアップを置き換えて、テキストを別の方法で目立たせる。

    なぜ重要なのか

    名前が示すように、 blink タグはコンテンツを点滅させます。効果は気に入っても、点滅するテキストは読みにくく、点滅するオブジェクト (リンク、ボタンなど) は、特に不正確または器用さが限られているユーザーにとってはアクティブ化が難しい。

    視覚障害や認知障害のある人にとって、点滅するテキストを見て理解することは非常に困難だ。点滅するテキストは、特に認知障害のあるユーザーにとって気が散りやすいです。また、一部の人にとっては理解するのが難しい場合もあります。これらの理由から、 blink 要素は決して使わないで。

    ルールの説明

    このルールでは、 blink 要素が存在しないことが要求されます。点滅するテキストは読みにくく、点滅するオブジェクトはアクティブ化が困難になることがあります。関連する自動チェックにより、すべての blink 要素の存在が検出され、削除できるようになります。

    仕組みについて (簡単に言うと)

    blink 確認するためのチェックが要素が使用されていないことを確認します。

    リソース

    その他のリソース

    その他リソースもあわせてご参照ください。

    axe 4.10 ルールの一覧 を参照する

    この情報は役に立ちましたか?

    すでにフィードバックをいただきました、ありがとうございます。.

    あなたの回答は次のとおりです。

    この情報は役に立ちましたか?
    フィードバックが提出された日付/時刻: