Samtidige input

Silktide leder efter typografier, der deaktiverer touch-input for hele siden, eller som skjuler knapper og links for personer, der bruger en bestemt type pegeredskab, f.eks. en mus eller en berøringsskærm. Sider bør lade besøgende bruge den inputmetode, deres enhed tilbyder.

Hvorfor dette er vigtigt

Folk skifter konstant inputmetode: en bærbar computer med berøringsskærm, en tablet med et tilsluttet tastatur, en stationær computer med en styluspen. Andre er afhængige af én bestemt inputmetode på grund af et handicap – en person med rystelser kan finde touch nemmere end en mus, mens en person, der bruger en mundpind, muligvis kun bruger et tastatur. En side, der deaktiverer touch eller skjuler kontrolelementer, medmindre du kan holde musen over dem, udelukker disse besøgende fra funktioner, som resten af dit publikum kan bruge.

Dette er baggrunden for -succes-kriterium 2.5.6 (Samtidige inputmekanismer), et krav på .

Sådan løser du det

Fjern touch-action: none fra elementet html eller body. Hvis du har brug for det for at understøtte en brugerdefineret gestus, skal du kun anvende det på det specifikke element, der håndterer gestussen, f.eks. et kort eller en skyder, og ikke på hele siden.
Hvis en medieforespørgsel som @media (hover: none) eller @media (pointer: coarse) skjuler en knap eller et link, skal du sikre, at den samme handling stadig er tilgængelig på en anden måde for disse besøgende. Tilpas kontrolelementer til touch i stedet for at fjerne dem.
Hvis den markerede typografi faktisk er harmløs – hvis den f.eks. skjuler et kontrolelement, der har et tilsvarende alternativ, som er synligt for alle – kan du fundet.

/* Problem: deaktiverer touch-input for hele siden */
body {
  touch-action: none;
}

/* Bedre: begræns det til det element, der har brug for brugerdefinerede gestusser */
.map-canvas {
  touch-action: none;
}

Sådan tester Silktide dette

Læs , der er skrevet direkte ind på hver side, både <style>-blokke og style-attributter på elementerne html og body.
Rapportér en side, når den deaktiverer touch globalt, med touch-action: none anvendt på elementet html, body eller rodelementet.
Rapportér en side, når en medieforespørgsel, der tester hover- eller pegeredskabstype (f.eks. hover: hover eller pointer: coarse), skjuler et interaktivt element som en knap, et link eller et formularfelt med display: none.
Rapportér højst ét fund pr. side. Da disse mønstre nogle gange har legitime anvendelser, markeres fund til din bekræftelse i stedet for at blive talt som bekræftede fejl.

Fejlfinding

Den markerede typografi er tilsigtet

Nogle sider har et reelt behov for disse mønstre – et tegneværktøj kan deaktivere oprindelige touch-gestusser, eller en funktion kun til computere kan skjule sin hover-menu på touch-enheder, mens den tilbyder en anden vej til det samme indhold. Hvis du bekræfter, at der findes en tilsvarende inputmulighed, skal du godkende fundet.

Min side begrænser input, men blev ikke markeret

Silktide læser kun CSS, der er skrevet ind på selve siden; regler i separate, linkede stylesheet-filer scannes ikke af dette tjek. Det kan heller ikke se inputbegrænsninger, der anvendes via , f.eks. scripts, der ignorerer touch-hændelser på bestemte enheder. En godkendelse her garanterer ikke, at siden opfylder kriteriet.