Mewnbwn cydamserol

Mae Silktide yn chwilio am arddulliau sy'n diffodd mewnbwn cyffwrdd ar gyfer y dudalen gyfan, neu sy'n cuddio botymau a dolenni rhag pobl sy'n defnyddio math penodol o bwyntydd, fel llygoden neu sgrin gyffwrdd. Dylai tudalennau ganiatáu i ymwelwyr ddefnyddio pa bynnag fewnbwn y mae eu dyfais yn ei gynnig.

Pam mae hyn yn bwysig

Mae pobl yn newid dulliau mewnbwn yn barhaus: gliniadur â sgrin gyffwrdd, tabled â bysellfwrdd ynghlwm wrthi, cyfrifiadur pen desg â stylws. Mae eraill yn dibynnu ar un mewnbwn penodol oherwydd anabledd - gall person â chryndodau weld bod cyffwrdd yn haws na llygoden, tra gall rhywun sy'n defnyddio ffon geg ddefnyddio bysellfwrdd yn unig. Mae tudalen sy'n analluogi cyffwrdd, neu sy'n cuddio rheolyddion oni allwch hofran â llygoden, yn eithrio'r ymwelwyr hyn o nodweddion y gall gweddill eich cynulleidfa eu defnyddio.

Dyma'r pryder y tu ôl i faen prawf llwyddiant 2.5.6 (Concurrent Input Mechanisms), sy'n ofyniad .

Sut i'w drwsio

Tynnwch touch-action: none oddi ar yr elfen html neu body. Os oes ei angen arnoch i gynnal ystum arferol, cymhwyswch ef i'r elfen benodol sy'n trin yr ystum yn unig, fel map neu lithrydd, nid i'r dudalen gyfan.
Pan fo ymholiad cyfryngau fel @media (hover: none) neu @media (pointer: coarse) yn cuddio botwm neu ddolen, gwnewch yn siŵr bod yr un weithred ar gael o hyd mewn ffordd arall i'r ymwelwyr hynny. Ail-steiliwch reolyddion ar gyfer cyffwrdd yn hytrach na'u tynnu.
Os yw'r arddull a farciwyd yn wirioneddol ddiniwed - er enghraifft, mae'n cuddio rheolydd sydd â chyfwerth sy'n weladwy i bawb - gallwch y canfyddiad.

/* Problem: yn analluogi mewnbwn cyffwrdd ar gyfer y dudalen gyfan */
body {
  touch-action: none;
}

/* Gwell: cyfyngwch ef i'r elfen sydd angen ystumiau arferol */
.map-canvas {
  touch-action: none;
}

Sut mae Silktide yn profi hyn

Darllenwch y sydd wedi'i ysgrifennu'n uniongyrchol i bob tudalen, sef blociau <style> a phriodoleddau style ar yr elfennau html a body.
Rhowch wybod am dudalen pan fydd yn analluogi cyffwrdd yn fyd-eang, gyda touch-action: none wedi'i gymhwyso i'r elfen html, body, neu'r elfen wreiddyn.
Rhowch wybod am dudalen pan fydd ymholiad cyfryngau sy'n profi hofran neu fath pwyntydd (fel hover: hover neu pointer: coarse) yn cuddio elfen ryngweithiol fel botwm, dolen neu faes ffurflen gyda display: none.
Rhowch wybod am un canfyddiad fesul tudalen ar y mwyaf. Gan fod defnyddiau dilys i'r patrymau hyn weithiau, caiff canfyddiadau eu marcio i chi eu cadarnhau yn hytrach na'u cyfrif fel methiannau wedi'u cadarnhau.

Datrys problemau

Mae'r arddull a farciwyd yn fwriadol

Mae angen gwirioneddol am y patrymau hyn ar rai tudalennau - gall offeryn lluniadu analluogi ystumiau cyffwrdd brodorol, neu gall nodwedd ar gyfer cyfrifiaduron pen desg yn unig guddio ei ddewislen hofran ar ddyfeisiau cyffwrdd wrth gynnig llwybr arall at yr un cynnwys. Os ydych yn cadarnhau bod llwybr mewnbwn cyfwerth yn bodoli, cymeradwywch y canfyddiad.

Mae fy nhudalen yn cyfyngu mewnbwn ond ni chafodd ei marcio

Dim ond CSS sydd wedi'i ysgrifennu i'r dudalen ei hun y mae Silktide yn ei ddarllen; nid yw rheolau mewn ffeiliau dalen arddull cysylltiedig ar wahân yn cael eu sganio gan y gwiriad hwn. Ni all ychwaith weld cyfyngiadau mewnbwn a gymhwysir drwy , fel sgriptiau sy'n anwybyddu digwyddiadau cyffwrdd ar ddyfeisiau penodol. Nid yw llwyddo yma yn gwarantu bod y dudalen yn bodloni'r maen prawf.