Samanaikainen syöttö

Silktide etsii tyylejä, jotka poistavat kosketussyötön käytöstä koko sivulta tai piilottavat painikkeita ja linkkejä tietynlaista osoitinlaitetta, kuten hiirtä tai kosketusnäyttöä, käyttäviltä ihmisiltä. Sivujen tulisi antaa kävijöiden käyttää mitä tahansa heidän laitteensa tarjoamaa syöttötapaa.

Miksi tämä on tärkeää

Ihmiset vaihtavat syöttötapaa jatkuvasti: kosketusnäytöllinen kannettava tietokone, näppäimistöllä varustettu tabletti, kynällä käytettävä pöytätietokone. Toiset ovat vammaisuuden vuoksi riippuvaisia yhdestä tietystä syöttötavasta – vapinasta kärsivälle kosketus voi olla hiirtä helpompi, kun taas suutikulla työskentelevä henkilö voi käyttää vain näppäimistöä. Sivu, joka poistaa kosketuksen käytöstä tai piilottaa säätimet, ellei niitä voi osoittaa hiirellä, sulkee nämä kävijät pois ominaisuuksista, joita muu yleisösi voi käyttää.

Tämä on -menestyskriteerin 2.5.6 (Samanaikaiset syöttömekanismit) taustalla oleva tavoite. Se on vaatimus.

Korjaaminen

Poista touch-action: none-määritys html- tai body-elementistä. Jos tarvitset sitä mukautetun eleen tukemiseen, käytä sitä vain kyseistä elettä käsittelevässä elementissä, kuten kartassa tai liukusäätimessä, älä koko sivulla.
Jos mediakysely, kuten @media (hover: none) tai @media (pointer: coarse), piilottaa painikkeen tai linkin, varmista, että sama toiminto on näille kävijöille edelleen käytettävissä toisella tavalla. Muotoile säätimet uudelleen kosketuskäyttöä varten sen sijaan, että poistaisit ne.
Jos merkitty tyyli on aidosti vaaraton – se esimerkiksi piilottaa säätimen, jolle on kaikille näkyvä vastine – voit löydöksen.

/* Ongelma: poistaa kosketussyötön käytöstä koko sivulla */
body {
  touch-action: none;
}

/* Parempi: rajoita se mukautettuja eleitä tarvitsevaan elementtiin */
.map-canvas {
  touch-action: none;
}

Miten Silktide testaa tämän

Lue jokaiselle sivulle suoraan kirjoitettu , mukaan lukien <style>-lohkot sekä html- ja body-elementtien style-attribuutit.
Raportoi sivu, kun se poistaa kosketuksen käytöstä yleisesti ja touch-action: none on käytössä html-, body- tai juurielementissä.
Raportoi sivu, kun osoittamisen tai osoittimen tyyppiä testaava mediakysely (kuten hover: hover tai pointer: coarse) piilottaa vuorovaikutteisen elementin, kuten painikkeen, linkin tai lomakekentän, käyttämällä display: none -määritystä.
Raportoi enintään yksi löydös sivua kohden. Koska näillä malleilla on joskus perusteltuja käyttötarkoituksia, löydökset merkitään vahvistettaviksi sen sijaan, että ne laskettaisiin vahvistetuiksi epäonnistumisiksi.

Vianmääritys

Merkitty tyyli on tarkoituksellinen

Joillakin sivuilla on todellinen tarve näille malleille – piirtotyökalu voi poistaa käytöstä laitteen omat kosketuseleet, tai vain työpöytäkoneille tarkoitettu ominaisuus voi piilottaa osoitusvalikkonsa kosketuslaitteilla ja tarjota samalla toisen reitin samaan sisältöön. Jos vahvistat, että vastaava syöttötapa on olemassa, hyväksy löydös.

Sivuni rajoittaa syöttöä, mutta sitä ei merkitty

Silktide lukee vain itse sivulle kirjoitetun CSS:n; erillisissä linkitetyissä tyylitiedostoissa olevia sääntöjä tämä tarkistus ei tutki. Se ei myöskään näe toteutettuja syöttörajoituksia, kuten komentosarjoja, jotka ohittavat kosketustapahtumat tietyillä laitteilla. Tästä tarkistuksesta saatu hyväksytty tulos ei takaa, että sivu täyttää kriteerin.