# ปุ่มรูปภาพต้องมีข้อความทดแทน

<https://www.fixreports.com/th/issues/input-image-alt>

WCAG 1.1.1 Non-text Content, 4.1.2 Name, Role, Value · ระดับ A

ปุ่มรูปภาพไม่มีข้อความ alt โปรแกรมอ่านหน้าจอจึงบอกไม่ได้ว่าปุ่มทำอะไร

## กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าองค์ประกอบ <input type="image"> มีข้อความทดแทน.

## ทำไมจึงสำคัญ
WCAG 1.1.1 และ 4.1.2 กำหนดให้ปุ่มรูปภาพต้องมีข้อความทดแทน

## วิธีแก้ไข
### บนเว็บไซต์ทุกประเภท
1. เพิ่มข้อความ alt ที่อธิบายการทำงาน เช่น alt="Search"

### บน Shopify
1. เพิ่มข้อความ alt ที่อธิบายการทำงาน เช่น alt="Search"

### บน WooCommerce และ WordPress
1. เพิ่มข้อความ alt ที่อธิบายการทำงาน เช่น alt="Search"

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

## แหล่งที่มา
- เอกสารกฎของ axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/input-image-alt
- ทำความเข้าใจ WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content
- ทำความเข้าใจ WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value