Store nok kontrolelementer

Silktide måler knapperne, linkene og formularfelterne på dine sider og rapporterer alle, der er mindre end 44 gange 44 pixels. Større kontrolelementer er nemmere for alle at trykke præcist på, især på berøringsskærme.

Hvorfor det er vigtigt

Små mål kræver en præcision, som mange mennesker ikke har. Besøgende med rystelser, begrænset fingerfærdighed eller større fingre på berøringsenheder rammer ofte ved siden af små kontrolelementer, aktiverer det forkerte eller har brug for flere forsøg. Generøse målstørrelser gør dit websted hurtigere og mindre frustrerende for alle besøgende, ikke kun dem med motoriske funktionsnedsættelser.

Dette er WCAG-succeskriterium 2.5.5 (Målstørrelse (forbedret)), et krav på . AAA er en ambitiøs standard: De fleste websteder fejler dette tjek som standard, fordi 44 gange 44 pixels er større end typiske links og knapper. Hvis du arbejder hen imod niveau AA, skal du først fokusere på det relaterede tjek Afstand mellem interaktive komponenter, som tester AA-kravet på 24 gange 24 pixels.

Sådan løser du det

Gør vigtige kontrolelementer mindst 44 gange 44 - pixels store ved at bruge min-width, min-height eller polstring. Prioritér primære handlinger såsom navigation, søgning og formularknapper.
Hvis det ikke er praktisk muligt at gøre et kontrolelement større, skal du tilbyde et tilsvarende link eller kontrolelement på samme side, der opfylder størrelseskravet – Silktide ignorerer automatisk små links, når der findes et tilstrækkeligt stort link til samme destination.
Hvis du har besluttet, at et kontrolelement er acceptabelt, som det er – for eksempel hvis det er omfattet af en WCAG-undtagelse, som dette tjek ikke kan registrere – kan du fundet eller udelukke elementet fra tjek.

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

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

Sådan tester Silktide dette

Test både mobil- og desktopversionen af hver side; resultaterne kan være forskellige mellem de to.
Find de interaktive elementer: links, knapper, formularfelter og områder i billedkort.
Ignorér elementer, der normalt ikke er synlige, såsom indhold placeret uden for skærmen til , samt alle elementer, du har udelukket fra tjek.
Ignorér kontrolelementer, der er placeret direkte ved siden af tekst, da WCAG undtager mål, der indgår i en sætning eller tekstblok.
For links skal du ignorere alle, der har et tilsvarende link: et andet synligt link på den samme side, der peger på samme destination og er mindst 44 gange 44 pixels.
Rapportér hvert resterende element, der er mindre end 44 pixels bredt eller 44 pixels højt. Størrelser afrundes til én decimal før sammenligning, så de matcher det, du ser rapporteret.

Fejlfinding

Kun nogle fejl er angivet

Silktide rapporterer op til 100 eksempler pr. side. Da fejl i dette tjek er almindelige, kan en side have flere; hvis du retter fælles typografier, løser det mange fund på én gang.

WCAG tillader undtagelser, som dette tjek ikke kan se

WCAG undtager mål, hvis størrelse er afgørende, fastsættes af browseren frem for dine typografier eller duplikeres af et tilsvarende kontrolelement et andet sted på siden. Silktide registrerer automatisk undtagelserne for integreret tekst og tilsvarende links; de øvrige kræver din vurdering. Godkend fund, der opfylder betingelserne.