-
Dataportalen - dataut.vegvesen.no
-
STATENS VEGVESEN, organisasjonsnummer 971 032 081
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å 8 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
Overskrifter skal ikke hoppe over overskriftsnivåer. På landingssiden til dataut.vegvesen.no hopper man fra H1 til H3.
På andre sider som /dataset burde man sette «Datasett» og «Fant 56 datasett» som h1. På den måten kan man beholde alle h2’ene på samme side. Dersom en ikke ønsker dette, av en eller en annen grunn må man påse at resultatene er et overskriftsnivå under den omfattende overskriften om hvor mange resultater som presenteres.
Det er definert mange landemerker på /dataset. Problemet er at det er definert for mange og at landemerkene som er definert ikke er skillbare.
- Innhold som bryter kravet
Flere interaktive elementer endrer farge til tema fargen (svv oransje) når man får fokus eller hoved på elementet. Denne fargen bryter kontrastkrav på 4.5:1. Det samme gjelder for valgt språk på siden under språkvelgeren og for lenker som leder til samme side brukeren befinner seg på.
(Se også 1.4.11)
- Innhold som bryter kravet
Søkefeltet er i stor grad tilgjengelig, men ville vært lettere å nå dersom det var markert som et landemerke av typen search (role="search" på form elementet, definer da også aria-label dersom det er flere search-landemerker på siden). Noe av det som derimot er problematisk er bruken av både søke-ikon og teksten søk fører til usikkerhet hos brukeren. Er det ikonet eller teksten som aktiverer søket? Merk også at teksten i knappen Søk ikke innfrir kontrastkrav på 4.5:1. Det gjør heller ikke søkefeltet eller det klikkbare området til Søk knappen. Påse at søkefeltet og knappen søk har en ramme som innfrir kontrastkrav på 3:1 mot bakgrunnen. Merk også at Stikkordene som gis som forslag til søk heller ikke innfrir kontrastkrav, da verken det klikkbare området eller teksten mot bakgrunnen.
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
Samlesida for API-er og datasett har sidetittel "Datasett", bør være "Datasett og API-er"
- Innhold som bryter kravet
Lenkene «63 dataset», «1 organisasjon» og «5 grupper» er aller alle lenker og leder til samme sted. Disse lenkene burde vært tekst og heller hatt en lenke under som sier noe som gå til datasett, fremfor å være tre lenker med ulike navn som leder til samme sted. Hover på disse lenkene fører også til at fargene på teksten blir endret til svv-oransje som ikke innfrir kontrastkrav.
Lenken /logoen til ckan har ikke noe navn. Enten legg til et navn på lenken gjennom aria-label eller gjennom å definere en alt-tekst til bildet. Dersom alt-tekst ikke defineres og aria-label brukes må fremdeles et tomt alt-attributt defineres da dette er påkrevd for <img> elementer.
Lenker for å navigere mellom sider av søkeresultater har ikke alltid beskrivende navn. Mer spesifikt er det lenkene for å navigere til første og siste side som ikke har beskrivende navn. « og » er ikke beskrivende. Benytt aria-label for å definere mer beskrivende navn som «Første side av søkeresultater» og «siste side av søkeresultater».
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
For innloggende brukere (ansatte i Statens vegvesen) er det en del skjema for å legge inn metadata som ikke har tilstrekkelig med hjelpetekster.
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
Lenken «Språk» burde være definert som en knapp med attributtet aria-expanded da det funksjonelt er en knapp som er utvidbar. Det er også problematisk hvordan denne lenken i dag åpnes (noe ukonsekvent) når brukeren får fokus på knappen. Ingen funksjonalitet skal aktiveres ved fokus alene. Merk at det også er en tom lenke som en del av valgene brukeren kan gjøre i liste, fjern denne tomme lenken.
Knappen for å søke på nettstedet har ikke noe tilgjengelig navn. Benytt aria-label på knappen og gi den et beskrivende navn som «søk».
Meny-knappen på mindre skjermer har:
1. Ikke noe tilgjengelig navn
a. Gi knappen et tilgjengelig navn som «meny» gjennom attributtet aria-label.
2. Ingen markering av at knappen er utvidbar (før brukeren har interagert med elementet)
a. Påse at aria-expanded er definert og satt til false fra start.
3. Generer elementer som ikke er sekvensielt etter meny-knappen
a. Påse at elementene som presenteres når menyen er åpnet er sekvensielt rett etter knappen som utvider området. Under gjengis tab-rekkefølgen, merk at 4 og 5 ikke er elementer som er en del av det utvidede området til meny-knappen.
- Innhold som bryter kravet
Informasjon som antall søkeresultater tolkes som å være en statusmelding og skal dynamisk annonseres til brukeren når den endres. Definer attributtet aria-live for et container element. På den måten vil skjermleserbrukere få dynamisk annonsert antall søketreff uten å måtte navigere seg ut av søkeområdet. Definer verdien til aria-live som polite.
Test og vurdering av nettstedet
Vi fikk ekstern hjelp til test og vurdering av nettstedet.
Om erklæringen
- Tilgjengelighetserklæring for dette nettstedet ble opprettet første gang .