# לחצנים מוכרחים להיות עם טקסט מובן

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

WCAG ⁨4.1.2 Name, Role, Value⁩ · רמה ⁨A⁩

לחלק מהכפתורים אין שם נגיש, ולכן משתמשי קוראי מסך שומעים רק 'לחצן'.

## מה הכלל הזה בודק
מוודא שללחצנים יש טקסט מובן.

## למה זה חשוב
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