Användarvänlighet på webben

Cirka 20% av Sveriges befolkning, i åldrarna 16-64 år har någon typ av funktionsnedsättning. Vilket innebär att man använder sina enheter på annat vis, i jämförelse med normen, exempelvis enbart via tangentbordet eller med hjälp av specialdesignade hjälpmedel. För att alla ska ha samma möjligheter på webben behöver alla hjälpas åt och ha detta i åtanke när man designar eller utvecklar siter och applikationer. 👩‍💻

Vi hade turen att få gå på en föreläsning inom användarvänlighet förra veckan. Föreläsningen var anordnad av Technigo/Tjejer kodar hos Google Digitalakademin (Googles nyöppnade utbildningscenter). Marcus Linder, senior utvecklare från Kundo, med spetskompetens inom ämnet gick igenom vad man ska ha i åtanke, främst ur en webbutvecklares perspektiv.

Det finns flera olika anledningar till att man kan ha svårt att navigera och interagera på en site eller applikation. Exempelvis så kan man vara blind, färgblind, ha reumatism, dyslexi eller liknande. Detta ställer självklart krav på användarvänligheten på siten.

Frågor man kan ställa sig själv när man utvecklar:

  • Kan man navigera enbart med tangentbordet?
  • Kan man förstår budskapet om man inte ser färger eller kontraster?
  • Fungerar Screen readers på siten?
  • Finns det alt-text på bilderna?
  • Är texterna tydliga – i lagom storlek och i en lättläst font?

Första steget är att ha detta i åtanke. Nästa steg är att testa och se om siten håller måtten. Det kan man göra på lite olika sätt. Man kan testa en hel del själv, exempelvis att navigera enbart med tangentbordet, eller läsa upp innehållet på sidan med en Screen reader. Utöver detta så finns det också hjälpmedel som kan ge hintar om vad som kan behöva förbättras. Här är några olika: Wave , W3C Validation  och en lista över andra verktyg: W3C verktygs lista. Du kan också använda Lighthouse i Chrome (via Chrome DevTools i inspektor-läget).

Som nybörjare är det svårt att veta hur man kan göra sin site mer användarvänlig. Svenska företag måste vanligtvis följa riktlinjer som gäller utefter WCAD 2.1 Level, som du kan läsa mer om via länken. Utöver tipsen ovan kan man också läsa mer här: Webbriktlinjer, webbriktlinjer/webbdirektivet

Under föreläsningen fick vi också se en video från Apple, som ger en gnutta förståelse till varför detta är så himla viktigt! Se videon här

Nu är det knappt två veckor kvar(!!!!) 😐
Slutprojekten är i full gång och alla är taggade på att snart få visa sina nya skills på sina tidigare eller nya arbetsplats. 🤩