Vad är nytt
En närmare titt på de senaste funktionerna, tillgänglighetsuppgraderingarna och prestandaförbättringarna.
Prestanda och mätvärden
Snabbare sidor med moderna bildformat (AVIF/WebP), smartare cache och specialiserade bildladdningsknep som suddiga platshållare (blur-up) och prioriterad LCP-hantering.
Dessa skärmbilder kommer från Google Lighthouse (PageSpeed Insights) med Mobile-läget. Lighthouse kör ett reproducerbart labbtest i Chrome med simulerad enhet och nätverksbegränsning.
Vad som ändrades
- Moderna bildformat (AVIF/WebP) och responsiv storlek för att minska överföring med upp till 80%.
- Suddiga platshållare (blur-up) och prioriterad laddning för kritiska bilder för att minimera upplevd väntetid.
- Mindre blockerande JavaScript och smartare laddning för att sänka Total Blocking Time.
Största vinsterna
- Prestanda: 62 → 99
- LCP: 8,8s → 2,0s
- Total Blocking Time: 130ms → 40ms
Efterlevnad och standarder
Vi kopplar webbplatsens funktioner till standarder. Varje funktion är byggd för att uppfylla specifika WCAG-kriterier. Här är hur våra designval mappar mot globala tillgänglighetsstandarder. För full efterlevnad av WCAG övervakar vi 55+ WCAG 2.1 AA-kriterier och visar aktuell status.
| Funktion | WCAG-kriterium | Nivå | Påverkan |
|---|---|---|---|
| Klistrad navigering | 3.2.3 Consistent Navigation | AA | Menyn ligger på samma plats mellan sidor, vilket minskar kognitiv belastning. |
| Fokusmarkeringar | 2.4.7 Focus Visible | AA | Tangentbordsanvändare ser alltid var fokus är och tappar inte bort sig. |
| Textskalning | 1.4.4 Resize Text | AA | Layouten anpassar sig när texten zoomas till 200% och funktionaliteten bevaras. |
| Mörkt läge | 1.4.3 Contrast (Minimum) | AA | Texten har tillräcklig kontrast i både ljust och mörkt tema för god läsbarhet. |
| Rörelsekontroll | 2.2.2 Pause, Stop, Hide | A | Besökare kan minska rörelse för att undvika distraktion och vestibulära problem. |
| Statusmeddelanden | 4.1.3 Status Messages | AA | Skärmläsare annonserar laddning och tomma lägen utan att flytta fokus. |
| Semantiska landmärken | 1.3.1 Info and Relations | A | Navigering och huvud innehåll identifieras korrekt så att hjälpmedel kan hoppa direkt dit. |
| Sökdialog | 2.1.2 No Keyboard Trap | A | Sököverlägget hanterar fokus när det är öppet och går alltid att stänga med Escape. |
| Inmatningsetiketter | 3.3.2 Labels or Instructions | A | Sökfält har tillgängliga etiketter så att skärmläsare berättar vad man ska skriva. |
| Minskad rörelse | 2.3.3 Animation from Interactions | AAA | Animationer respekterar operativsystemets inställning för minskad rörelse. |
| Röstsök | 2.5.1 Pointer Gestures | A | Ger ett alternativt sätt att söka för den som har svårt att skriva. |
| Uppläsning | 3.1.5 Reading Level | AAA | Ger ett ljudalternativ för längre texter och stödjer dyslexi och kognitiv tillgänglighet. |
Intuitiv navigering
Ett konsekvent sidhuvud som håller viktiga funktioner nära till hands.
Motivering
Förutsägbar navigering minskar den kognitiva belastningen. Besökare ska inte behöva gissa var menyn eller sökningen finns.
Klistrade sidhuvuden stödjer orientering och minne, och tydliga fokusmarkeringar förbättrar tangentbordsnavigering.
Tillgänglighetsmeny
Kontroller för textstorlek, rad- och teckenavstånd, kontrast, rörelse, fokus och länkutseende. Uppfyller WCAG 2.5.8 för målstorlek.
Motivering
Tillgänglighet är en kärnvärdering. När besökaren kan justera inställningar anpassar sig webbplatsen efter behov.
Stöd för förstorad text, kontrast och minskad rörelse. Större klickytor hjälper vid motoriska svårigheter.
Uppläsning (Web Speech)
Inbyggd uppläsning med uppspelningskontroller. Stödjer WCAG 1.1.1 (Icke-textinnehåll) genom att erbjuda ett ljudalternativ.
Motivering
Lång text kan vara tröttande att läsa. Uppläsning gör det enklare att ta till sig innehåll handsfree.
Hjälper personer med dyslexi, nedsatt syn eller kognitiv belastning som har nytta av ljudstöd.
Sök och upptäckt
Sök som förstår avsikt, stödjer synonymer och inkluderar röstsök.
Motivering
Besökare behöver hitta innehåll snabbt. Smartare sök minskar friktion genom att hantera stavfel och sammanhang.
Röstsök stödjer handsfree-inmatning. Tydliga statusmeddelanden förbättrar skärmläsarupplevelsen.
Kalender och föreställningsflöden
Förfinade kalender- och föreställningsflöden med tydligare hover/fokus och separata biljettvägar.
Motivering
Kalendern är en kärnfunktion. Tydlig visuell feedback minskar felklick och förvirring. Tydlighet kring vilka biljetter som är slutsålda och vilka som har platser kvar gör det lättare att navigera.
Starka fokusmarkeringar och tydligare etiketter hjälper vid navigation i täta kalendergränssnitt.
Integritet och samtycke
Ett integritetsfokuserat tillvägagångssätt som respekterar besökarens gränser genom genomtänkt ingenjörskonst, genom att undvika invasiv tredjepartsspårning som standard.
Motivering
Tredjepartswidgets (som Instagram eller Google Maps) laddar ofta externa resurser som samlar in besökardata utan samtycke. Vi blockerar alla tredjepartskakor och anrop tills uttryckligt samtycke ges, och prioriterar integritet utan att offra funktionalitet.
Vi ersätter Instagrams tredjepartswidget med vårt eget galleri, vilket eliminerar cookie-spårning och bevarar funktionaliteten.
Koldioxidavtryck och hållbarhet
Optimerad prestanda minskar energianvändning. Den nya webbplatsen får betyget “B” jämfört med den tidigare versionens “F”.
Motivering
Mindre dataöverföring och mindre arbete i klienten ger lägre utsläpp per sidvisning.
Lättare sidor fungerar bättre på äldre enheter och begränsade dataplaner, vilket förbättrar tillgängligheten.