Hur den amerikanska handikapplagen påverkar webbdesign

shutterstock_530331313-219114-redigerad

Under de senaste decennierna har digitala domäner helt upphöjt våra idéer om var ett företag “bor”. Virtuella sajter har blivit det främsta hemmet och det offentliga ansiktet utåt för företag över hela världen, med traditionella tegel- och murbruksplatser som tar en mer satellitroll. Oavsett hur det skiftet sitter med din sentimentala sida, indikerar det att webbplatser nu är den mest besökta “platsen” för kommersiell interaktion. Och precis som deras fysiska föregångare måste digitala domäner vara tillgängliga och tillgängliga för alla individer, inklusive de med funktionshinder.

Historia om ADA och webben

De första riktlinjerna för tillgänglighet för webbinnehåll (WCAG) utarbetades av en fraktion av World Wide Web Consortium (W3C) och var avsedda att hålla alla webbplatser ansvariga för en internationell tillgänglighetsstandard. Ordet avsett är nyckeln. Medan WCAG 1.0 släpptes redan 1999, försenade justitiedepartementet att göra några bestämmelser formella enligt amerikansk ADA-lag till det avlägsna framtida datumet…2018.

Men vänta, säger du, det är 2018! Du kan slå vad om att de goda människorna på DOJ hade en liknande reaktion. Det är dags att formalisera ADA-webbpolicyn, något som många andra nationer (inklusive vår norra granne) redan har genomfört med W3C:s principer som vägledande ramverk. När standarder för webbefterlevnad har formaliserats i USA i år kommer amerikanska företag att vara juridiskt ansvariga för att upprätthålla ADA-standarder för webbefterlevnad med risk att ådra sig böter eller stämningar.

Vad betyder urskillningslös tillgänglighet i samband med webbplatser?

Jag är så glad att du frågade. Ramverket som DOJ arbetar utifrån är WCAG 2.1, en uppdaterad iteration av W3C:s ursprungliga guide som tar hänsyn till den senaste tekniska utvecklingen. WCAG 2.0 definierade fyra vägledande principer för tillgänglig webbdesign: märkbar, funktionsduglig, begriplig och robust. Dessa fyra “framgångskriterier” förblir guldstandarden för att bedöma en webbplatss tillgänglighet och tjänar till att informera en webbplatss efterlevnadspoäng (A-lägst, AA-medel och AAA-högst).

WCAG 2.1 definierar ytterligare webbefterlevnadskriterier i relation till tre huvudfrågor:

1. Svagsynta användare

2. Användare med kognitiva eller inlärningssvårigheter

3. Webbtillgänglighet för mobila enheter

Hur ser ADA-webbkompatibilitet ut?

I motsats till vad du kan anta, innebär att upprätthålla WCAG-principerna inte att överdimensionera alla dina teckensnitt och återgå till ett svart-vitt färgschema från 1930-talet. Många efterlevnadskriterier involverar backend-webbplatselement som inte påverkar en webbplatss visuella estetik. Saker som image alt-taggar och HTML-semantiska taggar gör att utvecklare kan lägga till mer kontextuell information till en webbplatskod så att webbplatsläsare kan översätta dessa data korrekt. Image alt-taggar, till exempel, fungerar som kodade etiketter som gör det möjligt för funktionshindrade användare att förstå vilken bild som finns på en sida, så att mening, sammanhang och semantiskt värde inte går förlorade i översättningen.

Föreställ dig att en skärmläsare försöker översätta en bildtext som lyder: “Bob bajsade på golvet för femte gången den här veckan.” Genom att tagga den bifogade bildens källkod med alt-etiketten “En bild på en hund” låter utvecklare skärmläsare förmedla denna information till användaren (ex: alt=”En bild på en hund”>) för att ge sammanhang och ge en lämplig ton åt berättelsen. Semantiska taggar, som bildtaggar, ger skärmläsare mer information att arbeta utifrån för att korrekt översätta webbinnehållet i fråga.

En bild på en hund

I HubSpot ser backend-källkoden för bilden ovan ut så här:

HubSpot källkod alt tagg exempel2

De efterlevnadsstandarder som kräver estetiska webbplatsändringar är ofta mer subtila och intuitiva till sin natur. WCAG anger miniminivåer för text/bakgrundskontrast för att säkerställa att webbplatsens innehåll är läsligt för synskadade och färgblinda användare. Andra aspekter av WCAG 2.1 adresserar efterlevnad när det gäller specifika webbplatsfunktioner och funktioner som inbäddade videor eller övergripande navigering av innehåll. Till exempel föreskriver ADA-webbstandarder att all information är tillgänglig via tangentbordskommandon (snarare än endast tillgänglig med mus eller pekplatta).

Hur ADA-efterlevnad påverkar SEO-rankningen

Precis som skärmläsare, gynnar sökmotorernas algoritmer webbplatser med en mer organiserad och informerad backend-struktur. På samma sätt som alt-etiketten “En bild av en hund” hjälper skärmläsare att kommunicera sammanhang till en synskad användare, kommer den också att hjälpa sökmotorer att indexera innehåll och svara på sökfrågor med mycket relevant material. På så sätt kommer att säkerställa att din webbplats är WCAG-kompatibel också förbättra din webbplatss sökmotorkompatibilitet och rankning.

Uppdaterar din webbplats för ADA-efterlevnad

Alla nya anläggningar bör byggas med de senaste WCAG-standarderna i åtanke. Om du inte är säker på om din webbplats är i toppform eller aktivt letar efter att uppdatera din webbplats för ADA-efterlevnad, sök en byrå som förstår hur efterlevnadskriterierna har utvecklats och hur dessa standarder varierar mellan olika länder.

Om du vill ha hjälp med den sista delen har du kommit till rätt ställe. New Breed har arbetat med kunder från hela världen för att bygga kreativa och dynamiska webbplatser med internationella efterlevnadsstandarder i åtanke. Vi vill gärna prata med dig genom vår webbdesignprocess – allt du behöver göra är att fråga.

För mer vägledning om nyckelelement du bör tänka på när du gör om din webbplats, kolla in vår 10-stegsguide nedan.

Relaterade Artiklar

Back to top button