# ลิงก์ต้องแยกแยะได้โดยไม่อาศัยสี

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

WCAG 1.4.1 Use of Color · ระดับ A

ลิงก์ในย่อหน้าแยกแยะได้ด้วยสีเท่านั้น ผู้ที่มองไม่เห็นความแตกต่างของสีจึงมองข้ามลิงก์ไป

## กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าลิงก์แยกแยะได้จากข้อความรอบข้างด้วยวิธีที่ไม่อาศัยสี.

## ทำไมจึงสำคัญ
WCAG 1.4.1 กำหนดว่าข้อมูลต้องไม่อาศัยสีเพียงอย่างเดียว

## วิธีแก้ไข
### บนเว็บไซต์ทุกประเภท
1. ขีดเส้นใต้ลิงก์ในเนื้อหา หรือให้ลิงก์มีคอนทราสต์ 3:1 กับข้อความรอบข้าง พร้อมสัญญาณที่ไม่ใช่สีเมื่อ hover และ focus

### บน Shopify
1. ขีดเส้นใต้ลิงก์ในเนื้อหา หรือให้ลิงก์มีคอนทราสต์ 3:1 กับข้อความรอบข้าง พร้อมสัญญาณที่ไม่ใช่สีเมื่อ hover และ focus

### บน WooCommerce และ WordPress
1. ขีดเส้นใต้ลิงก์ในเนื้อหา หรือให้ลิงก์มีคอนทราสต์ 3:1 กับข้อความรอบข้าง พร้อมสัญญาณที่ไม่ใช่สีเมื่อ hover และ focus

## วิธีตรวจสอบการแก้ไข
- สแกนหน้าที่ได้รับผลกระทบอีกครั้ง

## แหล่งที่มา
- เอกสารกฎของ 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