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

<https://www.fixreports.com/ja/issues/link-in-text-block>

WCAG 1.4.1 色の使用・レベルA

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

## このルールがチェックする内容
リンクが色に依存しない形で周囲のテキストと区別できることを確認してください.

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

## 修正方法
### あらゆるウェブサイトの場合
1. 本文中のリンクに下線を付けるか、周囲のテキストとの間に3:1のコントラストを確保したうえで、ホバー時とフォーカス時に色以外の手がかりを加えます。

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

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

## 修正の確認方法
- 該当するページを再スキャンします。

## 出典
- axe-coreのルールのドキュメント（Deque）: https://dequeuniversity.com/rules/axe/4.13/link-in-text-block
- WCAG 1.4.1の解説（W3C）: https://www.w3.org/WAI/WCAG22/Understanding/use-of-color