Trækbevægelser

Hvad det kræver

Hvis en funktion kan udføres ved at trække — ændre rækkefølge på elementer, justere en slider, panorere et kort, underskrive et signaturpanel, glide en oplåsningsknap — skal der også være en måde at udføre den samme funktion med en enkelt-pegeredskabshandling, der ikke er et træk. Et tryk på en knap, et klik på en pil, at skrive en værdi, at vælge fra en menu: alle disse opfylder succeskriteriet.

Reglen gælder, uanset om træk er vandret, lodret eller frit. Undtagelsen er, når træk er essentielt for funktionen — tegning i en maleapp, træk af den analoge stick på en virtuel joystick.

Sådan opfyldes det

• Sorterbare lister: tilføj op/ned-pileknapper ved siden af hvert element eller en „Flyt til position…“-menu. Træk fungerer stadig for musebrugere; knapperne dækker alle andre.
• Sliders: brug <input type="range"> (eller role="slider" med piletaststøtte), så værdier kan indstilles med tastaturet eller ved at skrive et tal i et tilknyttet inputfelt.
• Kortpanorering/zoom: tilføj synlige zoom-ind/zoom-ud og retningspanoreringsknapper, eller acceptér et søgefelt til direkte navigation.
• Karruseller: tilbyd Forrige/Næste-knapper ud over swipe.
• Interval/prisfiltre med dobbelt-håndtag-slider: kombiner med to talinputfelter.
• Træk-for-at-afvise bannere og modale vinduer: tilføj en synlig Luk-knap.
• Signaturregistrering: tilbyd et „skriv dit navn“-alternativ.

Typiske fejl

• Trello-lignende kanban-boards, hvor den eneste måde at flytte et kort mellem kolonner er at trække det.
• Sorteringshåndtag på indstillinger eller afspilningslister uden tastatur- eller knapbaseret alternativ.
• To-håndtag-sliders, der kræver træk i begge ender og mangler min/maks-inputfelter.
• Billedsammenligningssliders (før/efter) uden knapper til at flytte skillelinjen trin for trin.
• Farvevælgere, hvor den eneste måde at justere farvetone/mætning er at trække inde i vælgeren.
• „Glid for at bekræfte“- eller „glid for at låse op“-elementer uden et tryk-alternativ.
• Brugerdefinerede datointervalsværgere, der kræver træk-udvælgelse på tværs af kalenderceller.

Hvorfor det er vigtigt

Træk er svært eller umuligt for brugere med begrænset finmotorisk kontrol, rysten, brug af telefon med én hånd, mund-pegeredskab eller hoved-pegeredskab og for enhver med trackpad, hvis hånd kramper efter få træk. Det er også et problem for mange kontakt- og stemmestyringsbrugere — der er ingen oplagt stemmekommando til „træk det tredje kort til anden kolonne.“ 2.5.7 er ny i WCAG 2.2 og har ændret, hvordan produktteams designer sortering i UI: de fleste moderne designsystemer leverer nu pileknap-alternativer som standard. Forvent, at dette succeskriterium er et hyppigt fund i dashboards, projektledelsesværktøjer og enhver UI baseret på sorterbare lister.