# ปุ่ม input ต้องมีข้อความที่ระบุได้

<https://www.fixreports.com/th/issues/input-button-name>

WCAG 4.1.2 Name, Role, Value · ระดับ A

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

## กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าปุ่ม input มีข้อความที่ระบุได้.

## ทำไมจึงสำคัญ
WCAG 4.1.2 กำหนดให้ตัวควบคุมทุกตัวต้องมีชื่อ

## วิธีแก้ไข
### บนเว็บไซต์ทุกประเภท
1. เพิ่มแอตทริบิวต์ value ที่มีข้อความของปุ่ม หรือแทนที่ด้วยองค์ประกอบ <button> ที่มีข้อความ

### บน Shopify
1. เพิ่มแอตทริบิวต์ value ที่มีข้อความของปุ่ม หรือแทนที่ด้วยองค์ประกอบ <button> ที่มีข้อความ

### บน WooCommerce และ WordPress
1. เพิ่มแอตทริบิวต์ value ที่มีข้อความของปุ่ม หรือแทนที่ด้วยองค์ประกอบ <button> ที่มีข้อความ

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

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