Americans with Disabilities Act styr hur företag fungerar på sätt som är tillgängliga för personer med olika former av funktionshinder. Denna lagstiftning gäller fysiska företag, inklusive parkeringsplatser, automatiska dörrar och rullstolsramper, men den gäller även för digitala företag och platsägare.
Under åren har det förekommit en viss debatt om hur mycket av ADA som ska gälla för företagswebbplatser. En mängd olika funktionsnedsättningar kan trots allt hämma en persons förmåga att använda en webbplats, som synnedsättning eller brist på finmotorik som krävs för att klicka på små länkar och navigera på en webbplats korrekt.
Tidigt under 2022 gjorde justitiedepartementet ett uttalande och klargjorde sin ståndpunkt.
“Otillgängligt webbinnehåll innebär att personer med funktionshinder nekas lika tillgång till information. En otillgänglig webbplats kan utesluta människor lika mycket som trappsteg vid en ingång till en fysisk plats. Att säkerställa webbtillgänglighet för personer med funktionsnedsättning är en prioritet för justitiedepartementet Under de senaste åren har en mängd tjänster flyttat online och människor förlitar sig på webbplatser som aldrig förr för alla aspekter av det dagliga livet.” – ADA.gov
Budskapet är tydligt: webbplatser, särskilt webbplatser för myndigheter och företag, måste vara ADA-kompatibla så länge de faller under ADA:s jurisdiktion.
Vad betyder det? Jag ska gräva i och ge dig en uppfattning om vad du kan behöva göra och hur du gör det.
30 sekunders sammanfattning
Americans with Disabilities Act kräver att företag, både fysiska och digitala, ska vara tillgängliga för personer med funktionshinder. Webbtillgänglighet är viktigt för personer med funktionsnedsättning och är en prioritet för justitiedepartementet. Därför måste webbplatser följa ADA. Företag bör överväga att implementera WordPress-plugins som WP Accessibility, One Click Accessibility, WP Accessibility Helper, UserWay och AccessiBe för att säkerställa att deras webbplatser uppfyller ADA-standarderna. Dessa verktyg justerar färgkontrasten, lägger till alt-text till bilder och automatiserar många uppgifter som är associerade med ADA-efterlevnad.
Vem krävs för att vara ADA-kompatibel?
ADA är en komplex uppsättning lagstiftning, så det kan vara lite oklart vilka delar som gäller för dig. Termen som används av ADA är “företag som är öppna för allmänheten”, vilket inkluderar webbplatsbaserade företag.
Måste din webbplats vara ADA-kompatibel? Tja, det borde det nog vara. Det är inte bara snällare mot dina användare, utan det kommer att skydda dig från de tusentals ADA-processer som lämnas in mot företag årligen. Dessutom, är det inte bättre att göra din webbplats så tillgänglig som möjligt för att få in så många potentiella användare som möjligt?
Kom ihåg att “handikapp” inte betyder personer som är sängbundna eller synbart funktionshindrade för dig. CDC uppskattar att en av fyra – det är 25 % – av amerikanerna har någon form av funktionshinder. Att göra din webbplats användbar för ytterligare 25 % av människorna är en ganska stor sak!
Medan vissa företag kanske inte måste vara ADA-kompatibellagen kan ändras och olika domstolar kommer att döma på olika sätt. Hur som helst vill du förmodligen inte testas i domstol. Dessutom är riktlinjer för tillgänglighet relativt lätta att uppfylla utan alltför mycket arbete, särskilt med de fantastiska WordPress-tillgänglighetsplugin som finns tillgängliga, så det finns inte mycket anledning att undvika det för de flesta webbföretag.
Vilka problem orsakar tillgänglighetsproblem?
Det är en sak att säga att din webbplats måste vara ADA-kompatibel, men det är en annan att veta vad det faktiskt betyder.
Hur gör du din webbplats tillgänglig?
Tja, här är en lista över några av de problem som ADA påpekar:
- Dåligt färgkontrastförhållande. När färgerna ligger för nära varandra kanske personer med nedsatt syn eller färgblindhet inte kan läsa innehållet på sidan.
- Endast färginformation. Säg att du gör en “för- och nackdelar”-lista, men istället för att märka dem lägger du “fördelar” i grön text och “nackdelar” i rött. Människor som är RG-färgblinda eller förlitar sig på skärmläsare kommer inte att kunna se skillnad.
- Ingen bild alt text. Inte bara kommer saknade alt-taggar att hämma dina SEO-ansträngningar, utan synskadade personer kanske inte kan få information från bilderna på din webbplats. Alt text ger skärmläsare ett sätt att förstå innehållet i en bild.
- Brist på bildtexter. Människor med hörselnedsättning förlitar sig ofta på bildtexter för att få ut det mesta av videor när de inte kan höra vad som sägs.
- Otillgängliga former. Webbformulär måste vara läsbara av skärmläsare, med etiketter och tydliga instruktioner, inklusive felmeddelanden som är vettiga. Denna process är en av de tuffare.
- Navigering endast för mus. Många webbläsare tillåter användare att gå igenom länkar och använda tangentbordskontroller för att navigera, men vissa webbplatser fungerar inte med tangentbordskontroller. Ett enkelt, vanligt problem är en pop-over uppmaningsruta som inte kan stängas annat än med ett musklick.
Dessa objekt är inte en del av en heltäckande lista, men de visar dig vilka problem du kan åtgärda. Vissa är enkla, som att justera ditt färgval. Andra kan vara svårare, som att konfigurera tillgängliga webbformulär.
Även om regeringen inte har en heltäckande lista över krav för att göra en webbplats tillgänglig, har tredjepartsbyråer det. I synnerhet W3C, det internationella webbkonsortiet som utvecklar standarder för webbplatsanvändning och funktion, har tagit fram några egna standarder för webbplatstillgänglighet. Ange WCAG-riktlinjer, förkortning för “Web Content Accessibility Guidelines”.
Den aktuella versionen av riktlinjerna för tillgänglighet för webbinnehåll är WCAG 2.1och det finns en chans att version 2.2 kommer att ha lanserats i december 2022 när du läser detta. Version tre pågår med ett beräknat releasedatum på “några år.” Dokumentet är så omfattande som möjligt och täcker allt som en webbplats behöver för att i stort sett anses vara tillgänglig. Det är det bästa vi har brist på faktiska lagstiftningsdefinitioner.
Även om du kan gå vidare och läsa igenom allt detta och göra dina ändringar manuellt, finns det enklare sätt att göra en WordPress-webbplats ADA-kompatibel.
WordPress-plugins för webbplatstillgänglighet och ADA-efterlevnad
WordPress-webbplatser har fördelen av att vara både standardiserade och mycket modulära. Det betyder att webbplatsplugins kan ändra webbplatsomfattande element och till exempel automatisera 90 % av det arbete som krävs för att göra din webbplats kompatibel med ADA.
Det finns en handfull sådana plugins som fungerar med alla WordPress-tema, så låt oss gå igenom dem.
1. WP-tillgänglighet
Detta gratis plugin är så minimalt invasivt som möjligt, så det fungerar med så många teman. Den lägger till sidnavigeringslänkar specifikt för användare som förlitar sig på tangentbords- eller skärmläsarnavigering, framhäver viktiga delar av sidorna, lägger till längre titlar och alt-textfält för bilder och kan dra upp listor över foton som behöver beskrivningar som du kan fylla i.
Det kan också mäta färgkontrast, identifiera CSS-problem och mer. Det är ett ganska omfattande, gratis plugin, men eftersom det inte redigerar temafiler kan det bara göra så mycket.
2. Tillgänglighet med ett klick
Detta plugin gjordes från början för ett specifikt WordPress-ramverk, men efterfrågan ledde till att utvecklarna fick det att fungera för de flesta WordPress-sajter i allmänhet.
Den är främst inriktad på läsbarhet och färgkontrast och lägger till ett verktygsfält som användare kan använda för att växla mellan alternativ som gråskala, negativ kontrast och högkontrastlägen. Det är ett gäng påtvingade CSS-åsidosättningar. Det fungerar för vad det är men träffar bara ett par punkter på ADA-checklistan.
3. WP Accessibility Helper
Det första freemium-pluginet på min lista har många gratisfunktioner för att möjliggöra hoppa över länkar, storleksändring av teckensnitt, kontrastlägen och åtkomstnycklar, och det kan göra lite automatisk optimering och granskning.
Den har också en betalversion för $99 som erbjuder tillgängliga popup-fönster, stöd för flera språk, ytterligare färglägen och mer. Återigen, det träffar några av de betydande tillgänglighetsproblemen (men inte alla).
4. UserWay
Som en av de starkare plugins som finns är UserWay kompatibel med WCAG och några andra standarder, som jämförbar europeisk lagstiftning. Den använder mycket automatisering för att identifiera problem, underlätta tangentbordsnavigering, aktivera färgkontrast och hjälpa dig att fylla i bildbeskrivningar.
Prissättningen för premiumpluginet börjar på $50 per månad om du vill ha premiumfunktionerna.
5. AudioEye
Denna plugin och plattform kombinerar en ADA/WCAG-revision med verktyg som hjälper dig att åtgärda problemen. Det kan automatisera vissa korrigeringar och ger dig alternativ att fixa andra problem när de dyker upp.
De utarbetar också svarsbrev till alla som skickar något hotfullt till dig om tillgänglighet, som backar upp sina påståenden. Priset börjar på 50 USD per månad, och planerna prissätts efter de månatliga sidvisningarna som din webbplats får.
Min favorit ADA Compliance Plugin: AccessiBe
Inget av plugins ovan är så omfattande, flexibelt eller värdefullt som AccessiBevilket är, enligt min mening, i stort sett det bästa tillgängliga alternativet för ADA-efterlevnad. AccessiBe används av många stora varumärken, inklusive GE, State Farm, Nintendo, Hulu och många fler.
En av de saker jag gillar mest med AccessiBe är att de har två erbjudanden:
- Den ena är en webbplatsbaserad tillgänglighetswidget som jag kommer till om en stund.
- Den andra syftar till problemet vid källan: en utvecklingsplattform för att hjälpa utvecklare att integrera tillgänglighetsanpassade funktioner i sin kod och sina produkter direkt istället för att tillämpa dem som fixar senare.
Den främsta anledningen till att du förmodligen är här är deras tillgänglighetswidget. När allt kommer omkring vill du inte anlita en webbdesigner för att bygga om din webbplats från grunden. Du vill ha ett verktyg som hjälper dig att hitta alla checklistpunkter för tillgänglighet utan att behöva göra om din webbplats.
Deras widget fungerar på både fronten och baksidan av din webbplats. I gränssnittet erbjuder den en meny med olika tillgänglighetsfunktioner och funktionshinderprofiler så att användare kan anpassa din webbplats användarupplevelse och användbarhetsalternativ efter deras behov. Det kan till exempel:
- Stoppa animationer för att undvika att utlösa epilepsi.
- Ändra färger och öka kontrasten på en mängd olika sätt.
- Ta bort icke-textelement för att göra webbplatsen som helhet lättare att läsa.
- En hel rad av navigeringsförbättringar, med tangentbordsnavigering.
Användare kan växla dessa funktioner individuellt, eller så kan de aktiveras som en helhet i profiler som “Seizure Safe-profilen” eller “Tangentbordsnavigeringsprofilen”, som var och en växlar en mängd mindre förbättringar som är relevanta för användare med dessa behov.
Individuella innehållsjusteringar är också tillgängliga, inklusive ändring av textjustering, teckenstorlek, teckensnittsfamilj, bokstavsavstånd och radhöjd. Det kan också lägga till höjdpunkter och konturer över länkar och titlar. Komplett färganpassning är naturligtvis också tillgänglig.
Om du läser igenom WCAG-dokumentationen som länkas ovan, kommer du att upptäcka att varje poäng de gör är något som AccessiBe kan hantera åt dig.
Och allt detta är bara första halvan! Den andra halvan av plugin är deras back-end maskininlärning, revision och övervakningssystem. Detta system kan anpassa din webbplats till användarens behov och tillämpa inställningar automatiskt om skärmläsare upptäcks eller tangentbordsnavigering används.
Utöver detta har de ett AI/ML-system som skannar din webbplats, letar efter problem som kan dyka upp, med upprepade skanningar varje dag. Det kommer att försöka fixa problem automatiskt, även om du kan tillämpa korrigeringar själv om du föredrar ett mer anpassat tillvägagångssätt.
En av de mest bekväma funktionerna i AI är att automatiskt analysera och generera beskrivningar för bilder som saknas i alt-texten, vilket kan vara en enorm och tråkig uppgift att åtgärda.
Det enda de inte kan åstadkomma automatiskt är att analysera och åtgärda problem i PDF-filer, SVG-filer eller videotexter. De har ytterligare tjänster du kan betala för för att få dem, men de är inte lika lätta att göra, så den tjänsten ingår inte i deras standardplaner.
AccessiBe erbjuder också juridiskt stöd om din webbplats någonsin utmanas enligt tillgänglighetslagstiftningen. De tillhandahåller professionella revisioner, rapporter, kartläggning av tillgänglighet, stöddokumentation för efterlevnad och mer. Om din webbplats inte är kompatibel, gör de den kompatibel; i så fall tillhandahåller de backup för att hjälpa dig att vinna dina juridiska utmaningar. Och ja, AccessiBe har testats i domstol tidigare och funnits giltigt.
Till skillnad från andra alternativ är AccessiBe-planer det prissatt baserat på antalet webbsidor på din webbplatsmed den billigaste $49 per månad planen som fungerar för webbplatser med upp till 1 000 sidor. Du kan få 20% rabatt genom att betala årligen.
Min åsikt? Enbart det rättsliga skyddet är värt det, med tanke på att en ADA-överträdelse kan bli böter på upp till 55 000 USD för ett första brott och det dubbla för upprepade brott. Du vill inte spela snabbt och löst med det här!
Vad tycker du? Har du några frågor till mig? Låt mig veta i kommentarerna nedan!