En kund hittar rätt tjänst på din webbplats, men kan inte läsa texten på mobilen, förstå formuläret eller genomföra köpet med tangentbordet. Då spelar det mindre roll hur snygg designen är eller hur mycket trafik ni har köpt. Den här webbtillgänglighet guide visar vad som faktiskt gör skillnad för små och medelstora företag – utan att göra projektet onödigt tekniskt.
Tillgänglighet handlar om att fler ska kunna använda webbplatsen, oavsett funktionsförmåga, situation eller teknik. Det hjälper personer med synnedsättning, hörselnedsättning, motoriska svårigheter och kognitiva utmaningar. Men det hjälper också kunden som står i solen med låg kontrast på skärmen, har brutit handen, använder en äldre mobil eller behöver hitta en offert snabbt mellan två möten.
För ett företag är nyttan konkret: färre avhopp, tydligare budskap, bättre förutsättningar för konvertering och en webbplats som håller när krav och kundbeteenden förändras.
Webbtillgänglighet guide: börja där kunderna fastnar
Det vanligaste misstaget är att behandla tillgänglighet som en kontrollista som läggs på när webbplatsen är klar. Då blir åtgärderna ofta dyrare och mer begränsade. Börja i stället med de delar där kunden ska kunna göra något: läsa om ert erbjudande, hitta kontaktuppgifter, boka, fylla i ett formulär eller handla.
Öppna webbplatsen i mobilen och gör ett enkelt kundtest. Kan du förstå vad företaget erbjuder på några sekunder? Går texten att förstora utan att innehållet försvinner? Är knapparna lätta att träffa? Går det tydligt att se vad som händer när ett formulär innehåller fel?
Be gärna någon som inte arbetar i företaget testa. Ägaren vet ofta redan var allt finns och ser därför inte de hinder som en ny besökare möter. Ett kort test med en verklig kund eller kollega ger ofta mer än en lång intern diskussion om färger och typsnitt.
Bygg på fyra principer som fungerar i praktiken
De etablerade riktlinjerna för webbtillgänglighet, WCAG, kan kännas omfattande. I praktiken går de att översätta till fyra enkla frågor: Kan besökaren uppfatta innehållet? Kan personen använda funktionerna? Är innehållet begripligt? Fungerar det med olika hjälpmedel och enheter?
Gör innehållet lätt att uppfatta
Text får inte bara vara beroende av färg. Om ett formulärfält markeras rött vid fel behöver det också stå vad som är fel och hur det rättas. En grön och en röd statusindikator räcker inte för någon som har svårt att skilja färger åt.
Kontrast mellan text och bakgrund är en annan klassiker. Ljusgrå text på vit bakgrund kan se stilrent ut på en designers stora skärm, men blir svårläst för många besökare. Prioritera läsbarhet för brödtext, prisuppgifter, knappar och viktiga budskap. Var också försiktig med text ovanpå bilder. En fin bild kan ha olika ljusa partier beroende på skärmstorlek, vilket gör budskapet svårt att läsa.
Bilder som förklarar något behöver en meningsfull alternativtext. En bild på en medarbetare som bara skapar stämning behöver sällan beskrivas i detalj. En produktbild, en ritning eller ett diagram som bär information måste däremot få en textbeskrivning som förmedlar samma sak. Det är skillnad på dekoration och innehåll.
Video bör ha undertexter när talet tillför viktig information. Om filmen visar ett arbetsmoment eller en produktfunktion som inte framgår av ljudet, behöver ni även tänka på en beskrivning av det visuella. För många lokala tjänsteföretag räcker det långt att komplettera filmen med tydlig text på sidan som förklarar erbjudandet och nästa steg.
Se till att hela sajten går att använda
En webbplats ska kunna användas med tangentbord. Det gäller inte bara personer som använder hjälpmedel, utan även användare som av olika skäl inte kan eller vill använda mus. Testa genom att trycka på Tab. Kan du nå menyn, knapparna, formulärfälten och köpflödet? Ser du tydligt vilket element som är markerat?
Undvik menyer som bara öppnas när muspekaren hålls över dem. De fungerar dåligt på mobil och kan skapa problem med tangentbord och skärmläsare. Menyer, popup-rutor och chattfunktioner ska också kunna stängas på ett förutsägbart sätt.
Här finns en vanlig avvägning: en avancerad animation eller specialbyggd effekt kan göra första intrycket starkare, men kan samtidigt sakta ned sidan och göra den svårare att använda. Om effekten inte hjälper kunden att förstå, välja eller kontakta er är den sällan värd kostnaden. Enkel funktion slår smart dekor när målet är fler affärer.
Skriv så att besökaren förstår direkt
Tillgänglighet är inte enbart kod. Otydliga rubriker, långa textblock och interna fackord stänger också ute människor. Skriv vad ni erbjuder, vem det passar för och vad kunden ska göra härnäst. En knapp med texten ”Kontakta oss om företagsförsäkring” är tydligare än en knapp som bara säger ”Läs mer”.
Använd rubriker i en logisk ordning. En H2-rubrik ska inleda ett större avsnitt och H3-rubriker ska dela upp innehållet under den. Det gör sidan lättare att skanna för alla och hjälper den som använder skärmläsare att hoppa mellan avsnitt.
Formulär förtjänar extra omsorg eftersom de ofta är den punkt där en potentiell kund blir ett lead. Varje fält ska ha en synlig etikett, inte bara en platshållartext som försvinner när personen börjar skriva. Förklara varför ni ber om känsliga uppgifter och håll antalet fält rimligt. Om telefonnummer inte behövs för att svara på en enkel fråga, fråga inte efter det.
Se till att tekniken håller
En korrekt teknisk grund gör att hjälpmedel kan tolka sidan. Det innebär bland annat rätt rubrikstruktur, tydliga formuläretiketter, beskrivande länkar och knappar som faktiskt är knappar – inte klickbara dekorativa element.
I WordPress beror resultatet ofta på kombinationen av tema, sidbyggare, tillägg och egna ändringar. Ett tillägg som lovar att lösa tillgänglighet med en liten ikon på sidan är sällan en fullständig lösning. Det kan erbjuda användaren vissa inställningar, men det reparerar normalt inte bristande kontrast, ologisk struktur eller ett trasigt formulär i grunden.
Välj därför lösningar som går att förvalta. Ett specialbyggt block kan vara rätt för en verksamhet med tydliga behov, medan ett vältestat standardblock kan vara bättre när budgeten är begränsad. Det avgörande är att någon tar ansvar för testning efter uppdateringar. En sida som fungerade i våras kan få nya problem när tema, tillägg eller checkout ändras.
Vad säger reglerna – och vem berörs?
Offentliga aktörer har sedan länge tydliga krav på digital tillgänglighet. För privata företag varierar ansvaret beroende på tjänst, bransch och hur digitala produkter säljs eller används. Sedan 2025 har tillgänglighetskrav inom EU också fått större betydelse för vissa konsumentnära produkter och tjänster, exempelvis delar av e-handel och finansiella tjänster.
Det betyder inte att varje mindre företagswebbplats omfattas av exakt samma krav. Men det är klokt att inte vänta på att juridiken ska tvinga fram förbättringar. Om ni driver e-handel, erbjuder bokning, säljer digitala tjänster eller arbetar mot offentlig sektor bör ni bedöma er situation mer noggrant. Vid osäkerhet kring lagkrav behövs juridisk rådgivning, men de praktiska förbättringarna på webbplatsen är sällan fel investering oavsett.
En rimlig arbetsordning för mindre företag
Försök inte åtgärda allt på en gång. Börja med de sidor som får mest trafik och de flöden som har störst affärsvärde. För de flesta företag handlar det om startsidan, tjänstesidorna, kontaktformuläret, bokningen och eventuellt kassan.
Arbeta sedan i denna ordning:
- Kontrollera kontrast, textstorlek, rubriker och knappar på de viktigaste sidorna.
- Testa navigation, formulär och köp- eller bokningsflöde med enbart tangentbord.
- Gå igenom bilder, videor och PDF:er som innehåller viktig kundinformation.
- Rätta tekniska brister och testa igen efter varje större ändring.
- Gör tillgänglighet till en del av publiceringsrutinen, inte ett projekt som glöms bort.
Automatiska tester är bra på att hitta vissa fel, till exempel saknade alternativtexter eller låg kontrast. De kan däremot inte alltid avgöra om en rubrik är begriplig, om en alternativtext beskriver rätt sak eller om ett formulär känns rimligt att använda. Kombinera därför verktyg med manuell kontroll och, när det går, återkoppling från riktiga användare.
Gör tillgänglighet till en del av er tillväxt
En tillgänglig webbplats är inte en separat version av marknadsföringen. Det är samma grundarbete som gör erbjudandet tydligare, vägen till kontakt kortare och kundupplevelsen bättre. När en besökare enkelt kan förstå sidan och ta nästa steg ökar chansen att trafiken faktiskt blir affär.
Om webbplatsen ändå ska uppdateras, byggas om eller få nya funktioner är det rätt läge att ställa kraven från början. Då slipper ni betala för att göra om sådant som kunde ha blivit rätt direkt. Den bästa förbättringen är ofta den som kunden aldrig behöver tänka på – eftersom webbplatsen bara fungerar.
