Introduktion
I webdesignets verden 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. Den kommer med et nyt sæt nye og opdaterede retningslinjer, som vil have en varig indvirkning på både nye og eksisterende designs. Det er en betydelig 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ægtelig 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 ned i det 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 - Inputmodaliteter
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 Kan trækkes med Bevægelser?
Denne retningslinje anbefaler at kopiere trækbevægelser, der bruger en mus, med enklere markøralternativer som tryk eller klik. At trække indebærer at trykke eller klikke for at starte bevægelsen, holde den nede, mens markøren flyttes, og slippe for at afslutte handlingen.
Hvorfor er denne retningslinje vigtig?
Ikke alle brugere kan udføre trækbevægelser præcist, hvilket potentielt udelukker dem fra visse funktioner. Denne retningslinje er til gavn for brugere med nedsat mobilitet, rystelser og problemer med finmotorikken.
Sådan indarbejder du denne retningslinje i dine designs
Identificer, hvor der er behov for trækbevægelser, 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 markørinput (f.eks. knapper) skal være mindst 24×24 CSS-pixels i størrelse.
Hvorfor er denne retningslinje vigtig?
Forstørrelsen af kontrolelementerne gør det nemmere at aktivere dem, især for brugere med problemer med fingerfærdighed, når målene er tæt på hinanden.
Sådan indarbejder du denne retningslinje i dine designs
Design dine websites og apps for at sikre, at markørinput 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 fuldt synligt. Det sikrer, at brugerne kender deres position og hjælper med at navigere.
Hvorfor er denne retningslinje vigtig?
Skjulte fokuselementer kan føre til forvirring og forkert sidenavigation. Brugere med belastningsskader eller andre handicap har gavn af dette krav.
Sådan indarbejder du denne retningslinje i dine designs
Design med tabulatorrækkefølgen og tastaturnavigation i tankerne. Sørg helst for, at elementet med fokus altid er synligt. Hvis det ikke er muligt, skal du reducere antallet af tilfælde, hvor fokuselementer er skjult.
2.4.12 Fokus ikke overskygget (forbedret) (AAA)
Dette AAA-succeskriterium foreskriver, at det element, der er i fokus, skal være fuldt synligt, uden at noget forfatterskabt indhold skjuler det.
2.4.13 Udseende af fokus (AAA)
Dette succeskriterium tager fokusindikatorerne til det næste niveau og kræver, at fokusindikatorerne opfylder specifikke krav til kontrast og størrelse.
2.4.14 Fokusudseende (forbedret) (AAA)
Ud over minimumskravene håndhæver dette kriterium 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 handicappede, at få adgang til hjælp under hele deres rejse.
Sådan indarbejder du denne retningslinje i dine designs
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 overflødig indgang?
Overflødig indtastning af oplysninger frarådes. 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 indarbejder du denne retningslinje i dine designs
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 CAPTCHA'er) 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 indarbejder du denne retningslinje i dine designs
Design login-interaktioner uden at være afhængig af gåder eller kognitive tests.
3.3.9 Tilgængelig godkendelse (udvidet) (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, som ikke kun øger tilgængeligheden, men også forbedrer den samlede brugeroplevelse. Som designer har du en unik mulighed for at gøre nettet mere inkluderende og brugervenligt helt fra begyndelsen. Ved at omfavne disse ændringer sætter du ikke bare kryds i felter, der skal overholdes, men arbejder aktivt for at skabe en problemfri og tilgængelig onlineoplevelse for alle brugere.
