# Tlačítka musí mít rozpoznatelný text

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

WCAG 4.1.2 Name, Role, Value · úroveň A

Některá tlačítka nemají přístupný název, takže uživatelé čteček obrazovky slyší jen „tlačítko“.

## Co toto pravidlo kontroluje
Ověřuje, že tlačítka mají rozpoznatelný text.

## Proč na tom záleží
WCAG 4.1.2 vyžaduje, aby každý ovládací prvek měl název. Tlačítka bez názvu jsou často tlačítka pro změnu množství, zavírací tlačítka a šipky slideru.

## Jak to opravit
### Na jakémkoli webu
1. Najděte tlačítka bez názvu, obvykle tlačítka, která zobrazují jen ikonu.
2. Přidejte viditelný text, vizuálně skrytý text nebo aria-label, který říká, co tlačítko dělá (například aria-label="Close" nebo aria-label="Increase quantity").

### V Shopify
1. Najděte tlačítka bez názvu, obvykle tlačítka, která zobrazují jen ikonu.
2. Přidejte viditelný text, vizuálně skrytý text nebo aria-label, který říká, co tlačítko dělá (například aria-label="Close" nebo aria-label="Increase quantity").

### Ve WooCommerce a WordPressu
1. Najděte tlačítka bez názvu, obvykle tlačítka, která zobrazují jen ikonu.
2. Přidejte viditelný text, vizuálně skrytý text nebo aria-label, který říká, co tlačítko dělá (například aria-label="Close" nebo aria-label="Increase quantity").

## Jak opravu ověřit
- Znovu otestujte dotčené stránky.
- Zkontrolujte tlačítka čtečkou obrazovky.

## Zdroje
- Dokumentace pravidla axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Vysvětlení kritéria WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value