Tilgjengelighet
Alle skal kunne bruke Sikts løsninger, uavhengig av funksjonsevne.
Hva er universell utforming?
Universell utforming er å planlegge produkter, omgivelser, programmer og tjenester slik at de kan brukes av så mange mennesker som mulig på en likeverdig måte. Alle skal kunne bruke Sikts nettsider – uavhengig av funksjonsnedsettelser på syn, hørsel, lammelser, konsentrasjon, leseferdigheter mm.
Nettsider og apper som Sikt lager eller kjøper må være kodet slik at hjelpemiddelteknologi kan lese og bruke dem. Sikt er lovpålagt å oppfylle kravene i WCAG 2.1 på nivå A og AA, og lage tilgjengelighetserklæringer som beskriver hvordan vi følger reglene og hva vi gjør med eventuelle brudd. Nye løsninger i Sikt lages i henhold til de forbedrede kravene i WCAG 2.2.
Fagnettverk og undervisning
Sikt har et fagnettverk for universell utforming i internettløsninger. Nettverket besto opprinnelig av utviklere, men i dag er designere og testere og alle andre velkomne.
Vi har jevnlige møter i Teams. Hvert møte tar opp et tema som overskrifter, skjermleser eller tastaturnavigering. Vi går ganske detaljert igjennom temaet mht relevante funksjonsnedsettelser, WCAG-regler, og best practice for design og kode.
En gang iblant har vi workshops på HellTech eller andre Sikt-samlinger. Vi har også Teams- og Slack-kanaler for å utveksle erfaringer og tipse hverandre om nyttige verktøy, møter og konferanser. Ta kontakt med Eivind Riise på Teams om du vil bli med i fagnettverket.
Rådgivning og testing
Sikt har en fagekspert på universell utforming. Alle produktteam kan be om faglig bistand til å lykkes bedre med universell utforming. Ta gjerne kontakt med Eivind Riise på Teams eller kall inn til en prat.
Universell utforming er viktig bl.a. på disse områdene:
- nettside-design
- front end utvikling
- testing
- tilgjengelighetserklæring
- innkjøp av IT-løsninger
Spør gjerne også om:
- lover og WCAG-regler
- tilgjengelighetserklæring
- funksjonsnedsettelser vi må ta hensyn til
- skjermlesere / hjelpemiddelteknologi
Lovkrav og WCAG
I Norge og mange andre land er det lovfestet å følge WCAG (Web Content Accessibility Guidelines). WCAG er et sett med retningslinjer som sikrer at nettsteder er tilgjengelige for personer med funksjonsnedsettelser. Private nettsteder skal følge 35 krav i WCAG versjon 2.0. Offentlige nettsteder skal følge 49 krav i WCAG versjon 2.1.
- norsk lov
- WCAG 2.0
- 35 krav er lovpålagt for private virksomheter
- WCAG 2.1
- 49 av 50 krav på nivå A og AA er lovpålagt i det offentlige.
- Krav 1.2.4 om teksting av direktesendt video er unntatt fra forskriften
- WCAG 2.2 (foreløpig ikke en del av norsk lov)
Offentlige nettsteder og apper skal ha tilgjengelighetserklæring.
- WCAG-kravene skal testes på nettstedet. Ta skjermbilder og lag oppfølgingssaker underveis.
- Dokumenter hvordan vi overholder kravene på uustatus.
- Så lager vi en lenke i footeren på nettstedet vårt til den ferdige erklæringen på uustatus
- Tilgjengelighetserklæring ressurser
- Informasjonssider (uutilsynet)
- Testprosedyrer (uutilsynet)
- WCAG-sjekkliste i Excel (uutilsynet) - Rapporteringsverktøy fra W3C
- Fyll inn erklæringen på uustatus.no. Logg inn med ID-porten, og oppgi organisasjonsnummer 919477822 og PIN-kode (spør Eivind).
Test-metoder
- Tastatur (legg vekk musa, bruk tab og piltaster)
- Fungerer alt?
- Kan alt avbrytes?
- Er fokus godt markert?
- Logisk fokus-rekkefølge?
- Forsvinner fokusmarkeringen på noen tab-stopp?
- Overskrifter
- HeadingsMap viser overskrift-struktur og landemerker
- Vises alle synlige overskrifter i HeadingsMap-oversikten?
- Har siden én h1 som beskriver sidens innhold?
- Følger overskriftene et hierarki uten hopp?
- Forstørring
- Responsiv design: zoom til 400% (WCAG 1.4.10). Sjekk om innhold overlapper, blir borte eller om det blir horisontal scrolling
- Text-zoom til 200% (WCAG 1.4.4)
- Firefox: Vis -> Skalering -> Forstørr bare tekst
- Chrome: Innstillilnger -> Utseende -> Skriftstørrelse: “Veldig stor”
- Navn
- input-felter: trykk på label -> sjekk at feltet får fokusmarkering
- knapper, lenker og input-felter: utviklerverktøy (F12)
- Høyreklikk på et element -> Inspect (accessibility) -> marker riktig element i kodevisningen -> Ta frem visningen “accessibility”
- Sjekk om elementet har et “Navn”, og at det er det samme som det synlige navnet.
- Bilder - alternativtekst
- Web Developer (mange gode utviklerverktøy)
- Images - Display Alt Attributes
- Sjekk at informative bilder har god alternativtekst
- Sjekk at dekorative bilder har tom alternativtekst
- Web Developer (mange gode utviklerverktøy)
- Kontrast
- Tekst-kontrast, hex-verdier (WebAIM). Minstekravet er WCAG 1.4.3, men mange svaksynte og også funksjonsfriske har stor nytte av å følge det forbedrede kravet i WCAG 1.4.6.
- Lenke-kontrast, hex-verdier (WebAIM)
- Finn ny farge som overholder kravene (Accessible Colors). Velg AAA.
- Ikke tekstlig kontrast (WCAG 1.4.11). Kravet gjelder fokusmarkering, grafer, informative bilder mm.
- Automatiske verktøy er ganske gode på å finne kontrastfeil.
- Automatiske verktøy (finner ca 20-30% av problemene)
- Web Developer (mange gode utviklerverktøy)
- Skjermlesere
- demo og nybegynneropplæring i de vanligste skjermleserene (ca 10 min)
- NVDA (PC)
- VoiceOver (Apple)
- TalkBack (Android)
Tekniske løsninger
Kurs, konferanser og sertifisering
- Universell utforming av IKT for utviklere og testledere (DFØ) er et meget godt og grundig kurs. Kurset har 10 moduler. Beregn ca en halv dag per modul.
- NAV: Mangfold i mai
- Axe-con har mange gode foredrag blandet med foredrag om egne produkter
- IAAP sertifiseringer
- Web Accessibility Specialist (WAS). For utviklere.
- Certified Professional in Accessibility Core Competencies (CPACC). For tilgjengelighetseksperter.
- Certified Professional in Web Accessibility (CPWA). WAS + CPACC = CPWA
- Accessible Document Specialist (ADS)