5 tips från en expert

Webbexperten tipsar – så skapar du en tillgänglighetsanpassad hemsida

En bra hemsida handlar inte bara om att följa alla lagkrav från WCAG (Web Content Accessibility Guidelines) och tillgänglighetsdirektiv. Det handlar om att fler faktiskt ska kunna läsa, förstå och använda din sajt på ett enkelt och smidigt sätt.

Det är vanligt att missa flera viktiga punkter när man jobbar med en hemsida som i sin tur inte bara påverkar användarupplevelsen, utan även kan slå hårt mot både konvertering och synlighet i sökresultatet.

Nedan har vi samlat fem tips på hur du kan skapa en hemsida som både är användarvänlig och tillgänglig för alla besökare.

Kontakta oss

helhetsbilden skapar värdet

Så skapar du en hemsida med bra webbtillgänglighet

Tillgänglighet är inte ett separat projekt vid sidan av hemsidan. Det är en del av en bra digital upplevelse. Genom att se över våra tips nedan kan du skapa en hemsida som funkar för alla användare.

tips nummer ett

Bra kontrast mellan text och bakgrund

När kontrasten är för svag blir innehållet svårt att läsa, särskilt på mobil, i starkt ljus eller för personer med nedsatt syn. Det gäller ofta knappar, länkar och mindre brödtext. En snygg design får aldrig gå före läsbarhet. Säkerställ därför ett kontrastförhållande på minst 4,5:1 för vanlig text. Det går snabbt att kontrollera med exempelvis WebAIM Contrast Checker eller Colour Contrast Analyser.

tips nummer två

Skriv alt-text till samtliga bilder

När bilder saknar alt-text missar skärmläsare viktig information. Det gör att användare med synnedsättning inte får samma innehåll som andra. Samtidigt går du miste om en tydlig SEO-signal. Skriv därför alltid en kort och beskrivande alt-text som förklarar bildens syfte. Är bilden enbart dekorativ ska den i stället ha en tom alt-tagg, så att hjälpmedel kan hoppa över den.

anpassa dina kampanjer och erbjudanden efter säsong

När företag svarar på Google-recensioner visas engagemang och förtroendet hos kunder stärks.

Tips nummer 3

Skapa formulär med tydliga etiketter

Formulär är en vanlig fallgrop. När fält saknar synliga etiketter blir det otydligt vad användaren ska fylla i, särskilt när platshållartexten försvinner så fort man börjar skriva. För skärmläsare blir det ännu svårare. Lösningen är enkel: varje formulärfält ska ha en tydlig och synlig label som är korrekt kopplad till fältet. Undvik att låta placeholder-text bära hela informationsansvaret.

tips nummer fyra

Skapa hemsidor som fungerar att navigera med tangentbord

Alla använder inte mus. Många navigerar i stället med Tab, Enter och mellanslag. Om fokusmarkeringen saknas blir det nästan omöjligt att förstå var man befinner sig på sidan. Testa därför att tabba dig igenom hela hemsidan. Det ska alltid synas tydligt vilket element som är i fokus, och alla knappar och länkar ska gå att använda utan mus.

tips nummer 5

Skriv tydliga länktexter

Länktexter som “klicka här” eller “läs mer” hjälper varken användaren, skärmläsaren eller sökmotorn att förstå vart länken leder. Skriv i stället beskrivande länktexter som fungerar även om de läses helt fristående. Ett bättre exempel är: “Läs vår guide om tillgänglighet”. Det gör innehållet tydligare, mer användbart och bättre optimerat.

KONTAKTA OSS

Inspot hjälper dig med din hemsida

Att skapa en hemsida som både följer alla lagkrav från WCAG och är användarvänlig kan vara svårt. Kontakta oss idag så hjälper vi dig att bygga en hemsida som både är användarvänligt, tillgänglighetsanpassad och snyggt såklart!

Få kostnadsfri offert