| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | ||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Sist oppdatert: 21.05.2025 | Oversikt over status for universell utforming i én enkelt nettløsning. Her ser du WCAG-kravene som nettsteder skal oppfylle, sortert på de fire prinsippene i WCAG-standarden. For hver av retningslinjene finnes beskrivelser, lenker til mer informasjon, m.m., samt en nedtrekksmeny der du kan notere status pr i dag. Du kan laste ned arket og bruke det som arbeidsliste, men følg alltid med på uutilsynet.no for oppdatert kravliste. | |||||||||||||||||||||||||
2 | |||||||||||||||||||||||||||
3 | https://arsrapport25.siva.no/ – WCAG-sjekkliste for utfylling av tilgjengelighetserklæring | ||||||||||||||||||||||||||
4 | Retningslinje | Beskrivelse av retningslinje | Suksesskriterium | Følges kravet? | Svaret som skal avgis | ||||||||||||||||||||||
5 | Prinsipp 1: Mulig å oppfatte | 1.1 Tekstalternativer | Gi tekstalternativer til alt ikke-tekstlig innhold, slik at det kan konverteres til formater som brukerne har behov for, for eksempel stor skrift, blindeskrift, tale, symboler eller enklere språk. | ||||||||||||||||||||||||
6 | 1.1.1 Ikke-tekstlig innhold | Nei | Side: https://arsrapport25.siva.no/tilretteleggerrollen-industripark/ En datatabell er publisert som et skjermbilde i stedet for ekte HTML-tabell eller bilde med beskrivende alt-tekst. Bilde av en tabell («tabell-11-1.png») er lenket, men har tom alt-tekst og lenken har ingen tilgjengelig tekstSkjermleserbrukere får verken vite hva bildet viser eller hvor lenken går. Innholdet i tabellen er fullstendig utilgjengelig uten syn. | ||||||||||||||||||||||||
7 | 1.2 Tidsbaserte medier (lyd og video) | Gi alternativer til tidsbaserte medier. | |||||||||||||||||||||||||
8 | 1.2.1 Bare lyd og video (forhåndsinnspilt) | Vi har ikke denne typen innhold | Det finnes ingen videoer på nettstedet, slik jeg kan se | ||||||||||||||||||||||||
9 | 1.2.2 Teksting (forhåndsinnspilt) | Vi har ikke denne typen innhold | Det finnes ingen videoer på nettstedet, slik jeg kan se | ||||||||||||||||||||||||
10 | 1.3 Mulig å tilpasse | Lag innhold som kan presenteres på forskjellige måter uten at informasjon eller struktur går tapt. | |||||||||||||||||||||||||
11 | 1.3.1 Informasjon og relasjoner | Nei | Side: https://arsrapport25.siva.no/fullskalatesting-ga-raskere-vei-til-markedet/: 9 elementer er kodet som <h1>: sidetittel + 7 sitater/mellomoverskrifter + «Siva SF» i footerRedaktør har brukt H1-stil for avsnittstitler i stedet for H2/H3. Footer-logo er også tagget H1. Skjermleserbrukere som navigerer via overskrifter får ingen hierarkisk struktur. Alle seksjoner fremstår som likeverdige sideovertitler. Overskriftshopp H1 → H3Følge av de mange feilkodet H1-ene — neste nivå er H3, H2 mangler helt. Navigasjonsverktøy som lister overskriftsnivåer viser et hull som kan forvirre og skape usikkerhet om sidestruktur. Side: https://arsrapport25.siva.no/naeringshage-og-inkubasjonsprogrammet/ To <h1>-elementer på samme sideEn ekstra H1 er sannsynligvis lagt inn manuelt i innholdet i tillegg til den automatisk genererte sidetittelen. Skjermlesere og søkemotorer får tvetydig informasjon om hva siden handler om. Brukere som navigerer overskrifter vet ikke hvilken som er den «ekte» tittelen. Ellers er det flere undersider som har hopp i overskriftnivåer, fote fra H2 til H4. | ||||||||||||||||||||||||
12 | 1.3.2 Meningsfylt rekkefølge | Ja | |||||||||||||||||||||||||
13 | 1.3.3 Sensoriske egenskaper | Vi har ikke denne typen innhold | Det finnes ingen skjema på siden. | ||||||||||||||||||||||||
14 | 1.3.4 Visningsretning | Ja | Det er mulig å rotere skjerm på mobil slik at sidebredden blir større | ||||||||||||||||||||||||
15 | 1.3.5 Identifiser formål med inndata | Vi har ikke denne typen innhold | Finnes ingen skjema på siden | ||||||||||||||||||||||||
16 | 1.4 Mulig å skille fra hverandre | Gjør det enklere for brukerne å se og høre innhold, blant annet ved å skille forgrunnen fra bakgrunnen. | |||||||||||||||||||||||||
17 | 1.4.1 Bruk av farge | Ja | Lenker har understrek i tillegg til farge | ||||||||||||||||||||||||
18 | 1.4.2. Styring av lyd | Vi har ikke denne typen innhold | Det finnes ingen videoer / lydopptak | ||||||||||||||||||||||||
19 | 1.4.3 Kontrast (minimum) | Ja | |||||||||||||||||||||||||
20 | 1.4.4 Endring av tekststørrelse | Ja | Ved forstørring av tekst til 200%, blir nettsiden satt inn i det som ligner nettbrett-visning av siden. | ||||||||||||||||||||||||
21 | 1.4.5 Bilder av tekst | Nei | Det er mye bilder av grafer og diagram, uten at dette blir godt beskrevet gjennom alternativ-beskrivelse. | ||||||||||||||||||||||||
22 | 1.4.10 Dynamisk tilpasning (Reflow) | Ja | Siden blir omgjort til det som lignet på mobilvisning ved forstørrelse til 400% på 1280px skjermbredde. | ||||||||||||||||||||||||
23 | 1.4.11 Kontrast for ikke-tekstlig innhold | Ja | |||||||||||||||||||||||||
24 | 1.4.12 Tekstavstand | Ja | |||||||||||||||||||||||||
25 | 1.4.13 Pekerfølsomt innhold eller innhold ved tastaturfokus | Ja | Ingen problemer funnet. | ||||||||||||||||||||||||
26 | Prinsipp 2: Mulig å betjene | 2.1 Tilgjengelig med tastatur | Gjør all funksjonaliteten tilgjengelig med tastatur. | ||||||||||||||||||||||||
27 | 2.1.1 Tastatur | Ja | Fokuseffekt er ikke den samme som da muspeker er over et element. Fokuseffekt en relativt tydleig. | ||||||||||||||||||||||||
28 | 2.1.2 Ingen tastaturfelle | Ja | |||||||||||||||||||||||||
29 | 2.1.4 Hurtigtaster som består av ett tegn | Ja | Siden har ingen hurtigtaster som kan utløses av ett tastetrykk. | ||||||||||||||||||||||||
30 | 2.2 Nok tid | Gi brukerne nok tid til å lese og bruke innhold. | |||||||||||||||||||||||||
31 | 2.2.1 Justerbar hastighet | Vi har ikke denne typen innhold | Siden inneholder ingen tidsbegrensinger. | ||||||||||||||||||||||||
32 | 2.2.2 Pause, stopp, skjul | Vi har ikke denne typen innhold | Ingen videoer på nettsiden | ||||||||||||||||||||||||
33 | 2.3 Anfall og andre fysiske reaksjoner | Ikke utform innhold på en måte som er kjent for å forårsake anfall. | |||||||||||||||||||||||||
34 | 2.3.1 Terskelverdi på maksimalt tre glimt | Ja | Side inneholder kun korte animasjoner av elementer idet siden blir lastet. | ||||||||||||||||||||||||
35 | 2.4 Navigerbar | Gjør det mulig for brukerne å navigere, finne innhold og vite hvor de befinner seg. | |||||||||||||||||||||||||
36 | 2.4.1 Hoppe over blokker | Ja | |||||||||||||||||||||||||
37 | 2.4.2 Sidetitler | Ja | Siden har riktig sidetittel med beskrivelse | ||||||||||||||||||||||||
38 | 2.4.3 Fokusrekkefølge | Ja | |||||||||||||||||||||||||
39 | 2.4.4 Formål med lenke (i kontekst) | Ja | Lenkebeskrivelsene er gode | ||||||||||||||||||||||||
40 | 2.4.5 Flere måter | Ja | Det er flere måter å navigere | ||||||||||||||||||||||||
41 | 2.4.6 Overskrifter og ledetekster | Nei | Det er flere feil i overskriftsnivået over hele nettstedte | ||||||||||||||||||||||||
42 | 2.4.7 Synlig fokus | Ja | Fokus er synlig | ||||||||||||||||||||||||
43 | 2.5 Inndatametoder | Gjør det enklere for brukerne å betjene funksjonalitet med andre inputmetoder enn bare tastatur. | |||||||||||||||||||||||||
44 | 2.5.1 Pekerbevegelse | Vi har ikke denne typen innhold | Siden har ingen steder hvor man må bruke spesielle pekerbevegelser | ||||||||||||||||||||||||
45 | 2.5.2 Pekeravbrytelse | Vi har ikke denne typen innhold | Ser ingen plasser hvor man ikke kan avbryte | ||||||||||||||||||||||||
46 | 2.5.3 Ledetekst i navn | Vi har ikke denne typen innhold | Ingen skjema på siden | ||||||||||||||||||||||||
47 | 2.5.4 Bevegelsesaktivering | Vi har ikke denne typen innhold | Ikke relevant, er et app-krav | ||||||||||||||||||||||||
48 | Prinsipp 3: Forståelig | 3.1 Leselig | Det må være mulig å forstå informasjon og betjening av brukergrensesnitt. | ||||||||||||||||||||||||
49 | 3.1.1 Språk på siden | Ja | Norsk språk satt i kode | ||||||||||||||||||||||||
50 | 3.1.2 Språk på deler av innhold | Vi har ikke denne typen innhold | Kun norsk språk | ||||||||||||||||||||||||
51 | 3.2 Forutsigbar | Sørg for at websider presenteres og fungerer på forutsigbare måter. | |||||||||||||||||||||||||
52 | 3.2.1 Fokus | Ja | Ingen betydelig endring på siden ved fokus | ||||||||||||||||||||||||
53 | 3.2.2 Inndata | Vi har ikke denne typen innhold | Ingen skjema på siden | ||||||||||||||||||||||||
54 | 3.2.3 Konsekvent navigering | Ja | |||||||||||||||||||||||||
55 | 3.2.4 Konsekvent identifikasjon | Ja | Elementer fungerer likt på alle sidene | ||||||||||||||||||||||||
56 | 3.3 Inndatahjelp | Hjelp brukere med å unngå feil og å rette opp feil. | |||||||||||||||||||||||||
57 | 3.3.1 Identifikasjon av feil | Vi har ikke denne typen innhold | Ingen skjema på siden | ||||||||||||||||||||||||
58 | 3.3.2 Ledetekster eller instruksjoner | Vi har ikke denne typen innhold | Ingen skjema på siden | ||||||||||||||||||||||||
59 | 3.3.3 Forslag ved feil | Vi har ikke denne typen innhold | Ingen skjema på siden | ||||||||||||||||||||||||
60 | 3.3.4 Forhindring av feil (juridiske feil, økonomiske feil, datafeil) | Vi har ikke denne typen innhold | Ingen skjema på siden | ||||||||||||||||||||||||
61 | Prinsipp 4: Robust | 4.1 Kompatibel | Sørg for best mulig kompatibilitet med aktuelle og fremtidige brukeragenter, inkludert kompenserende teknologi. | ||||||||||||||||||||||||
62 | 4.1.1 Parsing (oppdeling) | Nei | Noen feil, kan ses her | ||||||||||||||||||||||||
63 | 4.1.2 Navn, rolle, verdi | Nei | Navigasjonsmenyen mangler programmatisk markering av hvilken side som er aktiv (aria-current="page"). I tillegg er selve menylenkene plassert utenfor <nav>-elementet, slik at de ikke er en del av navigasjonslandmerket. Dette skyldes at menystrukturen er bygget med en widget-løsning der toggle-knappen er pakket inn i <nav>, men lenkelisten havner i et tilstøtende <div>-element. Konsekvensen er at skjermleserbrukere ikke kan hoppe direkte til navigasjonen via landemerkenavigasjon, og de får ikke oppgitt hvilken side de befinner seg på. | ||||||||||||||||||||||||
64 | 4.1.3 Statusbeskjeder | Ja | Alt i orden | ||||||||||||||||||||||||
65 | |||||||||||||||||||||||||||
66 | |||||||||||||||||||||||||||
67 | |||||||||||||||||||||||||||
68 | |||||||||||||||||||||||||||
69 | |||||||||||||||||||||||||||
70 | Notater | ||||||||||||||||||||||||||
71 | |||||||||||||||||||||||||||
72 | Tekst på bildebakgrunn har for lav kontrast (de med tall som teller opp) | ||||||||||||||||||||||||||
73 | Feil i overskriftsnivå over hele nettsiden, til og med i menyen | ||||||||||||||||||||||||||
74 | Hover-farger på lenker (blågrønn) har ikke nok kontrast | ||||||||||||||||||||||||||
75 | Designelementer henger ikke alltid sammen | ||||||||||||||||||||||||||
76 | Logo har liten kontrats mot bakgrunn (nytt frav fra februar at relevante elementer også må ha nok kontast) | ||||||||||||||||||||||||||
77 | Annen fargebruk enn på siva.no | ||||||||||||||||||||||||||
78 | Årsrapportlogo er ikke klikkbar, bruker vanligvis å føre til forsiden | ||||||||||||||||||||||||||
79 | Lite luft i toppen på undersider | ||||||||||||||||||||||||||
80 | Ikke tydelig nok i meny hvilken side man er på (ser knapt forskjellen) | ||||||||||||||||||||||||||
81 | Menyen er forvirrende. Noen ganger leder den til et innlegg. Andre ganger til forsiden. | ||||||||||||||||||||||||||
82 | Dårlige bildtekster hvor det er mye tekst på bilder, som grafer/diagram osv | ||||||||||||||||||||||||||
83 | Kart har ikke riktig tab-rekekfølge | ||||||||||||||||||||||||||
84 | Kart har knapt hover-effekt | ||||||||||||||||||||||||||
85 | Ingen alt-beskrivelse på bilder | ||||||||||||||||||||||||||
86 | Dårlig lenkemål under bedriftshistroier | ||||||||||||||||||||||||||
87 | Sidetoppen har dårlig tekstkontrast på mobil | ||||||||||||||||||||||||||
88 | |||||||||||||||||||||||||||
89 | |||||||||||||||||||||||||||
90 | |||||||||||||||||||||||||||
91 | |||||||||||||||||||||||||||
92 | |||||||||||||||||||||||||||
93 | |||||||||||||||||||||||||||
94 | |||||||||||||||||||||||||||
95 | |||||||||||||||||||||||||||
96 | |||||||||||||||||||||||||||
97 | |||||||||||||||||||||||||||
98 | |||||||||||||||||||||||||||
99 | |||||||||||||||||||||||||||
100 | |||||||||||||||||||||||||||