Hoppa till innehåll

Modern och tillgänglig plattform för vårdpersonal

När Sorbact ville säkerställa att deras webbplatser uppfyllde dagens tillgänglighetskrav hjälpte vi dem att anpassa deras tre plattformar enligt WCAG 2.2 nivå A och AA. Resultatet blev tydligare struktur, förbättrad användarupplevelse och en modernare teknisk grund – utan att förändra det visuella uttrycket mer än nödvändigt.

Besök sorbact.com (Öppnas i ny flik)
En bärbar dator på ett bord visar en webbplats med en närbild av gröna och lila celler, svensk text och navigeringsknappar. Miljön ser mysig ut med ett suddigt inomhusljus i bakgrunden.

Om Sorbact

Sorbact är en svensk innovation som hjälper utbudet av sårförband till patienter i mer än 65 länder. Baserat på naturliga processer och fysiska interaktioner avlägsnar Sorbact bakterier på ett säkert sätt som förebygger och behandlar infektion utan att frisätta aktiva ämnen i såret.

Om uppdraget

Under 2025 genomförde vi en omfattande tillgänglighetsanpassning av Sorbacts tre webbplatser:

  • Sorbact Professional
  • Sorbact för Egenvård
  • Sorbact för Djurvård

Målet var att säkerställa att webbplatserna uppfyller kraven för WCAG 2.2 nivå A och AA samt förbättra användarupplevelsen, tillgängligheten och den tekniska grunden utan att tappa igenkänning eller varumärkeskänsla.

Team

  • Fia – Webbdesigner
  • Jenny – Utvecklare
  • André – Utvecklare
  • Anna L – Tillgänglighetsredogörelse
  • Mio – Projektledare och populering
  • Eva – Projektledare
En MacBook Pro som visar en produktguide på en webbplats med bilder och beskrivningar av medicinska förband, filteralternativ till vänster och två sårvårdsprodukter i mitten. Bakgrunden är ljusblå.

Vad är WCAG 2.2?

WCAG (Web Content Accessibility Guidelines) är en internationell standard för digital tillgänglighet. Riktlinjerna hjälper webbplatser och digitala tjänster att fungera bättre för fler människor oavsett förutsättningar eller hjälpmedel.

WCAG 2.2 nivå A och AA omfattar bland annat krav på:

  • tydlig struktur och navigering
  • tillräckliga kontraster och läsbarhet
  • stöd för tangentbord och skärmläsare
  • responsivitet och zoom-stöd
En smartphone som visar en svensk webbplats om fördelarna med att använda Sorbact efter kejsarsnitt, med gröna ikoner, text och en call-to-action-knapp mot en ljusturkos bakgrund.

Varför är tillgänglighet viktigt?

Tillgänglighet handlar inte bara om lagkrav utan även om användarvänlighet och inkludering.

  • En bättre upplevelse för fler
    Cirka 15–20 % av befolkningen har någon form av permanent funktionsnedsättning. Samtidigt hjälper tillgängliga lösningar även personer i tillfälliga situationer, som att använda datorn i starkt solljus eller navigera utan mus.
  • Tydligare och enklare webbplatser
    Bra kontraster, tydlig struktur och logisk navigering gör webbplatsen enklare att använda för alla besökare.
  • Bättre SEO och prestanda
    Tillgängliga webbplatser får ofta en tydligare kodstruktur som hjälper både sökmotorer och hjälpmedel att förstå innehållet bättre samtidigt som plattformen blir bättre rustad för framtida krav.
Tre bärbara datorer visar olika sidor på en veterinärwebbplats: en visar en veterinär med en hund, en annan belyser förebyggande av infektioner och den tredje visar närbilder av djurhud och behandlingsdetaljer.

Ett lyft för både användare och teknik

Arbetet omfattade både design, innehåll och teknik för Sorbacts tre webbplatser. Genom en rad förbättringar skapade vi en mer inkluderande och lättanvänd digital upplevelse samtidigt som plattformarna fick en starkare teknisk grund för framtida utveckling.

Vi förbättrade bland annat kontraster och läsbarhet, uppdaterade struktur och navigering för bättre stöd till skärmläsare och tangentbordsnavigering samt säkerställde att webbplatserna fungerar bättre vid förstoring och på mindre skärmar. Samtidigt moderniserades delar av kodbasen och innehållsstrukturen för att skapa en mer stabil och framtidssäkrad plattform.

Förändringarna är relativt subtila visuellt men gör stor skillnad i användningen.

En bärbar dator på ett bord visar en webbplats med en närbild av gröna och lila celler, svensk text och navigeringsknappar. Miljön ser mysig ut med ett suddigt inomhusljus i bakgrunden.

Byggt för att fungera bättre för fler

Det mesta ser ungefär ut som tidigare. Men bakom kulisserna har webbplatserna fått en tydligare struktur, bättre tillgänglighet och en modernare teknisk grund för en bättre upplevelse för fler användare.