Webbens roll i samhället

Vem bygger du bort?

Tänk dig att du bygger en webbplats och din bästa kompis som är färgblind, inte kan använda den alls. Inte för att du ville det, utan för att du aldrig testade det. Det är vad tillgänglighet handlar om i praktiken.

Vi har börjat skriva HTML, men koden du skriver avgör vem som faktiskt kan använda det du bygger. Varje val du gör, en rubriknivå, en knappfärg och en länktext, det inkluderar eller exkluderar någon.

Internet vs. webben

Det är viktigt att förstå i vilken miljö vi jobbar. För att göra det tydligare kan vi använda en analogi En analogi är en liknelse eller jämförelse mellan två eller flera saker som har liknande egenskaper eller funktioner. Ordet används för att förklara eller argumentera för något komplext eller mer bekant. Se: Webbens roll i samhället :

BegreppVad är det?Analogi
InternetDen fysiska infrastrukturen. Kablar, routrar och servrar.Vägnätet och asfalten.
Webben (WWW)Informationssystemet. HTML-filer, CSS och länkar.Husen och butikerna som finns längs vägen.

Det uppkopplade Sverige

Sverige är ett av världens mest digitaliserade länder. Det ger fantastiska möjligheter, men det skapar också en sårbarhet. Om en tjänst bara finns på webben och den inte fungerar för en viss grupp, har vi skapat ett demokratiskt problem.

Hindren tar sig många former. Dålig kontrast gör texten omöjlig att läsa för någon med nedsatt syn. Enbart mus-navigering hindrar de som bara kan använda tangentbord eller röststyrning. Krångligt språk exkluderar personer med kognitiva utmaningar eller de som inte har svenska som modersmål.

Tillgänglighet är alltså att bygga en webb för alla, där vi ser till att sidan kan navigeras med tangentbord, att bilder har beskrivande alt-texter och att texten är lättläst. Det handlar om att inkludera alla, inte bara de som kan använda musen och se färger.

Därför är tillgänglighet inte en “extra feature”. Det är kvalitetssäkring. En tillgänglig sida är oftast en bättre programmerad sida med renare kod och bättre sökbarhet (SEO).

Uppgift: Testa testa testa!

Välj en välkänd webbplats (skolans portal, en myndighet eller en bank).

  1. Tangentbords-testet: Lägg undan musen. Försök navigera genom sidan med bara Tab, Shift+Tab och Enter. Kan du nå alla länkar? Ser du var markören befinner sig? Vad gör du om sidan du valt inte fungerar alls med tangentbord?
  2. Innehålls-analys: Hitta en bild på sidan. Högerklicka och välj “Inspektera”. Har bilden en alt-text? Om bilden saknas, vet en blind användare vad den föreställer då?
  3. Reflektion: Skriv 2-3 meningar i din readme.md (filen i din projektmapp) om vad som var svårast. Vilken grupp exkluderas om denna webbplats inte fungerar med tangentbord?

Motivera & reflektera

Lägg till en mening i din readme.md: vilket konkret kodval (en tagg, ett attribut eller en CSS-regel) skulle göra sidan du testade mer tillgänglig?