# دکمه‌ها باید متن قابل تشخیص داشته باشند

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

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

برخی دکمه‌ها نام دسترس‌پذیر ندارند، بنابراین کاربران صفحه‌خوان فقط کلمه «button» (دکمه) را می‌شنوند.

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

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

## نحوه رفع
### در هر وب‌سایت
1. دکمه‌هایی را که نام ندارند پیدا کنید؛ معمولاً دکمه‌هایی که فقط یک آیکون نشان می‌دهند.
2. متن قابل مشاهده، متن پنهان از دید یا یک aria-label اضافه کنید که بگوید دکمه چه کاری انجام می‌دهد (برای مثال ⁨aria-label="Close"⁩ یا ⁨aria-label="Increase quantity"⁩).

### در Shopify
1. دکمه‌هایی را که نام ندارند پیدا کنید؛ معمولاً دکمه‌هایی که فقط یک آیکون نشان می‌دهند.
2. متن قابل مشاهده، متن پنهان از دید یا یک aria-label اضافه کنید که بگوید دکمه چه کاری انجام می‌دهد (برای مثال ⁨aria-label="Close"⁩ یا ⁨aria-label="Increase quantity"⁩).

### در WooCommerce و WordPress
1. دکمه‌هایی را که نام ندارند پیدا کنید؛ معمولاً دکمه‌هایی که فقط یک آیکون نشان می‌دهند.
2. متن قابل مشاهده، متن پنهان از دید یا یک aria-label اضافه کنید که بگوید دکمه چه کاری انجام می‌دهد (برای مثال ⁨aria-label="Close"⁩ یا ⁨aria-label="Increase quantity"⁩).

## نحوه بررسی اصلاح
- صفحات تحت تأثیر را دوباره اسکن کنید.
- دکمه‌ها را با یک صفحه‌خوان بررسی کنید.

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