# Knapper skal have forståelig (dvs. detekterbar) tekst

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

WCAG 4.1.2 Name, Role, Value · Niveau A

Nogle knapper har intet tilgængeligt navn, så skærmlæserbrugere hører kun »knap«.

## Hvad denne regel tjekker
Sørg for, at knapper har forståelig tekst.

## Hvorfor det er vigtigt
WCAG 4.1.2 kræver, at alle kontroller har et navn. Knapper uden navn er ofte knapper til antal, lukkeknapper og pile i slidere.

## Sådan retter du det
### På enhver hjemmeside
1. Find de knapper, der ikke har noget navn, typisk knapper, der kun viser et ikon.
2. Tilføj synlig tekst, visuelt skjult tekst eller en aria-label, der siger, hvad knappen gør (for eksempel aria-label="Close" eller aria-label="Increase quantity").

### I Shopify
1. Find de knapper, der ikke har noget navn, typisk knapper, der kun viser et ikon.
2. Tilføj synlig tekst, visuelt skjult tekst eller en aria-label, der siger, hvad knappen gør (for eksempel aria-label="Close" eller aria-label="Increase quantity").

### I WooCommerce og WordPress
1. Find de knapper, der ikke har noget navn, typisk knapper, der kun viser et ikon.
2. Tilføj synlig tekst, visuelt skjult tekst eller en aria-label, der siger, hvad knappen gør (for eksempel aria-label="Close" eller aria-label="Increase quantity").

## Sådan tjekker du rettelsen
- Scan de berørte sider igen.
- Tjek knapperne med en skærmlæser.

## Kilder
- Dokumentation af axe-core-reglen (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Forklaring af WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value