-
One Ocean Week
-
BERGEN KOMMUNE, organisasjonsnummer 964 338 531
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å 14 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
Dersom det kun er en enkelt åpen artikkel på et menypunkt skrives både menypunkt og artikkeloverskrift ut som h1. Man får derfor to h1 etter hverandre.
- Innhold som bryter kravet
Mobil: Menyen fungerer ikke når teskst forstørre til 200%
- Innhold som bryter kravet
Desktop: Hero-seksjonen i forsiden fungerer ikke når innholdet forstørres til 400 % ved 1280 piksler bredde, og footeren kollapser i layouten. På mobilskjerm fungerer ikke menyen/top-navigasjonen.
- Innhold som bryter kravet
"Forventet resultat:
Linjeavstand til minst 1,5 ganger skriftstørrelsen.
Avstand etter avsnitt til minst 2 ganger skriftstørrelsen.
Avstanden mellom bokstaver i blokker av tekst til minst 0,12 ganger skriftstørrelsen.
Avstanden mellom ord til minst 0,16 ganger skriftstørrelsen."
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
1, Det er ikke mulig å navigere med tastatur for meny-burgeren og språkvalg.
2, Logoen i toppnavigasjonen kan verken fokuseres eller klikkes med tastatur (eller fungerer ikke stabilt).
3, CTA (Call To Action) i nyhetsbrevseksjon er problematisk.
4, Meld inn arrangement-skjema: Brukeren kan ikke velge dager for arrangement ved bruk av tastatur.
- Innhold som bryter kravet
1, CTA (Call To Action) i nyhetsbrevseksjon er problematisk.
2, Meld inn arrangement-skjema: fungerer ikke ved bruk av tastatur (field for entering text).
- Innhold som bryter kravet
For hver tidsbegrensning som er angitt av innholdet, er det mulig for brukeren å gjøre minst ett av følgende alternativer:
Slå av tidsavgrensningen, senest 20 sekunder før den skjer, ved å gjøre en enkel handling.
Mekanismen for å slå av skal ligge før eller rett ved siden av innholdet som inneholder tidsavgrensninger
Justere tidsavgrensningen med minst 10 ganger standard varighet.
Mekanismen for å justere skal ligge før eller rett ved siden av innholdet som inneholder tidsavgrensninger.
Forlenge tidsavgrensningen senest 20 sekunder før den inntreffer, ved å gjøre en enkel handling. Det skal være mulig å forlenge med minst 10 ganger standard varighet.
Mekanismen for å forlenge skal ligge før eller rett ved siden av innholdet som inneholder tidsavgrensninger.
Krav til samsvar gjelder tilsvarende for apper og dokumenter.
- Innhold som bryter kravet
a. Hero-bakgrunnsvideoen
- Videoen starter automatisk og kan ikke stoppes eller pauses.
b. CTA-seksjon på forsiden (One Ocean Week)
- Videoen spiller uten mulighet for å stoppe/pause.
(Foreslåtte løsninger
1, Legg til en Pause/Play-knapp
2, Bruk en statisk fallback som standard)
- Innhold som bryter kravet
1, Hero seksjon: i stedet for «les mer» bruk «Les mer om One Ocean Week-programmet / Les mer om program 2026».
2, Forsiden: CTA seksjonen One Ocean Week, istedet for «Les mer» bruk «Les mer om One Ocean Week».
3, Forsiden: CTA seksjonen Bli medlem i One Ocean Havbyen Bergen i stedet for «les mer» bruk «blir medlemmer eller Les mer om medlemskap»
4, For CTA-knappen i nyhetsbrev-seksjonen bør teksten være handlingorientert og tydelig på hva som skjer når brukeren trykker. Istedet for «Bli med» er det bedre alternativer «Send inn» eller «Registrer meg»
(Løsninger for mobil: Short visible label + longer hidden label or Grouped context + unique label or Use progressive disclosure)
- Innhold som bryter kravet
1, Legg til hover-effekt på arrangementskortene.
2, Legg til stroke/ramme når brukeren navigerer med tastatur.
- Innhold som bryter kravet
1, Menyteksten gir det tilgjengelige navnet: 1, legg til teksten «Meny» ved siden av burgerikonet.
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
Å bruke bare flagg for å indikere språk er ikke tilstrekkelig for tilgjengelighet og WCAG-kompatibilitet.
Hvorfor flagg alene ikke er nok
1, For eksempel antyder USAs flagg engelsk, men engelsk snakkes også i Storbritannia, Canada, Australia osv.
- Kinesisk flagg kan antyde mandarin, men andre kinesiske språk finnes også.
2, Skjermlesere kan ikke tolke flagg
- Brukere som er avhengige av hjelpemidler vil ikke vite hvilket språk flagget representerer.
3, WCAG-kravet:
Språket må programmatisk angis med HTML lang-attributter.
Løsning: Bruk flagget kun som visuelt hint, men inkludere alltid språknavn i tekst (synlig for skjermlesere)
- Innhold som bryter kravet
Skjema: Det bør være en tekstbeskrivelse som forklarer hvilken informasjon som må fylles ut, og hvilken informasjon som er valgfri. (Dagens løsning bruker «*» som ikon for å vise obligatorisk informasjon, men vi bør forklare dette i starten av skjemaet, eller ha en tekstbeskrivelse ved siden av «*»). Eller istedenfor bruk «Feltene merket med rødt er obligatoriske.» bruker vi «Feltene som er markert med Rød * er obligatoriske»
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
Brukere får ikke lest opp kvittering etter innsendt "Fornøyd med denne siden".
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 .