- Navn på nettstedet:
- Bildetema
- Denne erklæringen gjelder nettstedet:
- https://nybildetema.oslomet.no/
- Ansvarlig for nettstedet:
- OSLOMET - STORBYUNIVERSITETET, organisasjonsnummer 997 058 925
I hvilken grad er nettstedet i samsvar med kravene til universell utforming?
Nettstedet er delvis i samsvar med kravene til universell utforming av ikt.
Det er brudd på 10 av 48 krav i regelverket.
Hva betyr bruddene for brukerne?
Bruddene som er registrert i denne erklæringen får spesielt konsekvenser for brukere som har følgende forutsetninger:
- Bruk uten syn
- Bruk med avgrenset syn
- Bruk uten fargesyn
- Bruk uten hørsel
- Bruk med nedsatt hørsel
- Bruk med nedsatt bevegelsesevne eller styrke
- Bruk med begrenset rekkevidde
- Begrensning av anfall på grunn av lysfølsomhet
- Bruk med nedsatt kognisjon
Meld gjerne fra om brudd på kravene
Vi ønsker tilbakemelding fra brukerne.
- Har du oppdaget feil og mangler knyttet til universell utforming av nettstedet?
- Trenger du alternativ til innhold som ikke er universelt utformet?
- Har du innspill til forbedringer av nettstedet?
Klage
Diskrimineringsnemnda behandler klager om brudd på regelverket. Du finner informasjon om hvordan du klager på nettstedet til Diskrimineringsnemnda. Du kan også klage på manglende eller sent svar på tilbakemeldinger du har sendt til oss.
Status for innhold som ikke er universelt utformet
Prinsipp 1. Mulig å oppfatte
Informasjon skal være presentert på en måte brukeren kan oppfatte. Det vil si at informasjon ikke bare skal kunne oppfattes med én enkelt sans. For å se grafikk trenger du for eksempel en skjerm og synssansen. Derfor skal bilder ha en alternativ tekst, i følge WCAG. Tekst kan også bli presentert på mange ulike måter, blant annet som punktskrift, syntetisk tale, på skjerm, tolkes som tegnspråk eller som symbol. WCAG krever derfor at tekst blir brukt som alternativ til lyd, film og bilder.
- Innhold som bryter kravet
Kravet er delvis utbedret. Lydknappene på forsiden og temasidene har navn («Spill av lyd for [tema]»). I ordlistene er lydknappens navn derimot bare selve ordet: «Spill av lyd for [ord]» ligger i et aria-hidden-element som kun er koblet til som aria-describedby (se 4.1.2). Karusell-, bokmerke- og visningsknappene har navn via aria-label. Alle bilder har tom alt-tekst; det er forsvarlig der ordet står som tekst rett under, men bør vurderes bevisst.
- Innhold som bryter kravet
Det er enkelte steder i løsningen hvor strukturen i innholdet ikke fremkommer tydelig for brukere som benytter skjermleser. Overskriften (h2) med ordet ligger inne i lydknappen, så overskrift og knapp leses som én enhet (og en overskrift inne i en button er ugyldig HTML). Siden en knapps innhold behandles som presentasjonelt i ARIA, blir h2-en trolig ikke eksponert som overskrift i det hele tatt; dette bør sjekkes i skjermleserens overskriftsliste. Positivt: ordkortene er nå merket opp som liste (ul/li).
- Innhold som bryter kravet
Det er flere tilfeller hvor interaktive elementer (som knapper og lenker) har for lav kontrast mot bakgrunnen til å tydelig fremstå som interaktive. Eksempelvis er det brukt grå bokser på hvit bakgrunn med kontrastforhold ned mot 1:2, som ikke oppfyller kravene i 1.4.11. Dette gjelder også ikoner og grafiske symboler som benyttes alene for å indikere funksjoner, og elementer som ligger oppå bilder uten tilstrekkelig visuell separasjon. Disse forholdene gjør det vanskelig for brukere å oppfatte interaktive elementer, spesielt for personer med nedsatt syn.
Pr. 01.10.26: Ikke utbedret. De grå tekstboksene på temakortene (rgb 235,234,232) har ca. 1,2:1 mot hvit bakgrunn. Karusell- og bokmerkeknappene er lysegrå sirkler uten kant oppå fotografier, og får lav kontrast mot lyse bilder.
- Innhold som bryter kravet
Interaktive elementer i løsningen har i flere tilfeller svak eller manglende visuell tilbakemelding ved hover eller fokus. Det gjør det vanskelig å forstå hvilke elementer som er klikkbare eller i fokus, særlig for brukere som navigerer med tastatur eller har behov for tydelig visuell støtte. Dette gjelder for eksempel knapper med lav kontrast og svak endring ved hover, og ikoner eller felter som mangler tydelig markering av interaksjon. Dette kan skape utfordringer for brukere med nedsatt syn eller kognitive vansker.
Pr. 01.10.26: Anbefaler å vurdere dette kriteriet på nytt. Fokusindikatoren er nå tydelig (3px rød ramme). Merk: 1.4.13 gjelder innhold som dukker opp ved hover/fokus (f.eks. verktøytips).
Prinsipp 2. Mulig å betjene
Web er interaktivt. Det er viktig at brukerne for eksempel kan navigere, velge knapper og sette haker i avkryssingsfelt, med det utstyret og den hjelpemiddelteknologien de bruker. Dette betyr for eksempel at det ikke bare skal være mulig å bruke mus. Alt innhold og all funksjonalitet skal også kunne brukes bare med tastaturet.
- Innhold som bryter kravet
Flere interaktive elementer har en visuell utforming som ikke tydelig gjenspeiler funksjonen deres. Dette gjør det vanskelig å forstå hvilke elementer som er lenker og hvilke som er knapper, og hva slags handling som forventes ved aktivering.
Pr. 01.10.26: Delvis utbedret. Temalenker leses som «Tema: Familie», og lydknappene på forside og temasider som «Spill av lyd for …». I ordlistene heter lydknappene bare ordet (se 4.1.2). Det visuelle skillet mellom lenker og knapper er ikke vurdert på nytt.
- Innhold som bryter kravet
Flere overskrifter og etiketter i løsningen er for generelle eller uklare, og gir ikke tilstrekkelig informasjon om hva innholdet omhandler. Dette gjelder særlig der hvor det presenteres lister med elementer som inneholder tekst, bilde og lyd. Selv om elementene har overskrifter, fremgår det ikke tydelig at overskriften beskriver et spesifikt ord. Dette gjør det vanskelig for brukere – særlig med skjermleser – å forstå hensikten med innholdet og hvordan det er strukturert. Kravet om at overskrifter og etiketter skal være beskrivende for innhold og funksjon er derfor ikke oppfylt.
Pr. 01.10.26: Delvis utbedret. Overskriftene på ordkortene er fortsatt bare selve ordet inne i lydknappen. «Åpne menyen for å legge til ord i samlingen», «Forrige bilde» og «Neste bilde» sier ikke hvilket ord de gjelder, og gjentas identisk på hvert kort.
- Innhold som bryter kravet
Skjermleseren leser opp funksjonen til interaktive elementer uten at det fremgår tydelig hvilken kontekst eller forklaring som gjelder for elementet. Dette gjør det vanskelig å forstå hva handlingen faktisk gjelder, spesielt når lenker er lagt inn midt i forklarende tekst.
Pr. 01.10.26: Kravet er oppfylt for lydknappene: det tilgjengelige navnet inneholder det synlige ordet (i ordlistene består navnet kun av ordet). Lenker midt i forklarende tekst er ikke kontrollert på nytt.
Prinsipp 3. Forståelig
Målet med nettsteder er at brukerne skal forstå hvordan sidene skal brukes og informasjonen de får. Det handler om at nettstedet er forutsigbart, har et enkelt språk og god hjelpefunksjonalitet. Rett koding er viktig for at nettstedet skal fungere med hjelpemiddelteknologi, for eksempel vil rett språk på siden sørge for at teksten blir lest opp på rett måte for brukere med talesyntese.
- Innhold som bryter kravet
Det er tilfeller hvor etiketter og instruksjoner for bruk ikke er tydelige nok. For eksempel mangler enkelte interaktive elementer forklarende tekst som gjør det klart hva brukeren skal gjøre.
Pr. 01.10.26: Delvis utbedret. Søkefeltet har etikett («Søk i Bildetema»), og bryterne «Vis ord»/«Vis artikkel» er koblet til etiketter. Plassholderteksten viser «Søk blant 0 ord» etter et søk uten treff, noe som er misvisende.
Prinsipp 4. Robust
Rett koding av nettstedet er viktig, og dette er som regel ivaretatt med bruk av standardelement i HTML. Valider at koden på nettstedet er rett. Dette er spesielt viktig dersom du bruker ny teknologi eller lager egne element (custom widgets).
- Innhold som bryter kravet
Delvis utbedret. De fleste kontroller har nå navn. Gjenstår: (1) I ordlistene er lydknappens navn bare ordet (fra h2-en inne i knappen). «Spill av lyd for [ord]» ligger i et aria-hidden-element som kun er koblet til via aria-describedby, så funksjonen er ikke del av navnet, og beskrivelsen leses ofte ikke opp når man blar med piltaster. Løsning: legg teksten i navnet, slik det allerede gjøres på temasidene. (2) Visningsknappene (rutenett/liste) har navn, men mangler aria-pressed, så det formidles ikke hvilken visning som er aktiv (aktiv knapp har bare tabindex=-1). (3) «Språk» og «Skriv ut» mangler aria-expanded/aria-haspopup.
- Innhold som bryter kravet
Løsningen er testet med skjermleser, og det ble ikke observert uventede endringer i fokus, navigasjon eller innhold under interaksjon.
Nytt funn 01.10.26: Resultatteksten «Ditt søk på … ga N treff» ligger ikke i en aria-live/role=status-region, så skjermlesere får trolig ikke beskjed om antall treff når søket oppdateres. Bør verifiseres med skjermleser.
Test og vurdering av nettstedet
Vi fikk ekstern hjelp til test og vurdering av nettstedet.
Om erklæringen
- Tilgjengelighetserklæringen er sist oppdatert .
- Tilgjengelighetserklæring for dette nettstedet ble opprettet første gang .
Arbeid med universell utforming av ikt
Vi arbeider med å rette opp feilene som er avdekket.