UX/UI··6 min läsning

Kan alla använda din hemsida? Tillgänglig webbplats

Vad är en tillgänglig hemsida? Så använder äldre och personer med syn- eller rörelsehinder din sida, vad det ger ditt företag och vad du bör be om.

Tänk dig en 70-årig patient som vill boka tid via en tandläkarmottagnings hemsida. Texten är liten och blekgrå, telefonnumret är svårt att urskilja på skärmen och knappen "Boka tid" är för liten för en fingertopp. Hon trycker fel tre gånger, ger upp och ringer en konkurrent. Du får aldrig veta det, för en förlorad kund brukar inte säga något på vägen ut.

Det här gäller inte bara besökare med funktionsnedsättning. Den som tittar på mobilen i skarpt solljus, den som glömt glasögonen hemma eller den som håller ett barn i famnen stöter på samma vägg. Tillgänglighet betyder helt enkelt att din sida håller dörren öppen för dem alla. I den här artikeln förklarar jag vad det är, varför det spelar roll för ditt företag och vad du bör be din webbdesigner om.

Vad är en tillgänglig hemsida?

En tillgänglig hemsida är en sida som människor i mycket olika situationer kan använda utan problem. Hit hör besökare med nedsatt syn, hörselnedsättning, svårigheter att använda händerna, koncentrationssvårigheter eller som helt enkelt blir äldre. Tillfälliga situationer räknas också: en arm i gips, eller någon som ser en video utan ljud på en fullsatt buss.

Det handlar alltså inte om att bygga en "specialsida för personer med funktionsnedsättning", utan en enda webbplats som så många som möjligt kan använda bekvämt. Tänk på rampen vid en entré: den byggs för rullstolsburna, men den som skjuter barnvagn eller drar en resväska har lika stor nytta av den.

Hur syns problemen i vardagen?

Utan tekniska termer, här är de ställen där besökare oftast fastnar:

  • Liten, blek text: Ljusgrå text på ännu ljusare botten ser elegant ut men är svår att läsa. Den som får åldrande ögon märker det först.
  • Knappar som är svåra att träffa: På mobilen måste knappar vara stora nog och ha avstånd. Små ikoner tätt intill varandra ger felklick.
  • Information enbart som bild: Om öppettider, prislista eller telefonnummer är en bild kan en person med skärmläsare (programvara som läser upp sidan) inte höra den. Google kan inte läsa den heller.
  • Video utan undertexter: Den som tittar utan ljud eller hör dåligt missar budskapet.
  • Varningar enbart med färg: Om ett formulärfält bara blir rött får en person som har svårt att skilja färger ingen signal alls.
  • Går inte att använda utan mus: Vissa använder tangentbord eller specialhjälpmedel. En meny som bara öppnas med mus är stängd för dem.

Känner du igen några av dessa på din egen sida är du inte ensam. Det är de brister jag oftast ser på företagssidor.

Vad får ditt företag ut av det?

Tillgänglighet hamnar ofta under "trevligt att ha". I praktiken hänger det direkt ihop med resultat:

  1. Fler kunder: Äldre och personer med funktionsnedsättning är ingen liten grupp. Den som inte kan använda din sida kan inte beställa, boka eller be om offert.
  2. Enklare för alla: Tydlig text, uppenbara knappar och enkla formulär hjälper alla besökare. Tiden på sidan och andelen som fullföljer ett formulär brukar bli bättre.
  3. Lättare för Google att förstå: Att beskriva bilder ordentligt, använda rubriker i rimlig ordning och komplettera video med text hjälper även sökmotorerna att förstå din sida. Det är ingen garanti för placering, men tillgängliga sidor och bra sökmotoroptimering pekar ofta åt samma håll.
  4. Förtroende och rykte: Besökare känner när ett företag har tänkt på alla.

Vad du kan kontrollera själv

För de här kontrollerna på tio minuter behöver du ingen teknisk kunskap:

  • Testa på mobilen: Öppna din sida utomhus eller i starkt ljus. Kan du läsa texten? Träffar du ring-knappen på första försöket?
  • Zooma in: Förstora texten i webbläsaren. Faller sidan sönder?
  • Ge den till en äldre släkting: Be dem fylla i ditt bokningsformulär eller kontaktformulär och titta bara på. Där de tvekar finns problemet.
  • Titta på dina videor utan ljud: Går de att förstå även utan ljud?
  • Navigera med tangentbordet: Tryck på Tab-tangenten för att stega genom sidan. Ser du var du är? Kommer du åt menyn?
  • Titta på text i bilder: Om viktig information som tider, adress eller priser ligger inbyggd i en bild, be om samma uppgifter som vanlig text också.

De här kontrollerna ersätter inte en riktig granskning, men de ger en bra bild av om det finns ett problem.

Vad du bör be din designer om

När du beställer en ny sida eller en omgörning, ställ de här frågorna:

Fråga Varför det är viktigt
Blir textstorlek och färgkontrast lätta att läsa? Första kravet för äldre och synsvaga besökare
Är knapparna stora nog att trycka på i mobilen? Färre felklick, färre förlorade besökare
Får bilder en skriven beskrivning? För skärmläsare och för Google
Går sidan att använda med tangentbord? För dem som inte kan använda mus
Kan videor få undertexter? För hörselskadade och den som tittar utan ljud
Skrivs felmeddelanden i formulär ut tydligt? Så att de inte bara bygger på färg

En bra designer höjer inte på ögonbrynen åt de här frågorna. Fråga också: "Är det ett extra jobb eller en del av designen?" Billigast är att räkna med det från början. Att rätta till i efterhand tar längre tid.

Rättsläge och tidsåtgång

I vissa länder och vissa branscher kan en tillgänglig hemsida vara ett lagkrav. Om det gäller ditt företag rekommenderar jag att du frågar en jurist som kan din bransch eller din branschorganisation. Jag nämner inga särskilda regler här.

När det gäller tid: På en ny sida är det väldigt lite extra, eftersom det är en naturlig del av designen. På en befintlig sida går text- och färgjusteringar snabbt, medan undertexter eller strukturella rättningar beror på sidans storlek. Bästa första steg är att låta en specialist titta på sidan och göra en lista.

Vanliga frågor

Ser en tillgänglig sida fulare ut?

Nej. Läsbara färger och tydliga knappar får oftast en sida att se renare ut. Tillgänglighet begränsar inte designen, den kräver bara lite mer medvetna val.

Behövs det för ett litet företags hemsida?

Det hjälper varje sida där man bokar, beställer eller ber om offert. De kunder du förlorar ser du inte så länge du inte vet hur många som hade svårt. Redan små rättningar gör skillnad.

Hur vet jag om min sida är tillgänglig?

Gör de enkla kontrollerna ovan. För ett säkrare svar, be en specialist granska sidan och skriva ner problemen på ett begripligt språk.

Hjälper tillgänglighet med sökmotoroptimering?

Ingen högre placering utlovas. Men bildbeskrivningar, ordnade rubriker och läsbart innehåll hjälper både besökare och Google.

Nästa steg

Tillgänglighet är inget engångs-"funktionshinderläge" utan ett grundläggande beslut för att din sida ska fungera bekvämt för alla. Lättast är att prata om det redan från start. Planerar du en tillgänglig hemsida kan du läsa mer på sidan bygga hemsida.

Etiketter

tillgänglig hemsidawebbtillgänglighethemsida för äldretillgänglig webbplats

Låt oss prata om din hemsida

Skriv några meningar om ditt företag och vad du önskar, så återkommer jag med en skriftlig offert med omfattning och tidsplan.