Över 96 procent av de mest besökta webbplatserna har påvisbara tillgänglighetsbrister på startsidan. Siffran kommer från WebAIMs årliga tillgänglighetsstudie, som testar miljontals sidor varje år. Tillgänglig webbdesign är inte standard. Den måste byggas medvetet, och på de flesta företagswebbplatser har den inte gjorts.
Tillgänglig webbdesign innebär att strukturera och bygga en webbplats så att personer med funktionsnedsättning kan uppfatta, navigera i och använda den på ett effektivt sätt. Det gäller personer med synnedsättning som använder skärmläsare, personer med motoriska funktionsnedsättningar som navigerar med tangentbord i stället för mus, personer med hörselnedsättning som behöver textning på ljud och video och personer med kognitiva funktionsnedsättningar som drar nytta av tydliga och konsekventa layouter.
Tillgänglighet är ingen funktion som läggs till i slutet av bygget. Det är en uppsättning design- och utvecklingsbeslut genom hela arbetet som avgör om alla besökare, inte bara de utan funktionsnedsättning, kan använda webbplatsen.
Vilka besökare gynnas av tillgänglig webbdesign?
Världshälsoorganisationen uppskattar att över 1,3 miljarder människor lever med någon form av funktionsnedsättning. Det motsvarar ungefär 16 procent av världens befolkning. Att designa för tillgänglighet är att designa för en betydande del av din potentiella målgrupp.
Nyttan sträcker sig bortom besökare med permanent funktionsnedsättning. Den som använder en telefon i skarpt solljus ser sämre. Någon med en tillfällig skada kanske navigerar med tangentbord. Den som tittar på en video i en bullrig miljö behöver textning för att hänga med. Tillgänglighetsförbättringar hjälper vid tillfälliga och situationsbundna begränsningar lika mycket som vid permanenta. En webbplats som är byggd för att vara tillgänglig fungerar bättre för en betydligt bredare grupp människor.
Det finns också en juridisk sida. I många länder, bland annat USA, är företag enligt lag skyldiga att ge lika tillgång till sina tjänster. Webbplatser har varit föremål för stämningar om tillgänglighet, och antalet rättsliga åtgärder om webbtillgänglighet har ökat stadigt varje år. Artikeln om hur du gör din webbplats ADA-kompatibel går igenom vad de juridiska kraven innebär i praktiken för företagswebbplatser.
Vilka är WCAG-standarderna för tillgänglighet?
Web Content Accessibility Guidelines, känd som WCAG, är de internationellt erkända standarderna för webbtillgänglighet. WCAG ges ut av World Wide Web Consortium och har tre efterlevnadsnivåer. Nivå A är den lägsta grundnivån. Nivå AA är standarden som de flesta juridiska ramverk hänvisar till och det praktiska målet för företagswebbplatser. Nivå AAA är den mest omfattande och krävs sällan för en hel webbplats.
WCAG bygger på fyra grundprinciper, som förkortas POUR.
Möjlig att uppfatta
Allt innehåll måste presenteras på sätt som besökare kan uppfatta. Textalternativ för bilder gör att skärmläsare kan beskriva visuellt innehåll för besökare som inte ser det. Textning och transkriptioner gör ljud och video tillgängliga för personer med hörselnedsättning. Tillräcklig färgkontrast gör att texten går att läsa för personer med nedsatt syn eller färgblindhet.
Möjlig att använda
All funktionalitet måste gå att använda med tangentbord, inte bara med mus eller pekskärm. Navigeringen måste vara förutsägbar. Besökare måste ha tillräckligt med tid för att läsa och interagera med innehållet utan tidspress. Blinkande innehåll som kan utlösa anfall måste undvikas eller kontrolleras.
Begriplig
Innehåll och navigering måste vara läsbara och begripliga. Sidans språk måste anges så att skärmläsare använder rätt uttalsregler. Felmeddelanden i formulär måste förklara vad som gick fel och hur det åtgärdas. Navigeringen måste bete sig konsekvent mellan sidorna så att besökare kan förutse var kontrollerna finns.
Robust
Innehållet måste fungera tillförlitligt med dagens och framtidens hjälpmedel. Det innebär att använda giltig, semantisk HTML så att skärmläsare och andra verktyg kan tolka sidans struktur rätt. Knappar måste kodas som knappar. Rubriker måste följa en logisk hierarki i stället för att väljas efter visuell storlek. Artikeln om vad visuell hierarki är förklarar hur rubrikstruktur och visuell tyngd samverkar på en sida.
Vilka är de vanligaste tillgänglighetsproblemen på webbplatser?
WebAIMs tillgänglighetsanalys pekar ut sex typer av brister som finns på de allra flesta testade sidor. Saknad alternativtext på bilder är vanligast. Låg färgkontrast mellan text och bakgrund är nästvanligast. Saknade etiketter i formulär, tomma länkar, saknad angivelse av dokumentspråk och tomma knappar står för resten.
För företagswebbplatser är de praktiska startpunkterna textalternativ för alla bilder som har betydelse, tillräcklig kontrast på alla textelement, tydliga etiketter på varje formulärfält och en logisk rubrikstruktur genom hela varje sida.
Tillgänglig navigering är ytterligare en vanlig lucka. Rullgardinsmenyer som bara aktiveras när man håller muspekaren över fungerar inte för tangentbordsanvändare. Länkar som säger "klicka här" eller "läs mer" utan sammanhang fungerar inte för skärmläsaranvändare som navigerar via länklistan. Artikeln om vad webbplatsnavigering är går igenom hur du bygger navigering som fungerar med alla inmatningssätt och enheter.
Hur testar du webbplatsens tillgänglighet?
Automatiska verktyg kan snabbt hitta en stor del av tillgänglighetsbristerna. Webbläsartillägg som analyserar sidor mot WCAG-kriterier visar kontrastproblem, saknad alt-text och strukturella problem utan någon teknisk installation. En automatisk genomsökning är ett rimligt första steg och fångar de vanligaste problemen på de flesta sidor.
Automatisk testning har begränsningar. Den kan inte på ett pålitligt sätt bedöma om alt-texten är beskrivande, om läsordningen är logisk när CSS tas bort eller om interaktiva element fungerar rätt med en skärmläsare. Manuell testning behövs för en grundlig granskning. Att ta sig igenom webbplatsens viktigaste sidor med bara tangentbordet, utan att röra musen, är en snabb kontroll som direkt visar problem med användbarheten.
För en omfattande granskning är det mest tillförlitliga att testa med riktiga hjälpmedel. Skärmläsare finns i alla större operativsystem utan kostnad, och att gå igenom webbplatsens viktiga sidor med en aktiv skärmläsare visar problem som automatiska verktyg helt missar.
Hur påverkar tillgänglighet SEO?
Många tillgänglighetsmetoder stöder SEO direkt. Alt-text på bilder ger sammanhang åt sökmotorer som inte kan tolka visuellt innehåll. En logisk rubrikstruktur hjälper sökmotorer att förstå hur en sida är uppbyggd. Beskrivande länktext ger sökmotorerna meningsfull ankartext i stället för generiska fraser. Sidor som går att navigera med tangentbord och har en ren struktur presterar oftast bättre på signaler om användarupplevelse överlag.
Överlappningen är inte en slump. Både tillgänglighet och SEO handlar i grunden om att göra innehåll tillgängligt och begripligt för fler användare och system. Förbättringar av det ena gynnar ofta det andra. Artikeln om vad SEO är förklarar hur sökmotorer bedömer sidors kvalitet och var tillgänglighetsmetoder korsar rankingsignaler.
Så hanterar WEMASY tillgänglighet
WEMASY:s webbplatsbyggare genererar semantisk HTML och lägger rubrikstrukturer i logisk ordning. Alla bilder har fält för alt-text så att du kan lägga till beskrivningar utan att redigera kod. Mallarna är byggda enligt WCAG AA:s krav på färgkontrast, så standarddesignen klarar kraven utan manuella justeringar. Tangentbordsnavigering och pekytor på mobil sköts av plattformen i stället för att kräva separata inställningar.
Se vad som ingår på WEMASY:s webbplatsbyggare eller jämför planerna på prissidan.
Vanliga frågor
Är webbplatstillgänglighet ett lagkrav?
I USA kräver Americans with Disabilities Act att företag ger lika tillgång till sina tjänster, och domstolar och justitiedepartementet har bekräftat att det gäller även webbplatser. Europeiska unionens webbtillgänglighetsdirektiv och den europeiska tillgänglighetslagen ställer liknande krav. Rättsläget varierar mellan länder och företagstyper, men för alla företag som vänder sig till allmänheten innebär det en juridisk risk att se tillgänglighet som valfritt. Med WEMASY:s webbplatsbyggarekan du ställa in det direkt på din webbplats.
Vad är skillnaden mellan WCAG A, AA och AAA?
WCAG har tre efterlevnadsnivåer. Nivå A omfattar minimikraven som allt webbinnehåll bör uppfylla. Nivå AA lägger till mer specifika kriterier för färgkontrast, tangentbordstillgänglighet och felhantering i formulär. Det är nivån som de flesta juridiska ramverk hänvisar till och det praktiska målet för företagswebbplatser. Nivå AAA är den mest omfattande och krävs oftast inte som generell standard eftersom vissa kriterier inte kan uppfyllas för alla typer av innehåll.
Gör det en webbplats långsammare att göra den tillgänglig?
Nej. Att lägga till alt-text, förbättra rubrikstrukturen och höja färgkontrasten påverkar inte laddningstiden. Vissa tillgänglighetstillägg, som transkriptioner för videoinnehåll, innebär extra filer, men de grundläggande tillgänglighetsmetoderna för de flesta företagswebbplatser är strukturella och textmässiga ändringar som inte kostar något i prestanda.
Hur mycket av en webbplats behöver vara tillgänglig?
Allt. Tillgänglighet gäller varje sida en besökare kan nå, inklusive produktsidor, kontaktformulär, kassaflöden och nedladdningsbara dokument. En startsida som klarar tillgänglighetstestet medan ett kontaktformulär inte gör det är fortfarande en otillgänglig upplevelse för den som behöver det. Tillgänglighetsgranskningar bör omfatta hela användarresan för de viktigaste uppgifterna en besökare kan utföra, inte bara förstasidan.
Vad är en tillgänglighetsredogörelse?
En tillgänglighetsredogörelse är en sida som beskriver hur väl en webbplats uppfyller tillgänglighetskraven, pekar ut kända begränsningar och ger kontaktuppgifter till besökare som stöter på problem. Det är en åtgärd för öppenhet, inte ett juridiskt skydd. Många tillgänglighetsregler kräver eller rekommenderar en, och den visar besökare med funktionsnedsättning att tillgänglighet har beaktats. En redogörelse är mest användbar när den hålls uppdaterad och speglar webbplatsens faktiska skick.