Solbränningens jökelstäpp · Redaktionell standard

Tillgänglighet på webbplatsen

På Isvargen ska varje besökare kunna utforska våra spelguider och jämförelsetabeller på lika villkor – med skarp kontrast, full tangentbordsstyrning och lugn bildåtergivning.

Målnivå: WCAG 2.2 AA Senast granskad:

Vårt åtagande och rättsligt sammanhang

Frivilligt tillgänglighetsarbete för en öppen spelfältguide

Bakom Isvargen står [Företagsnamn]. Vi vill att så många som möjligt ska kunna använda webbplatsen, ta del av våra oberoende genomgångar av webbläsarspel och avläsa varje titels Snabbfakta utan tekniska eller visuella hinder. Därför bygger och underhåller vi isvargen.com med riktlinjerna i Web Content Accessibility Guidelines (WCAG) 2.2 på nivå AA som teknisk och redaktionell målbild.

I Sverige regleras digital tillgänglighet bland annat genom lagen (2018:1937) om tillgänglighet till digital offentlig service samt lagen (2023:254) om vissa produkters och tjänsters tillgänglighet. Som en privat, oberoende redaktionell publikation och spelguide omfattas Isvargen inte av de lagstadgade kraven för offentliga aktörer eller tillståndspliktiga e-handelstjänster. Vi har ändå valt att frivilligt tillämpa WCAG 2.2 nivå AA fullt ut över hela webbplatsen, eftersom tydlig typografi, förutsägbar navigering och hög läsbarhet gör guiden bättre för alla läsare.

Svalka Vargvinges siktlinje: Precis som en spejare behöver fri sikt över jökelstäppen ska rubriker, tabeller och knappar vara lätta att urskilja i alla lägen.

Så är webbplatsen utformad

Fyra grundpelare enligt WCAG 2.2 nivå AA

Från startsidans vildmarksvideo ned till varje enskilt spels Snabbfakta är koden konstruerad för att fungera stabilt oavsett om du navigerar med mus, pekskärm, tangentbord eller skärmläsare.

Rörelsekänslighet och tyst hjältevideo

Öppningsscenen på startsidan visar en kort, målad vildmarksvideo med Isvargen Rimklo och Svalka Vargvinge. För att aldrig störa skärmläsare eller överraska dig med ljud är videon helt ljudlös. I övre högra hörnet av scenen finns en tydlig knapp (”Pausa video” / ”Spela video”) som du när som helst kan aktivera med mus, pekskärm eller tangentbord.

Om du har aktiverat inställningen för minskad rörelse (prefers-reduced-motion: reduce) i ditt operativsystem eller i din webbläsare spelas videon överhuvudtaget inte upp. Den ersätts då automatiskt av en högupplöst stillbild i full färgstyrka, samtidigt som alla rullningsanimationer och kortlyft på webbplatsen stängs av.

Kontrast, färger och skalbar text

All brödtext, alla faktarader i Snabbfakta och alla tabeller vilar mot en lugn, ljus snöyta (#F6FAFD till #FFFFFF) där mörk skiffertext (#0D151C och #26323D) ger ett kontrastförhållande som överstiger 11:1. Där text placeras över mörka bildpartier i sidhuvudets vildmarksvyer säkras läsbarheten med mörka bakgrundsplattor och skarpa konturskuggor.

Ingen information förmedlas enbart med färg: länkar i löpande text har alltid en tydlig understrykning utöver sin vulkanröda färgton. Textstorleken är aldrig mindre än 12 pixlar för finstilt metadata, och du kan zooma sidan upp till 200 % utan att spalter klipper text eller att horisontell rullning uppstår i läsflödet.

Tangentbordsstyrning och träffytor

Hela Isvargen går att använda med enbart tangentbord. Längst upp på varje sida finns genvägslänken ”Hoppa till huvudinnehåll” som blir synlig så snart du trycker på Tab. Samtliga länkar, knappar, utfällbara källhänvisningar i Snabbfakta (<details>) och mobilmenyn följer en logisk tabbordning och markeras med en skarp turkos fokusring (3 pixlar bred med tydligt avstånd).

Om du stänger mobilmenyn med tangenten Esc återförs fokus automatiskt till menyknappen. Alla klick- och pekbara element uppfyller eller överträffar WCAG 2.2-kravet på en minsta träffyta om 24 × 24 CSS-pixlar.

Semantisk struktur, bildtexter och funktion utan skript

Varje sida har exakt en huvudrubrik (<h1>) följd av en hierarkisk rubrikstruktur (<h2>–<h3>) och tydliga landmärken (<header>, <nav>, <main> och <footer>). Redaktionella spelomslag och scenbilder har beskrivande alt-texter på svenska, medan rent dekorativa isornament och vinjetter är märkta med alt="" och aria-hidden="true" så att de inte skapar brus i skärmläsare.

Externa länkar till spelens officiella webbplatser öppnas i en ny flik och innehåller en uppläst anmärkning för skärmläsare. Hela webbplatsen – inklusive huvudmenyn, jämförelsetabellen på Vildmarkskartan och alla utfällbara Snabbfakta-block – är fullt läsbar och användbar även om JavaScript är avstängt.

Teknisk översikt över tillgänglighetsfunktioner

Tabellen nedan sammanfattar hur centrala kriterier i WCAG 2.2 nivå AA är implementerade på isvargen.com.

Område Tillämpad lösning på Isvargen Relaterat WCAG 2.2-kriterium
Ljudlös och styrbar video Hjältevideon på startsidan saknar ljudspår, har en synlig pausknapp och ersätts av en stillbild vid prefers-reduced-motion: reduce. 1.4.2 Ljudkontroll · 2.2.2 Pausa, stoppa, dölj
Kontrast för text och gränssnitt Minst 4,5:1 för normal text och minst 3:1 för stor text samt interaktiva fokus- och knappramar mot såväl snöljus som mörk vulkanbakgrund. 1.4.3 Kontrast (minimum) · 1.4.11 Kontrast på icke-text
Synligt tangentbordsfokus 3 px turkos fokusram med 3 px marginal (outline-offset) som aldrig döljs av klibbiga menyer eller kortkanter. 2.4.7 Synligt fokus · 2.4.11 Fokus inte dolt (AA)
Storlek på träffytor Alla navigeringslänkar, knappar och utfällbara rader i Snabbfakta är minst 24 × 24 CSS-pixlar med fritt utrymme runt om. 2.5.8 Målområdets storlek (minimum, AA)
Språk och läsriktning Sidans huvudspråk är deklarerat som svensk standard (lang="sv-SE") och följer klarspråksprinciper med konsekvent terminologi. 3.1.1 Sidans språk · 3.2.4 Konsekvent identifiering

Rapportera brister eller skicka synpunkter

Vi kontrollerar tillgängligheten löpande både med automatiserade testverktyg och genom manuell granskning med tangentbord, skärmläsare och olika skärmbredder (från 320 pixlar och uppåt). Om du trots detta upptäcker ett hinder, en bristande kontrast, ett element som inte går att nå med tangentbord eller något annat som försvårar ditt besök vill vi gärna få veta det så att vi kan åtgärda felet.

E-post till operatören: [E-postadress]
Ansvarig utgivare / operatör: [Företagsnamn] ([Organisationsnummer, styrelsens säte (ort) och momsregistreringsnummer om bolaget har ett])
Postadress: [Adress i etableringslandet]

Tips när du skriver till oss: Beskriv gärna på vilken sida (URL) hindret uppstod, vad du försökte göra samt vilken webbläsare, enhet och eventuellt hjälpmedel (exempelvis VoiceOver, NVDA eller JAWS) du använde.