Wcag 2 2 Aa
23 inlägg
WCAG 1.3.4: Orientering
WCAG 1.3.4 Orientation kräver att innehåll inte begränsar sin visning och användning till en enda skärmorientering, såsom stående eller liggande, om inte en specifik orientering är nödvändig. Detta kriterium säkerställer att användare som inte fysiskt kan rotera sina enheter – såsom de med monterade surfplattor eller motoriska funktionsnedsättningar – ändå kan komma åt allt innehåll.
WCAG 1.3.5: Identifiera inmatningssyfte
WCAG 1.3.5 kräver att syftet med varje inmatningsfält som samlar in personuppgifter kan bestämmas programmatiskt, vilket gör det möjligt för webbläsare och hjälpmedelsteknik att automatiskt fylla i, märka eller anpassa fält. Detta är avgörande för användare med kognitiva funktionsnedsättningar och motoriska funktionsnedsättningar som gynnas av minskat manuellt inmatningsarbete.
WCAG 1.4.3: Kontrast (minimum)
WCAG 1.4.3 kräver att text och textbilder har en kontrastförhållande på minst 4,5:1 mot sin bakgrund (3:1 för stor text), vilket säkerställer att användare med nedsatt syn eller färgseendedefekter kan läsa innehåll utan hjälpmedel.
WCAG 1.4.4: Ändra textstorlek
WCAG 1.4.4 kräver att text kan förstoras upp till 200% utan hjälpmedelsteknik och utan förlust av innehåll eller funktionalitet. Detta kriterium är avgörande för användare med nedsatt syn som förlitar sig på webbläsarzoom eller anpassade teckenstorleksinställningar för att kunna läsa webbinnehåll bekvämt.
WCAG 1.4.5: Bilder av text
WCAG 1.4.5 kräver att text som förmedlar information presenteras som faktisk text i stället för som en bild av text, utom när en specifik visuell presentation är nödvändig eller när bilden kan anpassas visuellt av användaren. Detta kriterium är avgörande för användare som behöver ändra storlek, färg eller ombryta text för att kunna läsa den bekvämt.
WCAG 1.4.10: Omflöde
WCAG 1.4.10 Reflow kräver att innehåll kan presenteras utan förlust av information eller funktionalitet, och utan att kräva rullning i två dimensioner, när det visas med en bredd motsvarande 320 CSS-pixlar. Detta säkerställer att användare som är beroende av zoom eller små visningsfönster — inklusive personer med nedsatt syn och mobilanvändare — kan ta del av allt innehåll utan horisontell rullning.
WCAG 1.4.11: Icke-textkontrast
WCAG 1.4.11 kräver att användargränssnittskomponenter och grafiska objekt har en kontrastförhållande på minst 3:1 mot angränsande färger, vilket säkerställer att personer med nedsatt syn kan uppfatta interaktiva kontroller, fokusindikatorer och meningsfull grafik utan hjälpmedel.
WCAG 1.4.12: Textavstånd
WCAG 1.4.12 kräver att inget innehåll eller ingen funktionalitet går förlorad när användare åsidosätter egenskaper för textavstånd – radavstånd, teckenavstånd, ordavstånd och avstånd efter stycken – till specifika minimivärden. Detta kriterium är avgörande för användare med dyslexi, nedsatt syn och kognitiva funktionsnedsättningar som är beroende av anpassade avstånd för att kunna läsa effektivt.
WCAG 1.4.13: Innehåll vid hovring eller fokus
WCAG 1.4.13 kräver att ytterligare innehåll som visas vid hovring med pekare eller tangentbordsfokus är avfärdbart, hovringsbart och bestående — vilket säkerställer att användare med nedsatt syn, motoriska funktionsnedsättningar och kognitiva funktionsnedsättningar kan komma åt och interagera med innehåll i verktygstipsstil utan att förlora det oväntat.
WCAG 2.4.5: Flera sätt
WCAG 2.4.5 kräver att webbplatser tillhandahåller mer än ett sätt för användare att hitta en viss sida inom en uppsättning webbsidor — till exempel genom en webbplatssökning, en webbplatskarta eller en navigationsmeny. Detta säkerställer att användare med olika förmågor och preferenser kan hitta innehåll med den metod som fungerar bäst för dem.
WCAG 2.4.6: Rubriker och etiketter
WCAG 2.4.6 kräver att rubriker och etiketter, när de finns, måste vara beskrivande och korrekt förmedla ämnet eller syftet med innehållet som de introducerar eller identifierar. Detta kriterium hjälper användare – särskilt de som använder hjälpmedelsteknik – att navigera i innehåll effektivt och förstå strukturen och syftet med sidavsnitt och formulärfält.
WCAG 2.4.7: Synlig fokus
WCAG 2.4.7 kräver att alla tangentbordsstyrda användargränssnitt har en synlig fokusindikator så att användare alltid kan se vilket element som för närvarande har tangentbordsfokus. Detta är avgörande för användare som enbart använder tangentbord, personer med motoriska funktionsnedsättningar och alla som inte kan använda en mus.
WCAG 2.4.11: Fokus inte skymd (minimum)
WCAG 2.4.11 kräver att när en UI-komponent får tangentbordsfokus får den inte vara helt dold av innehåll som skapats av författaren, såsom klistriga sidhuvuden, cookie-banners eller chattwidgetar. Detta kriterium säkerställer att tangentbordsanvändare alltid kan se var de befinner sig på sidan, vilket är avgörande för navigering och användbarhet.
WCAG 2.5.7: Dragrörelser
WCAG 2.5.7 kräver att all funktionalitet som använder en dragrörelse också kan utföras med en enda pekare utan dragning, om inte dragning är väsentlig. Detta säkerställer att användare med motoriska funktionsnedsättningar som inte på ett tillförlitligt sätt kan utföra draggester ändå kan komma åt all funktionalitet.
WCAG 2.5.8: Målstorlek (minimi)
WCAG 2.5.8 kräver att interaktiva mål som knappar och länkar har en minsta storlek på 24×24 CSS-pixlar, eller tillräckligt med mellanrum runt mindre mål, så att användare med motoriska funktionsnedsättningar kan aktivera dem på ett tillförlitligt sätt. Om detta kriterium inte uppfylls leder det till oavsiktliga aktiveringar och frustration för alla som inte kan styra en pekare med precision.
WCAG 3.1.2: Språk för delar
WCAG 3.1.2 kräver att alla stycken, fraser eller avsnitt av webbinnehåll som är skrivna på ett annat språk än sidans primära språk måste identifieras programmatiskt med hjälp av lang-attributet. Detta gör det möjligt för hjälpmedelstekniker, särskilt skärmläsare, att automatiskt byta talsyntesmotor och återge innehållet korrekt för användare som är beroende av ljudutmatning.
WCAG 3.2.3: Konsekvent navigering
WCAG 3.2.3 kräver att navigeringsmekanismer som förekommer på flera sidor inom en uppsättning webbsidor förekommer i samma relativa ordning varje gång, om inte användaren initierar en ändring. Denna förutsägbarhet hjälper användare med kognitiva, visuella och motoriska funktionsnedsättningar att skapa mentala modeller av en webbplats och navigera effektivt.
WCAG 3.2.4: Konsekvent identifiering
WCAG 3.2.4 kräver att komponenter som utför samma funktion på en webbplats identifieras konsekvent — genom att använda samma etikett, namn eller alternativtext varje gång de förekommer. Detta förhindrar förvirring för användare som är beroende av konsekventa mönster för att navigera och förstå digitala gränssnitt.
WCAG 3.2.6: Konsekvent hjälp
WCAG 3.2.6 kräver att om en webbplats erbjuder mänsklig kontakt, självhjälp eller automatiserade hjälpmekanismer, ska dessa mekanismer förekomma i samma relativa ordning på alla sidor. Detta säkerställer att användare med kognitiva funktionsnedsättningar eller minnesnedsättningar på ett tillförlitligt sätt kan hitta hjälp utan att behöva lära om gränssnittet på varje sida.
WCAG 3.3.3: Felrekommendation
WCAG 3.3.3 kräver att när ett inmatningsfel upptäcks automatiskt måste systemet tillhandahålla en textbeskrivning som föreslår hur användaren kan rätta till misstaget — om inte detta skulle äventyra säkerheten eller syftet. Detta kriterium är avgörande för användare med kognitiva funktionsnedsättningar, skärmläsaranvändare och alla som har svårt att förstå vag eller utebliven felvägledning.
WCAG 3.3.4: Felprevention (juridiskt, ekonomiskt, data)
WCAG 3.3.4 kräver att webbinlämningar som innebär juridiska åtaganden, finansiella transaktioner eller känsliga uppgifter kan kontrolleras, korrigeras eller ångras innan de slutförs. Detta skyddar alla användare – särskilt de med kognitiva och motoriska funktionsnedsättningar – från oåterkalleliga misstag med stora konsekvenser.
WCAG 3.3.8: Tillgänglig autentisering (minimi)
WCAG 3.3.8 kräver att autentiseringsprocesser inte förlitar sig på kognitiva funktionstester – såsom att memorera lösenord, lösa pussel eller skriva av tecken – om inte en alternativ metod eller hjälp finns tillgänglig. Detta skyddar användare med kognitiva funktionsnedsättningar från att stängas ute från digitala tjänster.
WCAG 4.1.3: Statusmeddelanden
WCAG 4.1.3 kräver att statusmeddelanden – såsom bekräftelser på formulärinlämning, felmeddelanden och uppdateringar av varukorg – ska vara programmatiskt fastställbara genom roll eller egenskap så att hjälpmedelstekniker kan tillkännage dem utan att användaren behöver flytta fokus. Detta säkerställer att användare som är beroende av skärmläsare får viktig återkoppling även när fokus inte flyttas till meddelandet.