Pellter cydrannau rhyngweithiol

Mae Silktide yn mesur maint a bylchau botymau, dolenni a rheolyddion ffurflenni ar eich tudalennau. Mae'n hawdd pwyso rheolyddion bach sydd wedi'u pacio'n agos at ei gilydd ar gam, felly dylai pob un naill ai fod o leiaf 24 wrth 24 picsel neu fod â digon o le clir o'i gwmpas.

Pam mae hyn yn bwysig

Gall unrhyw un fethu botwm bach, ond i bobl â chryndodau, arthritis, neu reolaeth echddygol fanwl gyfyngedig, mae rheolyddion sydd wedi'u pacio'n dynn yn gwneud tudalen yn wirioneddol anodd ei defnyddio - tapio'r ddolen anghywir, cyflwyno'r ffurflen anghywir, neu roi'r gorau iddi'n llwyr. Mae'r broblem ar ei gwaethaf ar sgriniau cyffwrdd, lle mae blaen bys ymhell llai manwl na phwyntydd llygoden.

Dyma faen prawf llwyddiant 2.5.8 (Target Size Minimum) , sef gofyniad yn WCAG 2.2, felly mae'n rhan o'r targed cydymffurfio y mae'r rhan fwyaf o sefydliadau yn anelu ato.

Sut i'w drwsio

Gwnewch bob elfen ryngweithiol yn o leiaf 24 wrth 24 picsel . Mae gosod min-width a min-height, neu ychwanegu padin, fel arfer yn ddigon.
Fel arall, ychwanegwch le rhwng rheolyddion. Dychmygwch gylch 24 picsel ar draws wedi'i ganoli ar bob rheolydd bach: ni ddylai orgyffwrdd ag unrhyw reolydd arall, na'r cylch o amgylch rheolydd bach arall. Mae targedau llai yn dderbyniol pan nad oes unrhyw beth arall mor agos.
Rhowch sylw penodol i fotymau eiconau, dolenni tudalennu, ac eiconau cyfryngau cymdeithasol, sydd yn aml yn rhy fach ac wedi'u grwpio'n dynn.

/* Problem: botymau eicon 16px yn cyffwrdd â'i gilydd */
.toolbar button {
  width: 16px;
  height: 16px;
}

/* Trwsio: ehangu'r ardal gliciadwy i o leiaf 24x24 */
.toolbar button {
  min-width: 24px;
  min-height: 24px;
}

Sut mae Silktide yn profi hyn

Profwch fersiynau symudol a bwrdd gwaith pob tudalen; gall y canlyniadau amrywio rhwng y ddwy.
Dewch o hyd i'r elfennau rhyngweithiol: dolenni, botymau, meysydd ffurflenni, ac ardaloedd map delwedd.
Anwybyddwch elfennau nad ydynt fel arfer yn weladwy, megis cynnwys wedi'i leoli oddi ar y sgrin ar gyfer , ac unrhyw elfennau rydych wedi'u heithrio rhag eu gwirio.
Pasio unrhyw elfen sydd o leiaf 24 picsel o led a 24 picsel o uchder.
Anwybyddwch reolyddion sydd o fewn brawddeg neu floc o destun, y mae WCAG yn eu heithrio o'r rheol hon.
Ar gyfer pob elfen fach sy'n weddill, lluniwch gylch 24 picsel ar draws wedi'i ganoli arni, fel y mae WCAG yn ei ddisgrifio.
Rhowch wybod am yr elfen os yw ei chylch yn gorgyffwrdd â rheolydd arall, neu'r cylch o amgylch rheolydd bach arall, oni bai bod y ddwy yn ddolenni i'r un gyrchfan. Mesurir safleoedd i'r 0.1 picsel agosaf, felly ni chaiff gorgyffwrdd o 0.2 picsel neu lai ei adrodd. Cymherir elfennau sydd wedi'u pinio i'r sgrin, megis penynnau gludiog, ag elfennau piniedig eraill yn hytrach na'r cynnwys sy'n sgrolio oddi tanynt.

Datrys problemau

Pasiodd rheolydd bach y gwiriad

Nid yw maint yn unig yn fethiant: mae rheolydd bach yn pasio pan fo ganddo ddigon o le clir o'i gwmpas, pan fo'n fewnol mewn testun, neu pan mai dim ond dolenni sy'n pwyntio i'r un lle sydd wrth ei ymyl. Mae hyn yn adlewyrchu'r eithriadau y mae WCAG ei hun yn eu caniatáu.

Mae gan y rheolyddion le ar fy ffôn

Mae'r prawf symudol yn defnyddio ffôn 320 picsel o led, sef y lled culaf y mae WCAG yn disgwyl i dudalen weithio arno (gweler Pam mae Silktide yn profi gydag iPhone 5?). Mae rheolyddion a osodir dros lun neu fap, megis marcwyr ar gynllun llawr, fel arfer yn symud yn agosach at ei gilydd wrth i'r dudalen gulhau. Gallant wrthdaro ar 320 picsel a bod â digon o le ar ffôn ehangach.

Mae safle'r rheolydd yn bwysig

Mae WCAG yn eithrio rheolydd y mae ei faint a'i safle yn hanfodol i'r hyn y mae'n ei ddangos, megis pinnau ar fap, a rheolydd y cynigir ei weithred hefyd gan reolydd arall ar yr un dudalen sy'n ddigon mawr. Ni all Silktide farnu'r naill na'r llall yn awtomatig. Os yw un yn berthnasol, cofnodwch ar y canfyddiad.

Dim ond rhai methiannau sydd wedi'u rhestru

Mae Silktide yn adrodd hyd at y 10 enghraifft fwyaf difrifol fesul tudalen. Mae trwsio arddull a rennir fel arfer yn datrys llawer o ganfyddiadau ar unwaith.

Rwyf eisiau'r safon llymach

Mae'r gwiriad hwn yn profi isafswm Lefel AA o 24 wrth 24 picsel. Mae'r gwiriad cysylltiedig Rheolyddion digon mawr yn profi'r argymhelliad llymach Lefel AAA o 44 wrth 44 picsel.