# Przyciski muszą mieć odróżniający je tekst nazwy

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

WCAG 4.1.2 Nazwa, rola, wartość · poziom A

Niektóre przyciski nie mają dostępnej nazwy, więc osoby korzystające z czytników ekranu słyszą tylko „przycisk”.

## Co sprawdza ta reguła
Każdy przycisk ma odróżniającą go dostępną nazwę.

## Dlaczego to ważne
WCAG 4.1.2 wymaga, aby każdy element sterujący miał nazwę. Wśród przycisków bez nazw często są przyciski zmiany ilości, przyciski zamykania i strzałki suwaków.

## Jak to naprawić
### Na dowolnej stronie
1. Znajdź przyciski bez nazwy, zwykle takie, które pokazują tylko ikonę.
2. Dodaj widoczny tekst, tekst ukryty wizualnie lub atrybut aria-label, który mówi, co robi przycisk (np. aria-label="Close" lub aria-label="Increase quantity").

### W Shopify
1. Znajdź przyciski bez nazwy, zwykle takie, które pokazują tylko ikonę.
2. Dodaj widoczny tekst, tekst ukryty wizualnie lub atrybut aria-label, który mówi, co robi przycisk (np. aria-label="Close" lub aria-label="Increase quantity").

### W WooCommerce i WordPressie
1. Znajdź przyciski bez nazwy, zwykle takie, które pokazują tylko ikonę.
2. Dodaj widoczny tekst, tekst ukryty wizualnie lub atrybut aria-label, który mówi, co robi przycisk (np. aria-label="Close" lub aria-label="Increase quantity").

## Jak sprawdzić poprawkę
- Przeskanuj ponownie podstrony, których to dotyczy.
- Sprawdź przyciski za pomocą czytnika ekranu.

## Źródła
- Dokumentacja reguły axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Objaśnienie kryterium WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value