Tillgänglighetsanalys
Webbplats: karlstad.se
Granskad sida: Strategiska planer och program
Standard: WCAG 2.2 nivå AA
Den här tillgänglighetsanalysen riktar in sig på webbsidan Strategiska planer och program på Karlstads kommuns webbplats. Syftet är att bedöma hur väl sidan uppfyller kraven i WCAG 2.2 nivå AA samt att identifiera brister som påverkar användbarheten för invånare med funktionsnedsättning.
1. Metod och avgränsning
Granskningen har genomförts med en kombination av:
Manuell granskning
Tangentbordsnavigering
Översiktlig testning med skärmläsare
Automatiska analysverktyg
Bedömningen utgår från WCAG 2.2 nivå AA samt DIGG:s tillsynsmetodik.
2 Möjlig att uppfatta (Perceivable)
2.1 Status
Delvis uppfyllt.
2.2 Positivt
Innehållet är uppdelat i flikar vilket bidrar till en tydligare struktur och minskar mängden information som presenteras samtidigt. Texten har en god läsbarhet och kontrasten mellan text och bakgrund uppfyller kraven enligt WCAG 2.2 nivå AA.
2.3 Brist 1: Otydlig visuell avgränsning av flikar
Problem
Flikarnas bakgrund har låg kontrast mot sidans bakgrund, vilket gör att de inte framträder tydligt som separata komponenter.
Påverkan
Den bristande visuella avgränsningen gör det svårt för användare med nedsatt syn att identifiera var olika sektioner börjar och slutar. Utan tydliga konturer ökar den kognitiva belastningen för personer med kognitiva funktionsnedsättningar eftersom sidans struktur och interaktiva element blir svåra att urskilja.
Berörda WCAG-delar
1.4.11 Kontrast för komponenter (AA)
Rekommenderad åtgärd
Öka kontrasten mellan flikarnas bakgrund och omgivande ytor för att skapa en tydlig visuell avgränsning som stöttar användare som är beroende av starka visuella ledtrådar.
2.4 Brist 2: Otillräcklig visuell återkoppling vid interaktion
Problem
Vid hovring med mus sker ingen visuell förändring av flikytan. Endast muspekarens form ändras.
Påverkan
Detta skapar osäkerhet hos användare med neurodivergens (exempelvis ADHD eller autism) eller kognitiva nedsättningar eftersom den förväntade bekräftelsen på en handling uteblir. Bristen på respons försvårar även för användare med finmotoriska svårigheter att med säkerhet veta att de har siktat rätt på det interaktiva elementet.
Berörda WCAG-delar
1.4.11 Kontrast för komponenter (AA)
Rekommenderad åtgärd
Inför en tydlig visuell återkoppling, såsom ändrad bakgrundsfärg eller kantlinjer, för att ge användaren omedelbar och tydlig bekräftelse vid interaktion.
Figur 1. Bristen av visuell förändring i flikarna med hovring av muspekare.. Även om muspekaren ändrar form vid hovring över fliken sker ingen visuell förändring av flikytan. Den ljusgula bakgrundsfärgen förblir oförändrad och användaren får ingen tydlig indikation på att hela ytan är interaktiv.
3 Hanterbar (Operable)
3.1 Status
Delvis uppfyllt.
3.2 Positivt
Sidan går i huvudsak att navigera med tangentbord, vilket är en förutsättning för många användare.
3.3 Brist 1: Otydlig fokusmarkering
Problem
Fokusmarkeringen är svår att uppfatta vid tangentbordsnavigering.
Påverkan
Användare som navigerar utan mus kan få svårt att avgöra var på sidan de befinner sig.
Berörda WCAG-delar
2.4.7 Fokus synligt (AA)
Rekommenderad åtgärd
Förstärk fokusmarkeringen så att den har en hög kontrast mot bakgrunden och framträder tydligt för alla användare.
3.4 Brist 2: Inkonsekvent visuell fokusmarkering
Problem
Inkonsekvensen ökar den kognitiva belastningen för användare med exempelvis ADHD eller autism, eftersom de ständigt måste lära om hur systemet bekräftar fokus. Det skapar en osäker och splittrad användarupplevelse där navigeringen känns instabil.
Den varierande återkopplingen gör det svårare att förutse hur interaktiva element beter sig. Användare som växlar mellan mus och tangentbord, eller enbart använder tangentbord, kan få en sämre och mindre konsekvent upplevelse.
Berörda WCAG-delar
3.2.4 Konsekvent identifiering (AA)
2.4.7 Fokus synligt (AA)
Rekommenderad åtgärd
Implementera en enhetlig visuell princip för hela webbplatsen där markering vid tangentbordsnavigering är minst lika tydlig som vid hovring med mus.
Figur 2: Några exempel på hur fokusmarkeringen och den visuella återkoppling skiftar mellan olika element och inmatningsmetoder.
4. Begriplig (Understandable)
4.1 Status
Delvis uppfylld.
4.2 Positivt
Språket är överlag tydligt och relativt lätt att förstå. Innehållet är uppdelat i mindre delar vilket underlättar läsning och överblick.
4.3 Brist 1: Otydliga länktexter
Problem
Flera länktexter är generella, exempelvis “Läs mer”.
Påverkan
Detta drabbar främst användare som är blinda och använder skärmläsare. Dessa användare navigerar ofta genom att lista alla länkar på en sida. Om länken bara säger "Läs mer" istället för "Läs mer om projektet", blir navigationen obegriplig. Det försvårar även för användare med kognitiva nedsättningar att snabbt avgöra vart en länk leder.
Berörda WCAG-delar
2.4.4 Länkens syfte (i sitt sammanhang) (A)
Rekommenderad åtgärd
Använd beskrivande länktexter som tydligt anger målet eller syftet med länken, även när den läses utanför sitt sammanhang.
4.4 Brist 2: Begränsad visuell tydlighet i struktur
Problem
Den visuella hierarkin är inte alltid tillräckligt tydlig, trots att innehållet är uppdelat.
Påverkan
Bristen på en stark visuell hierarki gör det svårt för användare med dyslexi eller kognitiva funktionsnedsättningar att skanna sidan och förstå sambanden mellan olika informationsblock. Det kräver onödigt mycket mental ansträngning för att tolka vad som hör ihop
Berörda WCAG-delar
1.3.1 Information och relationer (A)
Rekommenderad åtgärd
Förtydliga strukturen genom tydligare rubrikhierarki och visuell gruppering.
5. Robust (Robust)
Status
Ej fullt bedömd.
En fullständig teknisk granskning av kod, semantik och kompatibilitet med olika hjälpmedel har inte genomförts inom ramen för denna analys.
6. Sammanfattning
Webbplatsen uppfyller flera grundläggande krav på tillgänglighet, särskilt vad gäller textinnehåll och övergripande struktur.
De identifierade bristerna rör främst:
visuell tydlighet
återkoppling vid interaktion
konsekvens i gränssnittet
navigationsstöd
Åtgärder inom dessa områden skulle förbättra användbarheten, särskilt för personer med synnedsättning och kognitiva svårigheter.