# องค์ประกอบ select ต้องมีชื่อที่เข้าถึงได้

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

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

เมนูดรอปดาวน์ (มักเป็นตัวเลือกการเรียงลำดับหรือตัวเลือกสินค้า) ไม่มีป้ายกำกับ

## กฎนี้ตรวจอะไร
ตรวจให้แน่ใจว่าองค์ประกอบ select มีชื่อที่เข้าถึงได้.

## ทำไมจึงสำคัญ
WCAG 4.1.2 กำหนดให้เมนู select ต้องมีชื่อที่เข้าถึงได้

## วิธีแก้ไข
### บนเว็บไซต์ทุกประเภท
1. เพิ่ม <label> ที่เชื่อมกับ select หรือ aria-label เช่น aria-label="Sort by"

### บน Shopify
1. เพิ่ม <label> ที่เชื่อมกับ select หรือ aria-label เช่น aria-label="Sort by"

### บน WooCommerce และ WordPress
1. เพิ่ม <label> ที่เชื่อมกับ select หรือ aria-label เช่น aria-label="Sort by"

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

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