| 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: 24.01.2024 | 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 | 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 | Ja | |||||||||||||||||||||||||
7 | 1.2 Tidsbaserte medier (lyd og video) | Gi alternativer til tidsbaserte medier. | |||||||||||||||||||||||||
8 | 1.2.1 Bare lyd og video (forhåndsinnspilt) | Ja | Der hvor det er video, er det også lagt ved beskrivelse av innhold på video. | ||||||||||||||||||||||||
9 | 1.2.2 Teksting (forhåndsinnspilt) | Nei | Det er ingen mulighet til å velge teksting av tale inne i videospilleren. | ||||||||||||||||||||||||
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 | F.eks «Finn en inkubator» er en tabell-lignende løsning som i grunnen ikke er en tabell, bare kodet opp til å se slik ut. Det er også feil en del plasser med overskriftsnivåer. | ||||||||||||||||||||||||
12 | 1.3.2 Meningsfylt rekkefølge | Ja | Nettstedet har en oversiktlig meny, i tillegg til en søkefunksjon søker på hele nettstedet. | ||||||||||||||||||||||||
13 | 1.3.3 Sensoriske egenskaper | Ja | Denne er i orden. | ||||||||||||||||||||||||
14 | 1.3.4 Visningsretning | Ja | Det er mulig å endre visningsretning på mobil. | ||||||||||||||||||||||||
15 | 1.3.5 Identifiser formål med inndata | Ja | Alt er i orden. | ||||||||||||||||||||||||
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 ikke bare annen farge, men også undestrek og/eller ikoner knyttet til seg. | ||||||||||||||||||||||||
18 | 1.4.2. Styring av lyd | Ja | Ingen videoer eller lydopptak starter automatisk. | ||||||||||||||||||||||||
19 | 1.4.3 Kontrast (minimum) | Ja | Kontrasten på farger er OK på nettstedet. | ||||||||||||||||||||||||
20 | 1.4.4 Endring av tekststørrelse | Ja | Endring av teksstørrelse til 200% fører til at nettsiden blir til noe som ligner nettbrett-visningen | ||||||||||||||||||||||||
21 | 1.4.5 Bilder av tekst | Ja | Alle plasser hvor det er tekst inne i et bilde, er det lagt ved en beskrivelse på hva bildets hensikt er. F.eks bilde av en graf. Det finnes plasser hvor bildene ikke har forklaring, men da er de kun lagt ved siden av tekst og brukt som pynt/illutsrasjon. F.eks på «Om Siva» | ||||||||||||||||||||||||
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 | Blått + grønt ikon under bibliotek har under 3:1 i kontrast mot hvit bakgrunn. Søkenapp på søkesiden er blå, som har indre en 3:1 kontrast. Det blå spille-knapp-ikoner på videoen har også like lite kontrast. Virker som alt ellers har nok kontrast (bortsett fra bakgrunnsfarger på div. bokser, men det skal ikke ha så mye å si for innholdet) | ||||||||||||||||||||||||
24 | 1.4.12 Tekstavstand | Ja | Linjeavstand er mindre enn 1.5. på stort sett all tekst. | ||||||||||||||||||||||||
25 | 1.4.13 Pekerfølsomt innhold eller innhold ved tastaturfokus | Ja | |||||||||||||||||||||||||
26 | Prinsipp 2: Mulig å betjene | 2.1 Tilgjengelig med tastatur | Gjør all funksjonaliteten tilgjengelig med tastatur. | ||||||||||||||||||||||||
27 | 2.1.1 Tastatur | Ja | Tastatur kan brukes. Men svak focus-effekt på f.eks bilder som er lenke. Focus-effekten kunne også generelt vært mye tydeligere overalt. Får heller ikke frem undermeny/dropdown ved å bruker tastatur. Bibliotek-dokumenter kan ikke lukkes ved hjelp av tastatur, bare åpnes. | ||||||||||||||||||||||||
28 | 2.1.2 Ingen tastaturfelle | Ja | Finner ingen tastaturfeller | ||||||||||||||||||||||||
29 | 2.1.4 Hurtigtaster som består av ett tegn | Vi har ikke denne typen innhold | 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 | Side inneholder kun korte animasjoner av elementer idet siden blir lastet. | ||||||||||||||||||||||||
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 | Vi har ikke denne typen innhold | Det finnes ingen blinkende innhold, kun korte animasjoner idet siden blir lastet inn. | ||||||||||||||||||||||||
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 | Siden har mulighet til å hoppe rett til innhold ved bruk av tastatur. | ||||||||||||||||||||||||
37 | 2.4.2 Sidetitler | Ja | Siden har riktig sidetittel med beskrivelse | ||||||||||||||||||||||||
38 | 2.4.3 Fokusrekkefølge | Ja | Innholdet blir presentert i den rekkefølgen det visuelt ser ut som. | ||||||||||||||||||||||||
39 | 2.4.4 Formål med lenke (i kontekst) | Ja | Lenker har ikke bare annen farge, men også undestrek og/eller ikoner knyttet til seg. Det er plasser hvor det kun står «Les mer», men det er knyttet en «title»-beskrivelse til denne teksten hvor man her et mer beskrivende lenkemål. | ||||||||||||||||||||||||
40 | 2.4.5 Flere måter | Ja | Nettstedet har en oversiktlig meny, i tillegg til en søkefunksjon søker på hele nettstedet. | ||||||||||||||||||||||||
41 | 2.4.6 Overskrifter og ledetekster | Nei | Overskrifter er beskrivende, men har ikke alltid riktig overskriftsnivå. | ||||||||||||||||||||||||
42 | 2.4.7 Synlig fokus | Ja | Fokuset er ikke tydelig nok. Ved bildelenker er fokuset usynlig (som ved nyhetsinnlegg) | ||||||||||||||||||||||||
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 | Ja | Menyen er for lett å uheldigvis peke seg ut av | ||||||||||||||||||||||||
46 | 2.5.3 Ledetekst i navn | Ja | Innafor, selv om Office-integrasjonen mangler "skip to content | ||||||||||||||||||||||||
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 | Språk er angitt i HTML-koden | ||||||||||||||||||||||||
50 | 3.1.2 Språk på deler av innhold | Ja | Det finnes en engelsk infoside, men der er article angitt med lang "en". | ||||||||||||||||||||||||
51 | 3.2 Forutsigbar | Sørg for at websider presenteres og fungerer på forutsigbare måter. | |||||||||||||||||||||||||
52 | 3.2.1 Fokus | Ja | Ingen stor endring ved fokus | ||||||||||||||||||||||||
53 | 3.2.2 Inndata | Ja | Skjemaer er eksterne, men medfører ingen vesentlig endring på siden | ||||||||||||||||||||||||
54 | 3.2.3 Konsekvent navigering | Ja | Alle navigasjoner samsvarer med hverandre | ||||||||||||||||||||||||
55 | 3.2.4 Konsekvent identifikasjon | Ja | Alle elementer med samme funksjonalitet er formet likt, noen ganger ulike farger basert på sidekategorien man er på | ||||||||||||||||||||||||
56 | 3.3 Inndatahjelp | Hjelp brukere med å unngå feil og å rette opp feil. | |||||||||||||||||||||||||
57 | 3.3.1 Identifikasjon av feil | Ja | Feil i skjema på ekstern side viser hvor feilen ligger. | ||||||||||||||||||||||||
58 | 3.3.2 Ledetekster eller instruksjoner | Ja | Alle skjemaer har en * for i indikere hva som må fylles ut. Da de ikke gjør det, får man feilmelding. | ||||||||||||||||||||||||
59 | 3.3.3 Forslag ved feil | Nei | Det står beskrevet under felt hva man skal fylle ut, men feilmeldingen sier bare at det er obligatorisk. | ||||||||||||||||||||||||
60 | 3.3.4 Forhindring av feil (juridiske feil, økonomiske feil, datafeil) | Ja | Fikk ingen oversikt på hva jeg hadde svart på, hverken på epost eller bekreftelsesskjerm etter at skjema var innsendt. Fikk kun bekreftelse på at noe var sendt. | ||||||||||||||||||||||||
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) | Ja | Det finnes feil i kode (lenke) | ||||||||||||||||||||||||
63 | 4.1.2 Navn, rolle, verdi | Ja | Alt i orden. | ||||||||||||||||||||||||
64 | 4.1.3 Statusbeskjeder | Ja | Alt i orden. | ||||||||||||||||||||||||
65 | |||||||||||||||||||||||||||
66 | |||||||||||||||||||||||||||
67 | |||||||||||||||||||||||||||
68 | |||||||||||||||||||||||||||
69 | Diverse notater | ||||||||||||||||||||||||||
70 | |||||||||||||||||||||||||||
71 | Generelt | ||||||||||||||||||||||||||
72 | Veldig dårlig tab-effekt generelt (bør være tydeligere boks) | ||||||||||||||||||||||||||
73 | Fjernet kontrastfeil på oransje tekst: https://siva.no/program/ | ||||||||||||||||||||||||||
74 | Nyhetsboksene på forsiden (bildene) ligger ikke på linje med hverandre | ||||||||||||||||||||||||||
75 | Dropdown meny er litt ekkel å navigere | ||||||||||||||||||||||||||
76 | Meny: Bør det ikke være en lenkeindikasjon på en forelder når man er på en underside? | ||||||||||||||||||||||||||
77 | Lite luft på mobil / ujevnt | ||||||||||||||||||||||||||
78 | Årsrapport-siden er ikke sjekket I denne testen da det er en ekstern løsning | ||||||||||||||||||||||||||
79 | |||||||||||||||||||||||||||
80 | Ledige lokaler | ||||||||||||||||||||||||||
81 | Dropdown for område er vanskelig å navigere uten mus | ||||||||||||||||||||||||||
82 | |||||||||||||||||||||||||||
83 | Suksesshistorier | ||||||||||||||||||||||||||
84 | Bilder ligger ikke på linje med hverandre | ||||||||||||||||||||||||||
85 | Ikke riktig overskrifter | ||||||||||||||||||||||||||
86 | |||||||||||||||||||||||||||
87 | Sivakonferamser 2022 + 2021, Siva-partnersamling 2021 | ||||||||||||||||||||||||||
88 | Ikke riktig overskrifter | ||||||||||||||||||||||||||
89 | |||||||||||||||||||||||||||
90 | Krux Oppdal Innovasjonssenter | ||||||||||||||||||||||||||
91 | Annen designstil enn på resten av siden | ||||||||||||||||||||||||||
92 | Ikke riktig overskrifter | ||||||||||||||||||||||||||
93 | |||||||||||||||||||||||||||
94 | Ny forside | ||||||||||||||||||||||||||
95 | Kontrastfeil på lenke i hero | ||||||||||||||||||||||||||
96 | |||||||||||||||||||||||||||
97 | Program | ||||||||||||||||||||||||||
98 | Ikke riktig overskrifter | ||||||||||||||||||||||||||
99 | |||||||||||||||||||||||||||
100 | Sivastrukturen | ||||||||||||||||||||||||||