Vi i faggruppa Universell Utforming i Bekk ønsket å tromme opp noen enkle punkter for å hjelpe team og folk til å bli litt bedre på universell utforming.

For universell utforming kan være vanskelig. Assosiasjonene går fort til direktiver, jusspråk og diskusjoner om hvorvidt punkt 1.4.8 krever at man må ha en linjeavstand på minst 1.5 innenfor avsnitt eller ikke. Vi hadde lyst til å lage noe kort og konkret. Noe som folk kan bruke i hverdagen.

Prosessen

Vi i faggruppa møttes og delte oss inn i grupper. Så forsøkte vi å notere ned alle de tingene hver av oss gjør i jobbhverdagen for å sørge for god universell utforming. Vi samlet og grupperte alle forslagene og så fort at det dannet seg noen store grupper. Da gjensto det bare å velge ut de viktigste.

Fem punkter er lite. Vi måtte prioritere hardt. Sterke kandidater som aria-labels og god kontrast ble ble stemt ned fordi de (forhåpentligvis) blir godt nok testet av et testverktøy. Men en komplett liste blir det jo ikke. Likevel håper vi at det å ha noen enkle tips lett for hånden kan hjelpe noen av oss med å unngå feil i produksjon.

Resultatet

Under er de fem punktene vi kom fram til. Har du dette i bakhodet når du designer eller utvikler ny funksjonalitet, er du sannsynligvis godt på vei mot et mer inkluderende produkt. Lykke til!

1. Bruk et testverktøy

Gjør jobben din lettere.

En del UU-krav kan fanges opp med testverktøy som Axe eller Lighthouse. Legg de til i nettleseren din og som et byggsteg i prosjektet. For utviklere finnes pakker som axe-core som printer feilmeldingene rett til konsollen.

2. Test tastaturnavigering

Tab-tasten er din venn, bruk den ofte.

Tastaturnavigering kan være uvant i starten, men egentlig er det ganske enkelt: Prøv deg frem med tab, enter, space og piltaster. Du skal kunne bruke siden på lik linje som når du bruker musenavigasjon. Det vil folk med motoriske vansker og nedsatt syn sette stor pris på.

3. Test med zoom

Frem med lupen (Ctrl/Cmd + +).

Ikke alle bruker samme tekststørrelse som du gjør. Ved å teste hvordan ting ser ut når teksten er økt til 400% størrelse (som er WCAG-kravet) unngår du at innhold blir stående hulter til bulter, ramler ut av siden, eller skjules i doble scrollbars.

4. Skriv semantisk html

Du kan få det meste gratis.

Veldig mange UU-utfordringer blir løst på en god måte i HTML, og skriver du semantisk HTML får du mye gratis. La knapper være knapper, la skjemaer være skjemaer og bruk de forskjellige element-typene til å lage struktur og hierarki.

5. Unngå kompliserte komponenter

Hold det enkelt og standarisert.

Vær tilbakeholden med å designe eller utvikle helt egne komponenter som ikke allerede er definert i HTML eller designsystemet dere bruker. Jo lenger du beveger deg vekk fra det enkle og standardiserte, jo større risiko tar du. Sett i så fall av rikelig med tid til å forstå og teste tilgjengeligheten til komponenten din.