Checklista för WCAG 2.2 AA

1.1.1 Icke-textuellt innehåll (A) — Uppfyllt

Metod: Axe samt manuell bedömning av bildens syfte, alternativtext och sammanhang.

Resultat: Fotografier och logotyper har textalternativ som motsvarar deras betydelse. Skärmläsare ignorerar dekorativa ikoner.

1.2.1 Enbart ljud och enbart video — förinspelat (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Inget förinspelat innehåll med enbart ljud eller video. Fotografier är inte tidsberoende medier.

1.2.2 Textning — förinspelat (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Ingen förinspelad video med ljud som kräver textning.

1.2.3 Syntolkning eller mediealternativ — förinspelat (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Inga förinspelade synkroniserade medier.

1.2.4 Textning — direktsänt (AA) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Inga direktsändningar.

1.2.5 Syntolkning — förinspelat (AA) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Ingen förinspelad video som kräver syntolkning.

1.3.1 Information och relationer (A) — Uppfyllt

Metod: Granskning av rubrikhierarki, formuläretiketter, listor och relationer mellan element, med stöd av axe-core.

Resultat: Rubriker, listor, fältetiketter, bildtexter och relationer mellan element är angivna i sidans struktur. Rubriker med bokstavsanimation behåller hela texten för hjälpmedel. Logotypen, verktygsraden och menyn hör till ett gemensamt sidhuvudsområde, och formulär som visas på samma sida har olika namn.

1.3.2 Meningsfull läsordning (A) — Uppfyllt

Metod: Jämförelse av läsordningen med innehåll, kort och formulär.

Resultat: Innehållet är begripligt i den programmatiska ordningen: inledning, ämne, relationer, beskrivning och handling.

1.3.3 Sensoriska kännetecken (A) — Uppfyllt

Metod: Manuell bedömning av formulärinstruktioner och aktivt innehåll.

Resultat: Instruktioner anger fält och handlingar med namn; de bygger inte enbart på färg, form eller placering.

1.3.4 Orientering (AA) — Uppfyllt

Metod: Användning av webbplats och meny i stående och liggande läge.

Resultat: Sidan och den rullningsbara menyn fungerar i stående och liggande läge utan att tvinga en orientering.

1.3.5 Identifiera inmatningssyfte (AA) — Uppfyllt

Metod: Axe-kontroll av autocomplete samt granskning av typer, etiketter och token för personuppgiftsfält.

Resultat: Fält för namn, e-post och organisation anger sitt syfte programmatiskt och stöder automatisk ifyllning.

1.4.1 Användning av färg (A) — Uppfyllt

Metod: Granskning av länkar, aktiva filter, ogiltiga fält och samtyckestillstånd; axe som stöd.

Resultat: Fel har text och sammanfattning; filter visar knapptillstånd och antal; länkar och val har fler signaler än färg.

1.4.2 Kontroll av ljud (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Inget ljud spelas upp automatiskt.

1.4.3 Kontrast — minimum (AA) — Uppfyllt

Metod: Mätning av textkontrast i normala och aktiva tillstånd, fel och meddelanden.

Resultat: Text och meddelanden i formulär, menyer och cookieinställningar uppfyller kraven på kontrast: 4,5:1 för normal text och 3:1 för stor text. Det gäller även nya element: den nedtonade delen av texten i fyllnadseffekten behåller en kontrast på minst 4,5:1 i alla panelens färglägen.

1.4.4 Ändra textstorlek (AA) — Uppfyllt

Metod: Förstoring av text till 200 % med panelen för läsinställningar. Mätning av faktisk textstorlek och kontrolltext samt bedömning av layout och användning vid 320 och 1440 CSS-pixlars bredd, även i dialoger och formulärmeddelanden.

Resultat: Sidtext, fält, knappar och meddelanden kan förstoras till 200 % utan förlust av innehåll eller funktioner. Menyer, formulär och dialoger kan fortsatt användas med förstorad text.

1.4.5 Bilder av text (AA) — Uppfyllt

Metod: Manuell klassificering av bilder efter syfte och undantag; jämförelse med DOM-text.

Resultat: Gränssnittets text kan läsas och förstoras som text. Logotyper och projektillustrationer bedömdes enligt de undantag som gäller deras betydelse.

1.4.10 Omflöde (AA) — Uppfyllt

Metod: Granskning vid en bredd på 320 CSS-pixlar, även med öppna menyer, dialoger och formulärmeddelanden.

Resultat: Granskade sidor behåller innehållet utan horisontell rullning av hela sidan. En bild i originalstorlek har intern rullning som verkligt tvådimensionellt innehåll. Sektioner som fästs vid rullning, till exempel den horisontella projektöversikten, används bara på breda skärmar; vid 320 pixlar och förstoring ordnas innehållet vertikalt.

1.4.11 Kontrast för icke-textuellt innehåll (AA) — Uppfyllt

Metod: Mätning av gränser och synliga tillståndsändringar med hänsyn till den verkliga angränsande bakgrunden.

Resultat: Fältgränser, fokusmarkeringar och indikatorer för kontrollernas tillstånd uppfyller kravet på kontrast 3:1 mot angränsande färger. Kanterna på den flytande navigeringen, snabbriefens alternativ och nya knappar har en kontrast på minst 3:1.

1.4.12 Textavstånd (AA) — Uppfyllt

Metod: Ökning av radavstånd till 1,5, styckeavstånd till 2, bokstavsavstånd till 0,12 och ordavstånd till 0,16 gånger teckenstorleken.

Resultat: Ökade textavstånd orsakar ingen förlust av innehåll eller funktioner. Vid uppdateringen kontrollerades alla 158 adresser vid 320 pixlar med ändrade avstånd.

1.4.13 Innehåll vid pekarhovring eller fokus (AA) — Uppfyllt

Metod: Genomgång av innehåll som visas vid hovring eller fokus, inklusive markörens etikett över bilder.

Resultat: Etiketten ”Förstora” visas bara vid muspekaren över en bild som kan förstoras. Den täcker inte text eller kontroller, finns kvar tills pekaren lämnar bilden och försvinner med Escape. Övrigt extra innehåll öppnas genom aktivering.

2.1.1 Tangentbord (A) — Uppfyllt

Metod: Aktivering med Enter/Space/Tab av menyer, dialoger, formulär, filter och bildvisare; granskning av inbyggda kontroller.

Resultat: Granskade funktioner kräver inte mus; bilder i skala 1:1 har en rullningsbar region som nås med tangentbord. Med tangentbordet använder du även den flytande navigeringen, animationsknappen, snabbriefen och den fästa projektöversikten: fokus i den fästa sektionen rullar fram det aktiva kortet.

2.1.2 Ingen tangentbordsfälla (A) — Uppfyllt

Metod: Tab och Shift+Tab i inbyggda dialoger, Escape, stängningsknappar och återgång till utlösaren.

Resultat: Modal fokusbegränsning kan avslutas; meny, bildvisare och inställningar kan stängas med tangentbord.

2.1.4 Tangentbordsgenvägar med tecken (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Inga globala genvägar som aktiveras av en ensam bokstav, siffra eller ett skiljetecken är definierade. Enter, Tab och Escape är inte sådana genvägar.

2.2.1 Justerbar tidsgräns (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Ingen session, nedräkning eller tidsgräns för användarsvar finns. Utgång av cookieinställningar begränsar inte tiden för att utföra en uppgift.

2.2.2 Pausa, stoppa, dölj (A) — Uppfyllt

Metod: Genomgång av animationer: laddningsskärmen, inledande animationer, sidövergångar och effekter kopplade till rullning samt test av avstängd rörelse.

Resultat: Animationer som startar automatiskt varar kortare än 5 sekunder; den längsta är laddningsskärmen vid första besöket (cirka 2,3 s). Effekter kopplade till rullning rör sig bara när du rullar. Alla animationer stängs av med knappen på startsidan, i panelen Läsinställningar eller med systemets inställning.

2.3.1 Tre blinkningar eller under tröskelvärdet (A) — Uppfyllt

Metod: Observation av sidinträde, rullning, hovring, dialoger och tillståndsändringar; granskning av aktiva effekter.

Resultat: Inga upprepade blinkningar över tröskeln förekommer i granskade tillstånd; en enstaka ändring av logotypens färg skapar inte en blinkningsserie. Sidövergången är en enda övertäckning och avtäckning av skärmen, utan blinkserier.

2.4.1 Hoppa över block (A) — Uppfyllt

Metod: Enter på hopplänken till main, landmärken och rubriker samt ytterligare Tab-genomgångar.

Resultat: Hopplänken leder direkt till huvudinnehållet. Rubriker och sidområden gör det möjligt att hoppa över återkommande block.

2.4.2 Sidans titel (A) — Uppfyllt

Metod: Jämförelse av sidtitlar med sidornas ämne och syfte.

Resultat: Varje sida har en titel som beskriver dess ämne eller syfte.

2.4.3 Fokusordning (A) — Uppfyllt

Metod: Navigering med Tab och Shift+Tab genom menyer, formulär och dialoger, inklusive kontroll av återgång till fokus.

Resultat: Ordningen når relevanta kontroller; dialoger och felrättning flyttar fokus avsiktligt och stängning återför det till utlösaren.

2.4.4 Länkens syfte — i sitt sammanhang (A) — Uppfyllt

Metod: Granskning av länknamn tillsammans med alternativtext, aria-label och närliggande sammanhang.

Resultat: Länkar anger tjänst, projekt eller handling; bildförstoring har bildtextens sammanhang och porträtt anger personen.

2.4.5 Flera sätt (AA) — Uppfyllt

Metod: Länkgraf samt manuell bedömning av menyer, listor, sammanhangslänkar och brödsmulor.

Resultat: Sidor kan hittas via menyn samt via listor eller länkar i sitt sammanhang.

2.4.6 Rubriker och etiketter (AA) — Uppfyllt

Metod: Bedömning av om rubriker beskriver avsnittens ämne och etiketter anger syftet med fält och knappar.

Resultat: Rubriker beskriver ämnen och etiketter skiljer fält, funktioner och valfrihet åt; de bygger inte på platshållartext.

2.4.7 Synligt fokus (AA) — Uppfyllt

Metod: Observation av Tab och mätning av visuella fokusändringar i gemensamma kontroller.

Resultat: Vid tangentbordsnavigering markeras det aktiva elementet med en synlig fokusmarkering.

2.4.11 Fokus inte skymt — minimum (AA) — Uppfyllt

Metod: Navigering med Tab och Shift+Tab och kontroll av aktiva elements synlighet vid det fasta sidhuvudet, efter sparade cookieinställningar och efter stängda dialoger.

Resultat: Elementet som får fokus förblir synligt. Sidhuvudet och cookiemeddelanden täcker inte hopplänken eller andra aktiva kontroller. Den flytande navigeringen är dold när sidhuvudet eller cookiemeddelandet visas och viker undan när elementet med fokus skulle hamna under den.

2.5.1 Pekargester (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Ingen funktion kräver en flerpunktgest eller banbaserad gest. Bildförstoring har en 1:1-knapp; rullning är inbyggd.

2.5.2 Avbryta pekaråtgärd (A) — Uppfyllt

Metod: Granskning av click/pointerdown-händelser och aktivering av inbyggda kontroller.

Resultat: Huvudhandlingar utförs genom click, inte oåterkalleligt vid down. Pointerdown utanför menyn stänger bara en återställbar utfällning.

2.5.3 Etikett i namn (A) — Uppfyllt

Metod: Jämförelse av kontrollernas tillgängliga namn med synliga etiketter och kontroll med regeln label-content-name-mismatch i axe-core.

Resultat: Knappars och fälts tillgängliga namn innehåller deras synliga etiketter.

2.5.4 Aktivering genom rörelse (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Funktioner aktiveras inte genom skakning, lutning av enheten eller användarrörelse framför en kamera. Pekarrörelse är inte avkänning av enhetsrörelse.

2.5.7 Dragrörelser (AA) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Ingen funktion kräver dragning. Originalbilder använder inbyggd rullning, inte en egen mekanism som bara fungerar genom dragning.

2.5.8 Målstorlek — minimum (AA) — Uppfyllt

Metod: Mätning av målens storlek och avstånd, med tillämpning av kriteriets undantag.

Resultat: Interaktiva mål uppfyller kravet på 24 × 24 CSS-pixlar eller tillämpliga villkor för avstånd eller undantag. Nya kontroller är minst 44 × 44 CSS-pixlar.

3.1.1 Sidans språk (A) — Uppfyllt

Metod: Jämförelse av språket som anges i sidans kod med språket i innehållet.

Resultat: Varje sidas språk motsvarar innehållet och är angivet i koden.

3.1.2 Språk i delar (AA) — Uppfyllt

Metod: Manuell bedömning av språket i uttryck och undantag för egennamn; kontroll av originalkursnamn i data och W3C-vägledning.

Resultat: Språket i avsnitt på andra språk är angivet programmatiskt. Egennamn bedömdes enligt det undantag som anges i kriteriet.

3.2.1 Vid fokus (A) — Uppfyllt

Metod: Tab-genomgång och fokusering av fält, länkar och dialogutlösare utan aktivering.

Resultat: Att enbart få fokus skickar inte ett formulär, öppnar inte en ny sida och ändrar inte sammanhanget. Dialoger kräver aktivering.

3.2.2 Vid inmatning (A) — Uppfyllt

Metod: Inmatning och ändring av fält, filter och inställningar; observation av fokus och navigering.

Resultat: Inmatning av uppgifter och val av inställningar orsakar inga oväntade byten av sida eller fokus.

3.2.3 Konsekvent navigering (AA) — Uppfyllt

Metod: Jämförelse av den gemensamma modulen och menyordningen i innehållsstickprov och mobilmenyn.

Resultat: Åtta huvudmål och sex tjänster behåller sin relativa ordning, med motsvarande översättningar och markering av aktuell plats.

3.2.4 Konsekvent identifiering (AA) — Uppfyllt

Metod: Jämförelse av funktionsetiketter i gemensamma moduler och interaktiva tillstånd.

Resultat: Samma funktion identifieras konsekvent inom varje språk: förstoring, stängning, cookieinställningar, rättning och kontakt. Extra sammanhang anger den specifika bilden/dialogen.

3.2.6 Konsekvent hjälp (A) — Uppfyllt

Metod: Jämförelse av DOM-ordning i gemensam sidfot, formulärhjälp och panelkontakt.

Resultat: Kontaktinformation och formulärhjälp finns på konsekventa platser på sidorna.

3.3.1 Identifiering av fel (A) — Uppfyllt

Metod: Ogiltig inskickning av nyhetsbrev, mini- och fullständigt kontaktformulär på alla språk; granskning av sammanfattningar och fält.

Resultat: Fel beskrivs med text vid fälten och i en länkad sammanfattning; aria-invalid anger tillståndet och fokus flyttas till sammanfattningen.

3.3.2 Etiketter eller instruktioner (A) — Uppfyllt

Metod: Granskning av etiketter, instruktioner för obligatoriska/frivilliga fält, format och samtycke till nyhetsbrev.

Resultat: Fält har etiketter, krav och formatvägledning före inmatning; valfrihet anges uttryckligt och samtycke beskriver sitt syfte.

3.3.3 Förslag vid fel (AA) — Uppfyllt

Metod: Ogiltig e-post, saknade obligatoriska uppgifter/samtycke och rättning med bevarad inmatning.

Resultat: Kända fel ger vägledning om det saknade fältet eller giltig adress; en länk leder till fältet som ska rättas. Inmatade uppgifter raderas inte.

3.3.4 Förebygga fel — juridik, ekonomi, data (AA) — Uppfyllt

Metod: Bedömning av konsekvenser för aktiva formulär och återställbarhet för lokala inställningar.

Resultat: Formuläruppgifter kan granskas och rättas före bekräftelse. Cookie- och läsinställningar kan ändras igen eller återställas.

3.3.7 Överflödig inmatning (A) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Det finns ingen flerstegsprocess som kräver samma uppgifter igen. Felrättning bevarar värden; oberoende formulär är inte en enda process.

3.3.8 Tillgänglig autentisering — minimum (AA) — Inte tillämpligt

Metod: Genomgång av webbplatsens innehåll och funktioner.

Resultat: Inget konto, inloggning, CAPTCHA, engångslösenord eller annan autentisering finns. Samtycke till nyhetsbrev är inte ett kognitivt test.

4.1.2 Namn, roll, värde (A) — Uppfyllt

Metod: Kontroller med axe-core och manuell granskning av namn, roller och tillstånd för knappar, fält, filter och dialoger.

Resultat: Knappar, fält, filter och dialoger anger tillgängliga namn och roller. Tillstånd för val, fel och utfällning förmedlas till hjälpmedel. Knappen i den flytande navigeringen anger om menyn är utfälld, och snabbriefens steg är fältgrupper med förklaring.

4.1.3 Statusmeddelanden (AA) — Uppfyllt

Metod: Granskning av filter, sökning, ordlista, formulär och cookies; live-regioner eller avsiktlig fokusflytt.

Resultat: Filterresultat, fel och formulärmeddelanden förmedlas till hjälpmedel utan att användaren behöver leta efter dem på sidan. Snabbriefens förlopp och avslut meddelas i en aktiv region.

Rapport och redogörelse