# Knappar måste ha urskiljbar text

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

WCAG 4.1.2 Namn, roll, värde · nivå A

Vissa knappar saknar tillgängligt namn, så skärmläsaranvändare hör bara ’knapp’.

## Vad regeln kontrollerar
Säkerställ att knappar har urskiljbar text.

## Därför spelar det roll
WCAG 4.1.2 kräver att varje kontroll har ett namn. Knappar utan namn är ofta plus- och minusknappar för antal, stängknappar och pilar i bildspel.

## Så åtgärdar du det
### På valfri webbplats
1. Hitta knapparna som saknar namn, oftast knappar som bara visar en ikon.
2. Lägg till synlig text, visuellt dold text eller ett aria-label som säger vad knappen gör (till exempel aria-label="Close" eller aria-label="Increase quantity").

### I Shopify
1. Hitta knapparna som saknar namn, oftast knappar som bara visar en ikon.
2. Lägg till synlig text, visuellt dold text eller ett aria-label som säger vad knappen gör (till exempel aria-label="Close" eller aria-label="Increase quantity").

### I WooCommerce och WordPress
1. Hitta knapparna som saknar namn, oftast knappar som bara visar en ikon.
2. Lägg till synlig text, visuellt dold text eller ett aria-label som säger vad knappen gör (till exempel aria-label="Close" eller aria-label="Increase quantity").

## Så kontrollerar du åtgärden
- Skanna de berörda sidorna igen.
- Kontrollera knapparna med en skärmläsare.

## Källor
- Dokumentation för axe-core-regeln (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Förklaring av WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value