Kontroller som er store nok

Silktide måler knappene, lenkene og skjemakontrollene på sidene dine og rapporterer dem som er mindre enn 44 x 44 piksler. Større kontroller er enklere for alle å trykke nøyaktig på, særlig på berøringsskjermer.

Hvorfor dette er viktig

Små mål krever en presisjon som mange ikke har. Besøkende med skjelvinger, begrenset fingerferdighet eller større fingre på berøringsenheter bommer ofte på små kontroller, aktiverer feil kontroll eller må prøve flere ganger. Romslige målstørrelser gjør nettstedet raskere og mindre frustrerende for alle besøkende, ikke bare dem med motoriske funksjonsnedsettelser.

Dette er suksesskriterium 2.5.5 (Target Size Enhanced) i , et krav på . AAA er en ambisiøs standard: De fleste nettsteder består ikke denne kontrollen som standard, fordi 44 x 44 piksler er større enn vanlige lenker og knapper. Hvis du arbeider mot nivå AA, bør du først fokusere på den relaterte kontrollen Avstand mellom interaktive komponenter, som tester AA-kravet på 24 x 24 piksler.

Slik løser du det

Gjør viktige kontroller minst 44 x 44 -piksler store ved å bruke min-width, min-height eller innvendig marg. Prioriter viktige handlinger som navigasjon, søk og skjemaknapper.
Hvis det er upraktisk å gjøre en kontroll større, kan du tilby en tilsvarende lenke eller kontroll på samme side som oppfyller størrelseskravet – Silktide hopper automatisk over små lenker når det finnes en lenke som er stor nok og fører til samme mål.
Hvis du har vurdert at en kontroll er akseptabel som den er – for eksempel fordi den omfattes av et WCAG-unntak som denne kontrollen ikke kan oppdage – kan du funnet eller ekskludere elementet fra kontrollen.

/* Problem: en ikonknapp på 30 x 30 */
.search-button {
  width: 30px;
  height: 30px;
}

/* Løsning: oppfyll anbefalingen på 44 x 44 */
.search-button {
  min-width: 44px;
  min-height: 44px;
}

Slik tester Silktide dette

Test både mobil- og skrivebordsversjonene av hver side; resultatene kan være forskjellige mellom de to.
Finn de interaktive elementene: lenker, knapper, skjemafelt og områder i bildekart.
Ignorer elementer som normalt ikke er synlige, for eksempel innhold som er plassert utenfor skjermen for , samt alle elementer du har ekskludert fra kontrollen.
Ignorer kontroller som står rett ved siden av tekst, siden WCAG unntar mål som vises i en setning eller tekstblokk.
For lenker: ignorer alle som har et tilsvarende alternativ – en annen synlig lenke på samme side som peker til samme mål og er minst 44 x 44 piksler.
Rapporter alle gjenværende elementer som er mindre enn 44 piksler brede eller 44 piksler høye. Størrelsene avrundes til én desimal før sammenligning, i samsvar med det du ser i rapporten.

Feilsøking

Bare noen av feilene er oppført

Silktide rapporterer opptil 100 eksempler per side. Siden feil i denne kontrollen er vanlige, kan en side ha flere; hvis du løser delte stiler, løses mange funn på én gang.

WCAG tillater unntak som denne kontrollen ikke kan se

WCAG unntar mål der størrelsen er avgjørende, bestemmes av nettleseren i stedet for stilene dine, eller er duplisert av en tilsvarende kontroll et annet sted på siden. Silktide oppdager automatisk unntak for innebygd tekst og tilsvarende lenker; de andre krever din vurdering. Godkjenn funn som oppfyller kravene.