WCAG 4.1.2 · nivå A

Knappar måste ha urskiljbar text

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

  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.

Så hittar FixReports det

Vår skanning kör axe-core-regeln button-name i en riktig Chrome-webbläsare på varje sida den testar och rapporterar varje felande element med sida, kod och, där det är relevant, en skärmbild.

Ett automatiskt test bekräftar att just det här problemet finns. Det kan inte avgöra om resten av sidan är tillgänglig: vissa hinder syns först när en människa granskar sidan.

Skanna din webbplats i dag

Hitta. Åtgärda. Verifiera.

Vilken typ av webbplats är det här?

Ditt svar väljer rätt kontroller, till exempel köpresan för webbutiker. Vi kontrollerar ändå webbplatsens egna tecken och visar båda.

Vilken typ av webbplats är det här?

Gratis skanning. Inget betalkort krävs.