Innledning
I webdesignverdenen skjer det stadig nye fremskritt. Og det siste tilskuddet til WCAG-familien (Web Content Accessibility Guidelines), WCAG 2.2, har nettopp gjort sin debut. Det innebærer et nytt sett med nye og oppdaterte retningslinjer som vil ha en varig innvirkning på både ny og eksisterende design. Dette er en viktig seier for inkluderende design, ettersom WCAG 2.2 tar et betydelig skritt i retning av å løse noen av de vedvarende problemene som har skapt hodebry for brukerne.
Det kan riktignok kreve en viss innsats å implementere disse oppdateringene, spesielt når det gjelder ettermontering av eksisterende design. Men det er unektelig verdt det. Til syvende og sist er dette en investering i å gjøre produktet ditt mer inkluderende og brukervennlig for alle. Så la oss dykke rett inn i hva WCAG 2.2 innebærer, og hvordan du som designer sømløst kan integrere disse endringene i arbeidet ditt.
Retningslinje 2.5 - Inndatamodaliteter
Retningslinje 2.5 i WCAG 2.2 introduserer to viktige endringer, som først og fremst fokuserer på forbedringer i funksjonalitet utover tastaturinteraksjoner.
2.5.7 Draggable bevegelser (AA)
Hva er Draggable Bevegelser?
Denne retningslinjen anbefaler at drabevegelser som bruker en mus, replikeres med enklere pekeralternativer som trykk eller klikk. Dra innebærer å trykke eller klikke for å starte bevegelsen, holde inne mens pekeren flyttes, og slippe for å fullføre handlingen.
Hvorfor er denne retningslinjen viktig?
Ikke alle brukere kan utføre drabevegelser på en nøyaktig måte, noe som kan utelukke dem fra visse funksjoner. Denne retningslinjen er til fordel for brukere med nedsatt bevegelighet, skjelving og problemer med finmotorikken.
Slik innlemmer du denne retningslinjen i designene dine
Identifiser hvor det er behov for drabevegelser, og sørg for at en alternativ trykk-/klikkbevegelse er tilgjengelig, for eksempel opp/ned- eller venstre/høyre-knapper. Husk at løsningene kan variere avhengig av konteksten, så kreativitet er nøkkelen til å finne det best egnede alternativet. Ved å balansere funksjonalitet og tilgjengelighet sikrer du at alle brukere kan samhandle effektivt med produktet ditt.
2.5.8 Målstørrelse (minimum) (AA)
Hva er Target Size?
Denne oppdateringen krever at alle pekere (f.eks. knapper) må ha en størrelse på minst 24×24 CSS-piksler.
Hvorfor er denne retningslinjen viktig?
Forstørrede kontroller forenkler aktiveringen, spesielt for brukere med problemer med fingerferdigheten når målene er tett plassert.
Slik innlemmer du denne retningslinjen i designene dine
Utform nettsteder og apper slik at pekere oppfyller minstekravene til størrelse. Bruk større mål for viktige kontroller, og øk avstanden mellom mål som ligger tett, for å redusere risikoen for feil aktivering.
Retningslinje 2.4 Farbar
Denne retningslinjen fokuserer på å gjøre det mulig for brukerne å navigere, finne innhold og forstå hvor de befinner seg på en nettside.
2.4.11 Fokus ikke tildekket (minimum) (AA)
Hva er Focus Not Obscured?
Når en bruker fokuserer på et element med tastaturet, må det være minst delvis synlig, og helst helt synlig. Dette sikrer at brukeren vet hvor han eller hun befinner seg, og gjør det enklere å navigere.
Hvorfor er denne retningslinjen viktig?
Tilslørte fokuselementer kan føre til forvirring og feil navigering på siden. Brukere med belastningsskader eller andre funksjonshemminger har nytte av dette kravet.
Slik innlemmer du denne retningslinjen i designene dine
Design med tanke på tabulatorrekkefølgen og tastaturnavigering. Sørg helst for at elementet med fokus alltid er synlig. Når det ikke er mulig, bør du redusere antall tilfeller der fokuselementer er skjult.
2.4.12 Fokus ikke tildekket (forbedret) (AAA)
Dette AAA-suksesskriteriet krever at elementet i fokus må være fullt synlig uten at noe forfatterskapt innhold skjuler det.
2.4.13 Fokusutseende (AAA)
Dette suksesskriteriet tar fokusindikatorene til neste nivå, og krever at fokusindikatorene oppfyller spesifikke krav til kontrast og størrelse.
2.4.14 Fokusutseende (forbedret) (AAA)
Dette kriteriet går lenger enn minimumskravene, og stiller ytterligere krav til kontrast og størrelse på fokusindikatorene.
Retningslinje 3.2 Forutsigbar
Denne retningslinjen har som mål å gjøre nettsidene forutsigbare.
3.2.6 Konsekvent hjelp (A)
Hva er konsistent hjelp?
Denne retningslinjen krever konsekvent plassering av hjelpemekanismer, inkludert kontaktinformasjon, selvhjelpsalternativer og automatiserte mekanismer som chatbots, på alle nettsider.
Hvorfor er denne retningslinjen viktig?
Konsekvent plassering av hjelpen gjør det enklere for brukerne, spesielt de med nedsatt funksjonsevne, å få tilgang til hjelp under hele reisen.
Slik innlemmer du denne retningslinjen i designene dine
Sørg for at hjelpemekanismer er konsekvent plassert, lett tilgjengelige og følger et enhetlig designmønster på alle sider.
Retningslinje 3.3 Bistand til innspill
Denne retningslinjen hjelper brukerne med å unngå og rette opp feil.
3.3.7 Redundant oppføring (A)
Hva er Redundant Entry?
Overflødig innlegging av informasjon frarådes. Informasjon som oppgis av brukeren, bør fylles ut automatisk eller være lett tilgjengelig når det er behov for den igjen i samme økt.
Hvorfor er denne retningslinjen viktig?
Ved å redusere behovet for å taste inn informasjon flere ganger, reduseres den kognitive anstrengelsen og brukeropplevelsen forbedres.
Slik innlemmer du denne retningslinjen i designene dine
Implementere mekanismer for automatisk utfylling av tidligere innlagt informasjon ved behov.
3.3.8 Tilgjengelig autentisering (minimum) (AA)
Hva er tilgjengelig autentisering?
Dette kriteriet fraråder bruk av gåter eller kognitive tester (som CAPTCHA) for pålogging. Slike tester kan være utfordrende for brukere med kognitive funksjonsnedsettelser.
Hvorfor er denne retningslinjen viktig?
Tilgjengelig autentisering sikrer at personer med nedsatt funksjonsevne kan delta fullt ut i aktiviteter på nettet. Det bryter ned barrierer som kan hindre brukere med syns-, kognitive, motoriske eller andre funksjonsnedsettelser i å få tilgang til viktige tjenester, foreta kjøp eller delta i ulike nettbaserte interaksjoner.
Slik innlemmer du denne retningslinjen i designene dine
Utform påloggingsinteraksjoner uten å bruke gåter eller kognitive tester.
3.3.9 Tilgjengelig autentisering (utvidet) (AAA)
Dette AAA-kriteriet går lenger, og forbyr gjenkjenning av objekter eller brukerleverte bilder eller medier under påloggingsprosessen.
Alt dette for å si...
WCAG 2.2 innebærer en rekke forbedringer som ikke bare øker tilgjengeligheten, men som også forbedrer den generelle brukeropplevelsen. Som designer har du en unik mulighet til å gjøre nettet mer inkluderende og brukervennlig helt fra begynnelsen av. Ved å omfavne disse endringene krysser du ikke bare av i samsvarsbokser, men jobber aktivt for å skape en sømløs og tilgjengelig opplevelse på nettet for alle brukere.
