# عناصر فرم باید برچسب داشته باشند

<https://www.fixreports.com/fa/issues/label>

WCAG ⁨4.1.2 Name, Role, Value⁩ · سطح ⁨A⁩

برخی فیلدهای فرم برچسب ندارند، بنابراین کاربران صفحه‌خوان نمی‌دانند چه چیزی باید وارد کنند.

## این قاعده چه چیزی را بررسی می‌کند
بررسی می‌کند که هر عنصر فرم برچسب داشته باشد.

## چرا اهمیت دارد
WCAG 1.3.1، 3.3.2 و 4.1.2 الزامی می‌کنند که فیلدهای فرم برچسب داشته باشند. فیلدهای عضویت در خبرنامه و جست‌وجو از رایج‌ترین موارد هستند.

## نحوه رفع
### در هر وب‌سایت
1. به هر فیلد یک عنصر ⁨<label for="field-id">⁩، یا دست‌کم یک aria-label، بدهید.
2. متن placeholder به‌تنهایی برچسب محسوب نمی‌شود.

### در Shopify
1. به هر فیلد یک عنصر ⁨<label for="field-id">⁩، یا دست‌کم یک aria-label، بدهید.
2. متن placeholder به‌تنهایی برچسب محسوب نمی‌شود.

### در WooCommerce و WordPress
1. به هر فیلد یک عنصر ⁨<label for="field-id">⁩، یا دست‌کم یک aria-label، بدهید.
2. متن placeholder به‌تنهایی برچسب محسوب نمی‌شود.

## نحوه بررسی اصلاح
- دوباره اسکن کنید و مطمئن شوید قاعده ⁨label⁩ دیگر رد نمی‌شود.
- روی هر برچسب کلیک کنید و بررسی کنید که فوکوس به فیلد مربوط به آن منتقل شود.

## منابع
- مستندات قاعده axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- توضیح معیار WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value