Tillräckligt stora kontroller

Silktide mäter knapparna, länkarna och formulärkontrollerna på dina sidor och rapporterar alla som är mindre än 44 gånger 44 pixlar. Större kontroller är enklare för alla att trycka på med precision, särskilt på pekskärmar.

Varför detta är viktigt

Små mål kräver en precision som många människor inte har. Besökare med darrningar, begränsad finmotorik eller större fingrar på pekskärmar missar ofta små kontroller, aktiverar fel kontroll eller behöver flera försök. Generösa målstorlekar gör webbplatsen snabbare och mindre frustrerande för alla besökare, inte bara för personer med motoriska funktionsnedsättningar.

Detta är framgångskriterium 2.5.5 (Målstorlek (utökad)) i , ett krav på . AAA är en eftersträvansvärd standard: de flesta webbplatser misslyckas med denna kontroll som standard, eftersom 44 gånger 44 pixlar är större än vanliga länkar och knappar. Om du arbetar mot nivå AA, fokusera först på den relaterade kontrollen Avstånd mellan interaktiva komponenter, som testar AA-kravet på 24 gånger 24 pixlar.

Så åtgärdar du problemet

Förstora viktiga kontroller till minst 44 gånger 44 -pixlar med min-width, min-height eller utfyllnad. Prioritera primära åtgärder som navigering, sökning och formulärknappar.
Om det är opraktiskt att förstora en kontroll kan du tillhandahålla en motsvarande länk eller kontroll på samma sida som uppfyller storlekskravet – Silktide hoppar automatiskt över små länkar när det finns en tillräckligt stor länk till samma mål.
Om du har beslutat att en kontroll är godtagbar som den är – till exempel om den omfattas av ett WCAG-undantag som denna kontroll inte kan upptäcka – kan du resultatet eller undanta elementet från kontrollen.

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

/* Åtgärd: uppfyll rekommendationen på 44x44 */
.search-button {
  min-width: 44px;
  min-height: 44px;
}

Så testar Silktide detta

Testa både mobil- och datorversionerna av varje sida; resultaten kan skilja sig mellan de två.
Hitta de interaktiva elementen: länkar, knappar, formulärfält och områden i bildkartor.
Ignorera element som normalt inte är synliga, till exempel innehåll som är placerat utanför skärmen för , samt alla element som du har undantagit från kontrollen.
Ignorera kontroller som ligger direkt intill text, eftersom WCAG undantar mål som förekommer i en mening eller ett textblock.
För länkar: ignorera alla som har en motsvarighet – en annan synlig länk på samma sida som pekar till samma mål och är minst 44 gånger 44 pixlar.
Rapportera alla återstående element som är mindre än 44 pixlar breda eller 44 pixlar höga. Storlekarna avrundas till en decimal före jämförelsen, i enlighet med det som visas i rapporten.

Felsökning

Endast vissa fel visas

Silktide rapporterar upp till 100 exempel per sida. Eftersom fel i denna kontroll är vanliga kan en sida ha fler; om du åtgärdar gemensamma formatmallar löses många resultat på en gång.

WCAG tillåter undantag som denna kontroll inte kan upptäcka

WCAG undantar mål vars storlek är nödvändig, bestäms av webbläsaren i stället för av dina formatmallar eller dupliceras av en motsvarande kontroll någon annanstans på sidan. Silktide upptäcker automatiskt undantagen för text inuti löpande text och motsvarande länkar; de övriga kräver din bedömning. Godkänn resultat som uppfyller kraven.