– Universell utforming er ikke bare noe vi frontend-utviklere bruker for å plage våre medutviklere, våre designvenner, sjefer og kunder med. Det er også et lovpålagt krav om at internett skal være åpent og tilgjengelig for alle, fordi det brukes av alle.
Det sa utvikler Elise Kristiansen i Variant under et foredrag på Cloud Native Day på Rebel i Oslo torsdag.
Hun fortalte at selv om frontendutviklere vanligvis er opptatt av å lage så gode nettsider som mulig, så er de ofte presset på tid.
– Og vi har sjefer og kunder som ikke alltid er villige til å gi oss tid til å kontinuerlig scanne nettsiden og passe på at det blir ordentlig. Og så har vi en tendens til å glemme universell utforming, sa hun.
Løsningen kan være å automatisere en del av jobben.
«En godt universelt utformet nettside gjør det også bedre på SEO. Så det er bra for business!»
Bra for business
Kristiansen understreket at det å ha en nettside som tilfredsstiller kravene til universell utforming hverken er noe som bare er "kjekt å ha", eller noe du må passe på bare fordi det er lovbestemt:
Ni av ti personer er på nett hver dag, og ifølge Kristiansen har til enhver tid mellom 15 og 25 prosent av befolkningen en funksjonsnedsetting.
Dette kan være alt fra at man har forstuet et håndledd og en periode sliter med å bruke tastaturet, til mer varige funksjonsnedsettinger – som at man har begynt å få dårlig syn.
Alle disse kan nyte godt av tilgjengelighet.
– En godt universelt utformet nettside gjør det også bedre på SEO. Så det er bra for business! legger Kristiansen til.
4 av 10 studier uten universell utforming – og lite testing
Med pa11y glemmer du det aldri
Siden det er så lett å enten glemme å sjekke at nettsidene tilfredsstiller alle krav til universell utforming, som WCAG-kravene, er det beste å bruke automatisk testing, fortalte Kristiansen.
Det finnes en masse verktøy for dette, men Kristiansen selv foretrekker verktøyet pa11y.
Verktøyet finnes både som et kommandolinjeverktøy du kan kjøre i terminalen, og som et verktøy beregnet på CI/CD-pipelines (Continous Integration/Continous Deployment).
Etter å ha kjørt pa11y på sin nye nettside, kunne Kristiansen raskt se hva hun måtte fikse:
– Og den sier hvor i koden du finner feilen.
Slik bruker du den selv
For å bruke pa11y lokalt på din egen maskin må du først installere pa11y globalt:
npm install -g pa11ySå kan du kjøre en test slik:
pa11y --runner axe --standard WCAG2AAA https://frkfrontend.no
I bakgrunnen kjøres headless Chrome.
Pa11y CI er verktøyet beregnet på bruk i CI-miljøer, og lar deg automatisere testing av universell utforming når du ruller ut ny kode.
Pa11y sjekker bare den URL-en du gir den, og ikke alle undersider automatisk. Du kan enten gi den en liste over sider som skal sjekkes, eller en sitemap.xml-fil hvis du vil være sikker på å alltid få testet alle sider og undersider.
Du kan konfigurere testingen for eksempel slik:
– Slik er det vi kan tvinge oss selv til å måtte overholde universell utforming. Skytjenester kan hjelpe oss med å gjøre universell utforming bedre på nettsidene våre! sa Kristiansen.
