WCAG 1.4.1・レベルA

リンクは色に依存しない形で区別できなければなりません

段落内のリンクが色だけで区別されているため、色の違いがわからない人はリンクに気づきません。

このルールがチェックする内容

リンクが色に依存しない形で周囲のテキストと区別できることを確認してください.

なぜ重要なのか

WCAG 1.4.1では、情報を色だけに頼って伝えないことが求められます。

修正方法

  1. 本文中のリンクに下線を付けるか、周囲のテキストとの間に3:1のコントラストを確保したうえで、ホバー時とフォーカス時に色以外の手がかりを加えます。

修正の確認方法

  • 該当するページを再スキャンします。

FixReportsが検出する方法

当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールlink-in-text-blockを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。

自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。

今すぐウェブサイトをスキャン

見つけて、直して、確かめる。

これはどんな種類のサイトですか?

回答に合わせて、オンラインストアの購入フローなど適切なチェックを選びます。サイト自体の判断材料も確認し、両方を表示します。

これはどんな種類のサイトですか?

無料スキャン。クレジットカードは不要です。