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

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

WCAG 4.1.2 Name, Role, Value · Nivå A

Noen knapper har ikke noe tilgjengelig navn, så skjermleserbrukere hører bare «knapp».

## Hva denne regelen sjekker
Sørg for at knapper har forståelig tekst.

## Hvorfor det er viktig
WCAG 4.1.2 krever at alle kontroller har et navn. Knapper uten navn er ofte knapper for å endre antall, lukkeknapper og piler i karuseller.

## Slik fikser du det
### På alle nettsteder
1. Finn knappene som ikke har noe navn, som regel knapper som bare viser et ikon.
2. Legg til synlig tekst, visuelt skjult tekst eller en aria-label som sier hva knappen gjør (for eksempel aria-label="Close" eller aria-label="Increase quantity").

### I Shopify
1. Finn knappene som ikke har noe navn, som regel knapper som bare viser et ikon.
2. Legg til synlig tekst, visuelt skjult tekst eller en aria-label som sier hva knappen gjør (for eksempel aria-label="Close" eller aria-label="Increase quantity").

### I WooCommerce og WordPress
1. Finn knappene som ikke har noe navn, som regel knapper som bare viser et ikon.
2. Legg til synlig tekst, visuelt skjult tekst eller en aria-label som sier hva knappen gjør (for eksempel aria-label="Close" eller aria-label="Increase quantity").

## Slik kontrollerer du utbedringen
- Skann de berørte sidene på nytt.
- Sjekk knappene med en skjermleser.

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