Introduktion

Inden for webdesign sker der hele tiden fremskridt. Og den seneste tilføjelse til WCAG-familien (Web Content Accessibility Guidelines), WCAG 2.2, har netop fået sin debut. Det bringer et frisk sæt af nye og opdaterede retningslinjer, der vil have en varig indvirkning på både nye og eksisterende designs. Det er en stor sejr for inkluderende design, da WCAG 2.2 tager et stort skridt i retning af at løse nogle af de vedvarende problemer, der har givet brugerne hovedpine.

Selvfølgelig kan det kræve en vis indsats at implementere disse opdateringer, især når det drejer sig om at eftermontere eksisterende design. Men udbyttet er unægteligt det hele værd. Når alt kommer til alt, er denne indsats en investering i at gøre dit produkt mere inkluderende og brugervenligt for alle. Så lad os dykke lige ned og udforske, hvad der er i vente med WCAG 2.2, og hvordan du som designer problemfrit kan integrere disse ændringer i dit arbejde.

Retningslinje 2.5 - Input-modaliteter

Retningslinje 2.5 i WCAG 2.2 introducerer to afgørende ændringer, der primært fokuserer på forbedringer i funktionalitet ud over tastaturinteraktioner.

2.5.7 Trækbare bevægelser (AA)

Hvad er trækbare bevægelser?
Denne retningslinje anbefaler, at man kopierer trækbevægelser, der bruger en mus, med enklere pointer-alternativer som tryk eller klik. At trække indebærer at trykke eller klikke for at starte bevægelsen, holde den nede, mens man flytter markøren, og slippe den for at fuldføre handlingen.

Hvorfor er denne retningslinje vigtig?
Ikke alle brugere kan udføre præcise trækbevægelser, hvilket potentielt udelukker dem fra visse funktioner. Denne retningslinje gavner brugere med bevægelseshandicap, rysten og finmotoriske problemer.

Sådan inkorporerer du denne retningslinje i dit design
Identificer, hvor det er nødvendigt at trække, og sørg for, at der er en alternativ tryk/klik-bevægelse til rådighed, f.eks. op/ned eller venstre/højre-knapper. Husk, at løsningerne kan variere afhængigt af konteksten, så kreativitet er nøglen til at finde det bedst egnede alternativ. Balancen mellem funktionalitet og tilgængelighed sikrer, at alle brugere kan interagere effektivt med dit produkt.

2.5.8 Målstørrelse (minimum) (AA)

Hvad er målstørrelse?
Denne opdatering kræver, at alle pointer-input (f.eks. knapper) skal have en størrelse på mindst 24×24 CSS-pixels.

Hvorfor er denne retningslinje vigtig?
Forstørrelsen af betjeningselementerne forenkler aktiveringen, især for brugere med fingerfærdighedsproblemer, når målene er placeret tæt på hinanden.

Sådan inkorporerer du denne retningslinje i dit design

Design dine hjemmesider og apps, så du sikrer, at pointerinput opfylder minimumskravet til størrelse. Brug større mål til vigtige kontroller, og øg afstanden mellem tætliggende mål for at reducere risikoen for forkert aktivering.

Retningslinje 2.4 Sejlbar

Denne retningslinje fokuserer på at gøre det muligt for brugerne at navigere, finde indhold og forstå deres position på en webside.

2.4.11 Fokus ikke skjult (minimum) (AA)

Hvad er Focus Not Obscured?
Når en bruger fokuserer på et element med sit tastatur, skal det i det mindste være delvist synligt, ideelt set helt synligt. Det sikrer, at brugerne kender deres position og gør det nemmere at navigere.

Hvorfor er denne retningslinje vigtig?
Uklare fokuselementer kan føre til forvirring og forkert navigation på siden. Brugere med belastningsskader eller andre handicap har gavn af dette krav.

Sådan inkorporerer du denne retningslinje i dit design
Design med tabulatorrækkefølgen og tastaturnavigation i tankerne. Ideelt set skal du sikre, at elementet med fokus altid er synligt. Hvis det ikke er muligt, så reducer antallet af tilfælde, hvor fokuselementer er skjult.

2.4.12 Fokus ikke skjult (forbedret) (AAA)

Dette AAA-succeskriterium kræver, at elementet i fokus skal være fuldt synligt uden noget forfatterskabt indhold, der skjuler det.

2.4.13 Udseende af fokus (AAA)

Dette succeskriterium tager fokusindikatorer til det næste niveau og kræver, at fokusindikatorer opfylder specifikke krav til kontrast og størrelse.

2.4.14 Fokusudseende (forbedret) (AAA)

Dette kriterium går videre end minimumskravene og håndhæver yderligere kontrast- og størrelsesstandarder for fokusindikatorer.

Retningslinje 3.2 Forudsigelig

Denne retningslinje har til formål at få websider til at fremstå og fungere forudsigeligt.

3.2.6 Konsekvent hjælp (A)

Hvad er konsekvent hjælp?
Denne retningslinje opfordrer til konsekvent placering af hjælpemekanismer, herunder menneskelige kontaktoplysninger, selvhjælpsmuligheder og automatiserede mekanismer som chatbots, på alle websider.

Hvorfor er denne retningslinje vigtig?
Konsekvent placering af hjælp gør det lettere for brugere, især dem med handicap, at få adgang til hjælp under hele deres rejse.

Sådan inkorporerer du denne retningslinje i dit design
Sørg for, at hjælpemekanismerne er konsekvent placeret, let tilgængelige og følger et ensartet designmønster på alle sider.

Retningslinje 3.3 Hjælp til input

Denne vejledning hjælper brugerne med at undgå og rette fejl.

3.3.7 Redundant indgang (A)

Hvad er redundant indgang?
Det frarådes at indtaste overflødige oplysninger. Oplysninger fra brugeren bør udfyldes automatisk eller være let tilgængelige, når der er brug for dem igen i samme session.

Hvorfor er denne retningslinje vigtig?
At reducere behovet for at indtaste oplysninger flere gange mindsker den kognitive indsats og forbedrer brugeroplevelsen.

Sådan inkorporerer du denne retningslinje i dit design
Implementer mekanismer til automatisk at udfylde tidligere indtastede oplysninger, når det er nødvendigt.

3.3.8 Tilgængelig autentificering (minimum) (AA)

Hvad er tilgængelig autentificering?
Dette kriterium fraråder brug af gåder eller kognitive tests (som CAPTCHAs) til login. Sådanne tests kan være udfordrende for brugere med kognitive handicap.

Hvorfor er denne retningslinje vigtig?

Tilgængelig autentificering sikrer, at personer med handicap kan deltage fuldt ud i onlineaktiviteter. Det nedbryder barrierer, der kan forhindre brugere med visuelle, kognitive, motoriske eller andre funktionsnedsættelser i at få adgang til vigtige tjenester, foretage køb eller deltage i forskellige online-interaktioner.

Sådan inkorporerer du denne retningslinje i dit design
Design login-interaktioner uden brug af gåder eller kognitive tests.

3.3.9 Tilgængelig autentificering (forbedret) (AAA)

Dette kriterium på AAA-niveau går videre og forbyder genkendelse af objekter eller brugerleverede billeder eller medier under loginprocessen.

Alt det for at sige...

Konklusionen er, at WCAG 2.2 medfører en række forbedringer, der ikke kun øger tilgængeligheden, men også forbedrer den samlede brugeroplevelse. Som designer har du en unik mulighed for at gøre internettet mere inkluderende og brugervenligt lige fra begyndelsen. Ved at omfavne disse ændringer sætter du ikke bare flueben i overensstemmelsesbokse, men arbejder aktivt for at skabe en problemfri og tilgængelig onlineoplevelse for alle brugere.