Så gör du din webbplats ADA-kompatibel

ADA-kompatibel webbdesign tar bort hinder för användare med funktionsnedsättning. Lär dig vad kraven är och de praktiska stegen för att uppfylla dem.

Utkast

Tillgänglighet på webbplatser är ett lagkrav i de flesta länder, inte bara en designfråga. I USA är ramverket Americans with Disabilities Act. I Europeiska unionen är det European Accessibility Act. I Storbritannien är det Equality Act. Den tekniska standarden som alla hänvisar till är densamma: WCAG 2.1 nivå AA. Att bygga en ADA-kompatibel webbplats innebär att uppfylla den standarden, och stegen för att göra det gäller oavsett i vilken jurisdiktion ditt företag verkar.

ADA-kompatibel webbdesign innebär att bygga en webbplats som uppfyller WCAG 2.1 nivå AA, den tekniska standard som Americans with Disabilities Act hänvisar till för webbtillgänglighet. WCAG är samma standard som EU:s European Accessibility Act, Storbritanniens Public Sector Bodies Accessibility Regulations och tillgänglighetslagstiftning i Kanada, Australien och de flesta andra länder med krav på webbtillgänglighet hänvisar till. Det juridiska ramverket varierar mellan länder. De tekniska kraven är desamma.

Processen är inte en enda granskning som görs en gång. Det är ett pågående arbete med att bygga, testa och underhålla tillgänglighet medan webbplatsen utvecklas. Nya sidor, nya funktioner och designuppdateringar kan alla ge upphov till nya tillgänglighetsbrister.

Vad innebär ADA-kompatibilitet för en webbplats?

Americans with Disabilities Act, som antogs 1990, förbjuder diskriminering av personer med funktionsnedsättning i det offentliga livet. Avsnitt III i lagen omfattar platser med allmän tillgång, vilket domstolar och justitiedepartementet konsekvent har tolkat som att det inkluderar webbplatser som drivs av företag som vänder sig till allmänheten.

Stämningar om webbtillgänglighet som lämnats in i amerikanska federala domstolar har ökat varje år sedan 2015 och passerade nyligen 4 000 ärenden per år för första gången. Företagen som nämns i de här fallen sträcker sig från stora detaljhandlare till små tjänsteleverantörer. Företagets storlek har inte på något tillförlitligt sätt skyddat de stämda från rättsliga åtgärder.

Standarden som domstolar oftast hänvisar till när de bedömer krav om webbtillgänglighet är WCAG 2.1 nivå AA. Att bygga din webbplats så att den uppfyller den standarden är det mest direkta sättet att hantera den juridiska risken. Artikeln om vad webbtillgänglighet är tar upp vad WCAG kräver i sin helhet, inklusive de fyra grundprinciperna som organiserar riktlinjerna.

Vilka företag behöver uppfylla standarder för webbtillgänglighet?

I USA gäller avsnitt III i ADA för alla företag som vänder sig till allmänheten, inklusive detaljhandel, hotell och restaurang, hälso- och sjukvård, finansiella tjänster, fastigheter och alla andra verksamheter där allmänheten får tillgång till varor eller tjänster. Det finns ingen lägsta storleksgräns. Småföretag har drabbats av rättsliga åtgärder om tillgänglighet lika ofta som stora.

I Europeiska unionen kräver European Accessibility Act att företag som säljer digitala produkter och tjänster till kunder i EU uppfyller tillgänglighetsstandarder från juni 2025. Storbritanniens Equality Act ställer motsvarande krav på företag som vänder sig till brittiska kunder. Kanadas Accessible Canada Act och Australiens Disability Discrimination Act skapar liknande krav på de marknaderna.

För de flesta företag med en publik webbplats gäller minst ett av de här ramverken. Den praktiska slutsatsen är densamma i varje fall: bygg enligt WCAG 2.1 nivå AA och dokumentera uppfyllelsen.

Vad kräver en ADA-kompatibel webbplats?

Att uppfylla WCAG 2.1 nivå AA innebär att hantera tillgänglighet inom flera områden av en webbplats.

Alla meningsfulla bilder behöver beskrivande alt-text. En besökare som använder en skärmläsare ska kunna förstå vad en bild förmedlar enbart utifrån textalternativet. Dekorativa bilder som inte tillför någon information ska markeras så att skärmläsare hoppar över dem.

Text måste uppfylla minimikraven för färgkontrast mot sin bakgrund. Brödtext kräver ett kontrastförhållande på minst 4,5 till 1. Stor text och gränssnittskomponenter kräver minst 3 till 1. Färgscheman med låg kontrast är ett av de vanligaste misslyckandena mot WCAG AA och ett av de enklaste att åtgärda.

Alla formulärfält måste ha synliga etiketter. Felmeddelanden måste tala om vilket fält som har ett problem och förklara hur det åtgärdas. Formulär som bara använder färg för att visa fel sviker användare som inte kan skilja på färger.

Alla interaktiva element, inklusive navigeringsmenyer, rullgardinsmenyer och modala dialogrutor, måste vara fullt användbara med tangentbord. En besökare som inte kan använda en mus måste kunna tabba sig genom varje interaktivt element, öppna och stänga menyer och skicka formulär enbart med tangentbordet. Artikeln om vad webbplatsnavigering är tar upp hur navigeringselement behöver struktureras för att fungera för tangentbordsanvändare och skärmläsaranvändare.

Videoinnehåll måste ha textning. Förinspelat ljud måste ha transkriptioner. Livevideo med tal kräver textning i realtid. Artikeln om vad webbdesign är tar upp de bredare designbesluten som formar hur de här elementen byggs och presenteras på en sida.

Hur kontrollerar du om din webbplats är ADA-kompatibel?

En praktisk efterlevnadskontroll kombinerar automatisk skanning med manuell testning. Automatiska verktyg skannar sidor efter de vanligaste WCAG-bristerna, som saknad alt-text, kontrastproblem och strukturella problem. De är snabba och kan köras över en hel webbplats, men de fångar bara runt 30 till 40 procent av tillgänglighetsproblemen. Resten kräver mänskligt omdöme.

Manuell testning bör omfatta tangentbordsnavigering på varje sida och i varje användarflöde. Tabba genom hela webbplatsen med bara tangentbordet. Kontrollera att fokusmarkeringar alltid syns så att du alltid kan se vilket element som är aktivt. Bekräfta att rullgardinsmenyer öppnas och stängs med tangentbordet. Kontrollera att formulär kan fyllas i och skickas utan mus.

Testning med en skärmläsare avslöjar problem som varken automatiska verktyg eller tangentbordstestning hittar. Att gå igenom webbplatsens huvudsidor med en aktiv skärmläsare visar om sidan läses i logisk ordning, om bilder beskrivs på ett användbart sätt och om interaktiva element har tydliga etiketter.

För en formell efterlevnadsgranskning täcker en professionell tillgänglighetsrevision alla tre testmetoderna och ger en rapport mot WCAG 2.1 nivå AA. Det är användbart före en lansering, efter en större redesign eller när den juridiska risken behöver bedömas formellt.

Vad är en tillgänglighetsredogörelse för en webbplats?

En tillgänglighetsredogörelse är en sida på en webbplats som deklarerar vilken uppfyllelsenivå webbplatsen strävar efter, anger kända begränsningar, förklarar hur användare med funktionsnedsättning kan få hjälp och ger ett sätt att rapportera tillgänglighetsproblem.

En tillgänglighetsredogörelse garanterar inte rättsligt skydd. En webbplats med en tillgänglighetsredogörelse men med betydande hinder är fortfarande en otillgänglig webbplats. Redogörelsen är en öppenhetsåtgärd som visar användare med funktionsnedsättning vad de kan förvänta sig och hur de får hjälp. Den krävs enligt EU:s webbtillgänglighetsdirektiv för offentliga webbplatser och rekommenderas i de flesta tillgänglighetsramverk.

En användbar redogörelse innehåller WCAG-versionen och uppfyllelsenivån som webbplatsen siktar på, datumet för senaste granskning, en kontaktväg för användare som rapporterar hinder och en kort beskrivning av kända problem som ännu inte lösts.

Hur hänger ADA-kompatibilitet ihop med SEO?

De metoder som gör en webbplats ADA-kompatibel överlappar kraftigt med det sökmotorer använder för att bedöma sidkvalitet. Alt-text som beskriver bilder på ett meningsfullt sätt ger sammanhang som sökmotorer inte kan få från själva bilden. En logisk rubrikstruktur hjälper sökmotorer att tolka hur en sida är organiserad. Sidor som går att navigera med tangentbord och har ren HTML tenderar att vara mer tillförlitligt crawlbara.

Utöver den tekniska överlappningen minskar tillgänglighetsförbättringar avvisningsfrekvensen och ökar tiden på sidan för de besökare de gäller. De här beteendesignalerna bidrar till hur sökmotorer bedömer om en sida ger värde. Artikeln om vad SEO är tar upp hur signaler om användarupplevelse hänger ihop med sökrankning över tid.

Så hanterar WEMASY tillgänglighetskrav

Webbplatsbyggaren i WEMASY genererar giltig, semantisk HTML som skärmläsare och automatiska tillgänglighetsverktyg kan tolka rätt. Mallar testas mot WCAG AA-standarder för färgkontrast. Fält för alt-text finns inbyggda i bilduppladdaren så att varje bild kan få en beskrivning utan kodredigering. Tangentbordsnavigering fungerar som standard för alla interaktiva element i byggarens utdata.

Se vad som ingår i webbplatsbyggaren i WEMASY eller jämför planerna på prissidan.

Vanliga frågor

Kan ett småföretag stämmas för en otillgänglig webbplats?

Ja. ADA-stämningar om webbtillgänglighet har riktats mot företag av alla storlekar, från enmansföretag till stora detaljhandlare. Det finns ingen omsättningsgräns eller anställningsgräns som undantar ett företag från avsnitt III i ADA. Småföretag har hört till de vanligaste svarandena i tillgänglighetsmål just för att de är mindre benägna att ha gjort tillgänglighetsgranskningar. Kostnaden för en förlikning eller åtgärder efter en stämning är oftast mycket högre än kostnaden för att arbeta med tillgänglighet proaktivt. Med webbplatsbyggaren i WEMASY kan du sätta upp det direkt på din webbplats.

Finns det en officiell ADA-certifiering för webbplatser?

Nej. Det finns ingen statligt utfärdad ADA-certifiering för webbplatser. Efterlevnad bedöms utifrån hur väl en webbplats uppfyller WCAG 2.1 nivå AA, inte utifrån ett certifikat. Externa tillgänglighetsgranskare kan utfärda rapporter som dokumenterar att en webbplats testats mot WCAG-kriterier, men det är professionella bedömningar och inga officiella certifieringar. Ingen overlay-widget eller märkning ersätter en genuin granskning mot WCAG-standarden.

Hur ofta behöver en ADA-kompatibel webbplats granskas?

Varje gång webbplatsen förändras avsevärt. Att lägga till nya sidor, uppdatera mallar, installera nya funktioner eller publicera nytt innehåll kan skapa tillgänglighetsbrister som inte fanns i den tidigare versionen. En webbplats som klarade en tillgänglighetsgranskning för sex månader sedan klarar den kanske inte längre om designen uppdaterats sedan dess. Regelbundna automatiska skanningar fångar regressioner snabbt, och en fullständig manuell revision bör följa efter varje större redesign eller plattformsbyte.

Vad är Section 508 och hur skiljer det sig från ADA-kompatibilitet?

Section 508 i Rehabilitation Act kräver att federala myndigheter och organisationer som får federal finansiering gör sin elektroniska teknik och informationsteknik tillgänglig för personer med funktionsnedsättning. Den hänvisar till WCAG 2.0 nivå AA som teknisk standard. För de flesta privata företag är ADA och dess riktmärke WCAG 2.1 nivå AA det relevanta ramverket. För organisationer som arbetar med federala kontrakt eller bidrag gäller kraven i Section 508 vid sidan av eller i stället för ADA-kompatibilitet, beroende på arbetets art.

Gör tillgänglighetsverktyg av typen overlay en webbplats ADA-kompatibel?

Nej. Tillgänglighetsverktyg av typen overlay är skript som försöker åtgärda tillgänglighetsproblem automatiskt efter att en sida laddats. De kritiseras brett av tillgänglighetsexperter och intresseorganisationer eftersom de inte på ett tillförlitligt sätt löser de underliggande strukturella problem som gör en webbplats otillgänglig. Domstolar har inte godtagit overlays som försvar i tillgänglighetsmål. Verklig efterlevnad kräver att tillgängligheten åtgärdas i själva webbplatsen, inte lagas i efterhand med ett skript från tredje part.

Använd det direkt
på din egen webbplats.

Börja gratis med WEMASY och bygg din sajt på några minuter.