Tilgjengelegheitserklæring for dmmh.no

Bildene vi har sjekket inneholder alt-tekster, men det er likevel et stort
forbedringspotensiale i tekstformuleringene. Alt-tekstene virker tilfeldige, som eksempelvis alt=“landingsside og alt=”forside3”. Som et tiltak bør alt-tekstene på bildene på nettstedet gjennomgås, og formuleres mer beskrivende for bildet det gjelder. Dette kan ha konsekvenser for svaksynte, blinde, døve, de med nedsatt hørsel, døvblinde og de med
nedsatt kognisjon. Det vil også kunne ha konsekvenser for alle brukere dersom bildet av en eller annen
grunn ikke blir lastet inn.

Eksempel 1: På forsiden er overskriften til seksjonen Nyheter H2. Under nyheter ligger det artikler, som også har H2 som overskrift. Her burde det vært H3, slik som strukturen er på artiklene under Arrangementer i seksjonen over.

Eksempel 2: Validatoren finner flere feil og forbedringsforslag. En utvikler burde gå gjennom, og utbedre feilene. Se resultater fra validator her:
https://validator.w3.org/nu/?doc=https%3A%2F%2Fdmmh.no%2F
Dette kan ha konsekvenser for brukere med ulike funksjonsnedsettelser som bruker brukeragenter og datahjelpemidler. Eksempelvis blinde og døvblinde.

Eksempel 1: Når CSS skrus av blir primærmeny og søkefelt presentert dobbelt opp - En gang før, og en gang etter, logoen.
Dette kan ha konsekvenser for brukere som er avhengige av å få lest opp innhold på nettstedet ved hjelp av datahjelpemiddel. Eksempelvis blinde, svaksynte og døvblinde.

Eksempel: Finner lite innhold på nettstedet som referer til sensoriske egenskaper, men i skjema for søknad om tilrettelegging er hjelpeteksten lagt under input feltet, og ikke over. Hjelpeteksten burde ligge mellom tittelen til input feltet og selve input feltet. På denne måten kan også brukere
som har vanskeligheter med å oppfatte visuelt at hjelpeteksten hører til det input-feltet, også få samme hjelpetekst før de har fylt ut.
Dette kan ha konsekvenser for brukere som er blinde eller har nedsatt syn, og derfor har vanskeligheter med å oppfatte informasjon om sensoriske egenskaper.

Eksempel: Skjemaene vi finner på nettstedet har ikke muligheter for auto-complete på f.eks. felt for navn, da felt-typen ikke er spesifisert i koden slik at nettleseren kan avdekke hvilken informasjon som skal fylles inn.
Dette kan ha konsekvenser for personer med nedsatt motorikk eller nedsatt kognisjon som f.eks. hukommelsesvansker, nedsatt konsentrasjonsevne og dysleksi.

Eksempel: Skjemaer mangler feilmelding ved forsøk på innsendelse uten å ha fylt ut obligatoriske felter. Ett obligatorisk input-felt som mangler obligatorisk informasjon ved innsendelse blir markert med en blå markering rundt feltet (kun det første obligatoriske feltet som må fylles ut, ikke de resterende), men mangler en tekst eller utdypning av hva og hvor feilen er.

Dette kan ha konsekvenser for personer som har problem med å oppfatte informasjon som er formidlet gjennom farge/fargeforskjeller. Eksempelvis blinde, svaksynte og fargeblinde. Det vil også gi økt brukervennlighet for personer uten funksjonsnedsettelser dersom kravet oppfylles.

I skjemaet som er bak hvert obligatoriske input felt har en rødfarge som er for svak kontrast mot bakgrunnen. Kan løses ved å ha en mørkere rødfarge, men det bør også være en tekst over skjemaet som beskriver hva * sin funksjon på feltene er. Kan ha konsekvenser spesielt for svaksynte og fargeblinde.

På siden For studenter ligger et bilde med informasjon om arrangement i kantina, som kun er synlig som tekst på selve bildet. Linken videre fungerer ikke, og brukere av f.eks. skjermlesere vil ikke få tilgang til dette innholdet. Alle bilder som inneholder informasjon, skal også ha all relevant informasjon i tekstformat, slik at ikke brukere av skjermlesere går glipp av relevant informasjon. Kan ha konsekvenser spesielt for blinde, svaksynte og personer med nedsatt kognisjon.

Eksempel: I skjema forsvinner felt for å velge checkbox og radio button når man zoomer inn 400%, og brukeren mister da muligheten til å fylle inn skjemaet korrekt. Kan ha konsekvenser spesielt for personer med nedsatt syn.

Eksempel: Skjema for melding av interne forhold har ikke god nok kontrast mot bakgrunnen på de hvite input feltene.

Blokkene med tekst + bilde i samme rad på forsiden er i absolutt høyde, og innholdet går dermed utenfor boksen dersom man endrer spacing mellom linjer, bokstaver, ord og avsnitt - og dermed risikerer man at noe av innholdet forsvinner. Dette kan ha konsekvenser spesielt for personer med nedsatt syn eller dysleksi

Eksempel 1: På siden for tilrettelegging for studenter er ikke knappen for å åpne PDFen handlingsplan-for-et-inkluderende-laringsmiljo-ved-dmmh.pdf tilgjengelig ved tastaturnavigasjon. 

Eksempel 2: På siden for Timeplan for studenter er flere lenker og knapper ikke tilgjengelige ved tastaturnavgiasjon.

Eksempel 3: På siden for en enkelt ansatt får man ikke tilgang til accordion ved å bruke tab + enter.

Dette vil gå utover de av oss som bruker tastaturet til å navigere rundt på nettstedet, eksempelvis svaksynte eller personer med nedsatt motorikk i hender.

Eksempel 1: I skjema mangler tekst som sier at “Obligatoriske felter er merket med *” eller lignende.

Eksempel 2: Det kommer ingen feilmelding når man prøver å sende inn et skjema uten å fylle ut obligatoriske felter, og det er derfor vanskelig for brukeren å se hvorfor skjemaet ikke blir sendt inn.

Dette vil kunne gå ut over alle som bruker nettstedet.

Eksempel: Manglende feilmelding i skjema hvis obligatorisk felt ikke er utfylt ved innsendelse. Dette kan gjøre det mer utfordrende å betjene skjemaene for blinde, svaksynte, fargeblinde, døvblinde, de med nedsatt kognisjon og i tillegg gi dårligere brukervennlighet for alle brukere.

Eksempel 1: Mangelfulle instruksjoner om at et felt er obligatorisk. Feltene er merket med en rød *, som ikke har god nok kontrast, og mangler en tekstlig beskrivelse knyttet til skjemaet av hva * betyr.

Eksempel 2: Hjelpetekst til enkelte felter ligger under selve feltet, og er derfor lite tilgjengelig for de som bruker f.eks skjermleser. Burde ligge mellom tittelen for feltet og selve input feltet, slik at alle får informasjonen før input feltet fylles ut. 

Dette kan gjøre det mer utfordrende å betjene skjemaene for blinde, svaksynte, fargeblinde, døvblinde, de med nedsatt kognisjon, nedsatt motorikk og i tillegg gi dårligere brukervennlighet for alle brukere.

Eksempel: Manglende feilmelding i skjema hvis obligatorisk felt ikke er utfylt ved innsendelse, samt ikke tilfredsstillende informasjon om hvilke felt som er obligatoriske og ikke utfylt ved innsendelse. Dette kan gjøre det mer utfordrende å betjene skjemaene for blinde, svaksynte, fargeblinde, døvblinde, de med nedsatt kognisjon og i tillegg gi dårligere brukervennlighet for alle brukere.

Eksempel: To eller flere elementer på nettstedet har ikke unik ID i koden. #txt finnes flere steder. Dette vil ikke nødvendigvis ha noen praktisk betydning for seende besøkende, men en skjermleser er avhengig av unike IDer i HTML for å vite hvilke elementer som hører sammen.

Eksempel 1: iFrame i koden på forsiden har ikke en tittel eller tekstlig alternativ. Å legge til en tittel på iFramen vil hjelpe skjermlesere til å forstå iFrames funksjon på nettstedet.

Eksempel 2: Nedtrekksmeny/filtrering på siden for Våre ansatte burde ha en beskrivende tekst label slik at blant annet en skjermleser vil kunne lese hva nedtrekksmenyen omhandler.

Eksempel: Manglende feilmelding ved tomme, obligatoriske felter når man forsøker å sende inn et skjema.