Hoppa till huvudinnehåll
Blixtfjord
Meny

Teknisk tillgänglighetsredogörelse · WCAG 2.2 AA

Tillgänglighet i Blixtfjord

När varje relä, kopplingsbord och tangentbrytare är byggd med skarp kontrast, ren semantik och full tangentbordskontroll kan alla besökare navigera fjorden på lika villkor.

Riktvärde: WCAG 2.2 nivå AA
Status: Frivilligt åtagande
Senast granskad:

Sektion 01 · Rättslig status

Frivillig tillgänglighetsredogörelse och svensk lagstiftning

Blixtfjord (blixtfjord.com) drivs av [Företagsnamn] som en fristående, privat och oberoende svensk spelguide till tio utvalda webbläsarspel inom programmering, kretslogik och tangentprecision. Eftersom webbplatsen varken är en myndighet eller ett offentligt styrt organ omfattas den inte av lagen (2018:1937) om tillgänglighet till digital offentlig service (DOS-lagen).

Webbplatsen tillhandahåller heller inte e-handelstjänster, banktjänster, persontransporter, e-böcker eller annan sådan konsumentservice som omfattas av lagen (2023:254) om vissa produkters och tjänsters tillgänglighet (tillgänglighetslagen). Vi säljer inga spel eller tillägg, hanterar inga användarkonton och genomför inga betalningar.

Även om dessa lagar inte är tvingande för vår redaktionella guide anser vi att god ingenjörskonst på webben ska vara öppen för alla. Därför har vi frivilligt valt att konstruera och underhålla Blixtfjord enligt de internationella riktlinjerna Web Content Accessibility Guidelines (WCAG) 2.2 på nivå AA.

Sektion 02 · Kopplingsstandard

Hur vi tillämpar WCAG 2.2 nivå AA i praktiken

Varje vy i Blixtfjord är uppbyggd som ett överskådligt kopplingsschema där text, bild, tabeller och interaktiva reglage följer fasta tekniska specifikationer.

1.4.3 / 1.4.11

Kontrast och läsbarhet mot mörk basalt

Brödtext och faktarader sätts i ljust skiffervitt (#B8C7D9 till #FFFFFF) mot djupt midnattsblå basaltpaneler (#0A111D och #0E1826). Det ger ett kontrastförhållande som med god marginal överstiger kravet på 4,5:1 för normal text och 3:1 för rubriker, ikoner och kantlinjer. Text som ligger över bakgrundsbilder skyddas alltid av en tät panel eller dubbla mörka konturskuggor.

2.1.1 / 2.4.7 / 2.4.11

Fullständig tangentbordsnavigering och synligt fokus

Hela webbplatsen – inklusive huvudmenyn, mobilmenyn, de utfällbara källhänvisningarna i Snabbfakta och tabellfiltren i Kopplingsschemat – kan styras enbart med tangentbordet. Högst upp på varje sida finns länken ”Hoppa till huvudinnehåll”. Aktiva element markeras med en tydlig fokusring på 2 pixlar i elektrisk cyan (#38F2FF) med mörk distansram som aldrig skyms av intilliggande paneler.

2.5.8

Generösa träffytor för pekskärm och mus

Samtliga knappar, navigationslänkar, pausreglage och utfällbara <summary>-rader i Snabbfakta är dimensionerade för att uppfylla eller överträffa minimikravet på 24×24 CSS-pixlar enligt WCAG 2.2. Våra primära kopparknappar till spelens officiella webbplatser har en lägsta höjd på 38–44 pixlar med tydligt avstånd till nästa interaktiva yta.

1.1.1 / 1.3.1 / 4.1.2

Semantisk HTML och beskrivande bildtexter

Varje sida har exakt en huvudrubrik (<h1>) följd av en logisk rubrikstruktur (<h2>–<h3>) och tydliga landmärken (<header>, <nav>, <main>, <footer>). Alla spelframställningar och världsscener har utskrivna svenska alt-texter som beskriver motivet, medan rent dekorativa kretslinjer och ornament är dolda för skärmläsare med alt="" eller aria-hidden="true".

1.4.4 / 1.4.10

Responsiv typografi och 200 % förstoring

All text är satt med skalbara enheter (rem och clamp()) där den minsta förekommande textgraden för fotnoter och juridisk information är 12 pixlar (0.75rem). Layouten anpassar sig steglöst från 320 pixlars skärmbredd upp till breda skrivbordsskärmar utan horisontell rullning av brödtext vid 200–400 procents zoom.

Progressive Enhancement

Fungerar även utan JavaScript

Alla spelbeskrivningar, Snabbfakta-paneler, källhänvisningar, jämförelsetabeller och externa länkar till spelens officiella webbplatser är ren serverrenderad HTML och CSS. Om JavaScript är avstängt i din webbläsare förblir varje text, meny och länk fullt läsbar och brukbar.

Sektion 03 · Video, ljud och animationer

Tyst startvideo, pausknapp och respekt för minskad rörelse

På startsidans öppningsvy över huvudviadukten visas en kort, loopande introduktionsvideo med Fjordis och Blixtvar. För att aldrig störa skärmläsare eller överraska dig som besökare är videon byggd enligt tre strikta regler:

  • Alltid helt tyst: Videon saknar ljudspår och spelas med attributet muted så att inga plötsliga ljudeffekter konkurrerar med talsyntes eller skärmläsare.
  • Manuell paus- och startknapp: I nedre högra hörnet av startvyn finns en tydlig, tangentbordsåtkomlig reglageknapp (.bf-hero-toggle) där du när som helst kan pausa eller starta videon med ett enda tryck på Enter, Blanksteg eller pekskärm.
  • Automatisk stillbild vid prefers-reduced-motion: Om du har aktiverat ”Minska rörelse” (Reduce motion) i ditt operativsystem eller i din webbläsare startar videon inte alls. Då visas i stället den högupplösta stillbilden i full skärpa, samtidigt som alla pulserande ljuseffekter på relänoder och mjuka rullningsövergångar stängs av automatiskt via vår stilmall.
Fjordis står vid ett runt mässingsbord med förgrenade ljusträd i ett öppet basaltgalleri med utsikt över vattenfall och fjälltoppar.

Fjordis testar alla gränssnitt med höghastighetstangenter: varje länk och reglage ska svara direkt utan mus.

Sektion 04 · Gränsdragning & kontakt

Externa spel och hur du rapporterar hinder

Observera att de tio spelen som presenteras på Blixtfjord – NandGame, Bitburner, Untrusted, Learn Git Branching, CSSBattle, Flexbox Froggy, Grid Garden, Monkeytype, TypeRacer och Nitro Type – drivs av sina respektive utvecklare och utgivare på separata, externa webbplatser. När du klickar på en länk till ett spels officiella webbplats lämnar du Blixtfjord, och tillgängligheten i själva spelet styrs av respektive utgivare. I vårt kopplingsschema och på sidan För föräldrar beskriver vi hur varje spel spelas i praktiken.

Upptäcker du ändå ett tillgänglighetshinder på blixtfjord.com – till exempel en tabell som är svår att tolka med skärmläsare, en kontrast som brister eller ett reglage som inte svarar på tangentbord – vill vi gärna få veta det så att vi kan åtgärda felet i källkoden.

Kontakta ställverkets redaktion

Skicka ett e-postmeddelande och beskriv gärna vilken sida (URL) det gäller samt vilken webbläsare eller vilket hjälpmedel du använder:

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