Tilgjengelighetserklæring for Malvik videregående skole

Vi har noen avvik fra dette kriteriet. Disse kan påvirke brukeropplevelsen for mange med skjermleser og andre brukergrupper.

Eksempler på avvik:

• bilder mangler alt-tag / alternativ tekst
• videoer mangler beskrivelse
• bilder med både figcaption og alt-tekst

Vi jobber med å utvikle gode retningslinjer når vi jobber med dekorative elementer og bilder.

Vi har noen videoer uten undertekster i dag. Flere av disse videoene er ganske gamle.

Dette blir problematisk for brukergruppen som ikke kan høre lyden i videoene våre, ettersom de ikke kan ta del i innholdet uten undertekster.

Vi vil gå gjennom hvilke videoer vi må beholde og i slike tilfeller supplere disse med undertekster.

Nettstedet har ganske omfattende problemer med dette kriteriet, da det ikke er tilstrekkelig kontroll på hvordan redaksjonelt innhold skal publiseres og det heller ikke er noen retningslinjer for utviklerne.

Eksempler på avvik:

• overskrifter hopper over nivåer
• overskrift er ikke kodet som overskrift
• feilmelding er ikke knyttet til feilen
• tabeller mangler th og scope
• liste er ikke riktig satt opp
• flere nav-elementer uten kjennetegn
• telefonnumre er ikke merket
• gjenkjenne lenkene i brødsmulestien. Den må være riktig merket, så man kan skille navigasjonselementer fra hverandre. 
• radioknapper mangler fieldset og legend
• lister med CSS ::before på innhold fungerer ikke som den skal
• sider mangler main-element
• tabell har tilleggskode som overskygger funksjonalitet

• tabell mangler caption

   

Disse feilene gjør det vanskelig for personer med skjermlesere å forstå hvordan strukturen og innholdet ser ut i enkelte aspekter av nettstedet. Vi jobber kontinuerlig med forbedring på dette området.

Det er et avvik fra dette da landemerker er i en ulogisk rekkefølge.

Dette kan være problematisk for flere brukergrupper, for eksempel for de som navigerer ved hjelp av tastaturet og de som navigerer ved hjelp av skjermleseren.

Man skal kunne bruke mobile enheter i stående og liggende format, og man skal kunne forstørre tekst. Når man forstørrer teksten på siden tilpasser ikke annet innhold seg nok til at teksten får nok plass på nettsiden.

Vi har noen avvik angående farger og kontraster på nettsiden, blant annet knyttet til brødsmulestien og grafikk.

Målet vårt er å nå en kontrastverdi på 3:1 for ikoner og illustrasjoner. Samt skape tydeligere lenker, slik at det skal være enkelt å bruke nettsiden for de som er fargeblinde eller svaksynte.

På nettsiden har vi funnet tekster som ikke tilpasser seg skjermen når vi øker skriftstørrelsen på små skjermer. Sidene fungerer med stor skrift i liggende format, men ikke i stående format som er det formatet man kan betjene med én hånd.

Et responsivt grensesnitt for at nettsiden skal fungere godt på alle typer skjermer. 

Vi har funnet flere avvik fra dette kriteriet.

Eksempel på avvik:

• bildefiler med tekst på bildet
• captcha er bilde av tekst

Derfor vil vi se på et alternativ til å formidle samme informasjon via tekst i stedet.

Vi har et avvik angående ikoner på nettsiden, som har for lav kontrastverdi. Målet vårt er å nå en kontrastverdi på 3:1 for ikoner og illustrasjoner. Slik at det skal være enkelt å bruke nettsiden for de som er fargeblinde eller svaksynte.

Vi har avvik knyttet til ulogisk leserekkefølge, for eksempel fokusskifter på en uventet måte i modalt vindu - hvor fokus flyttes direkte til knapp. Det medfører at blant annet skjermleserbrukere kan gå glipp av informasjonen før knappen.

Nettsidene har noen avvik fra dette kriteriet:

• Lenke fungerer ikke som den skal, fordi man har lagt inn ekstra innhold med css. Man har lagt inn et ikon som skal representere at lenken fører til et dokument, til eksternt nettsted mm. Ikonene er lagt inn i koden med ::before-funksjon.
• Fullstendige nettadresser legges inn i stedet for en alternativ lenkebeskrivelse. Noe som gjør at hele URL-en leses opp for skjermlesere.
• Noen lenketekster vises ikke i kontekst.

Vi har litt arbeid å gjøre for å gjøre lenker klarere for brukere med skjermlesere. Med økt klarhet vil det også legge til rette for personer med kognitive problemer som vil få hjelp til å forstå hva som skjer når de klikker på en lenke. Her trenger vi tydeligere føringer på hvordan en lenke skal utformes.

Vi har funnet noen feil på dette kriteriet, som for eksempel knapper som ikke er forståelig merket.

Overskrifter, knapper og meldinger må være forståelige i sin kontekst for brukere som trenger en skjermleser, stemmekontroll eller andre hjelpeverktøy.

For at skjermlesere skal lese opp tekst riktig, må den kunne tolke teksten fra riktig språk. Det redaksjonelle grensesnittet tillater ikke flagging av avvikende språk. Hvis innhold på en side er engelsk, må det ha lang-attributtet EN. Nettsidene har kun lang-attributt NO.

Nettsiden har mange mangler med tanke på hvor robust koden er – for å kunne fungere godt for personer med skjermlesere, stemmestyring eller andre typer hjelpemidler. Eksempler på avvik:

• Lenker som kan være nestet feil.
• To søkefelt har samme id.
• Avsluttende tag mangler på input-felter på radioknapper.
• Den globale menyen er feil nestet, og har en meny h2 i en knapp.
• Main kan ikke være nestet i en section.
• PDF-dokumenter må være universelt utformet.

Dette er en dialog vi må ha med vår nettsideleverandør, slik at de blir justert.

Vi har funnet mange avvik angående dette kriteriet på nettsiden. 

Dette inkluderer blant annet:

• Ikoner er lagt inn med CSS, med ::before- og ::after-funksjoner. Det betyr at de legger inn ikonet rett før eller rett etter lenketeksten. Men bilder og ikoner lagt inn med CSS er aldri tilgjengelige; ikke-seende brukere får ikke med seg informasjonen.
• Utvidbare knapper har både aria-expanded og aria-haspopup.
• Iframes mangler tittel.
• Det er ikke noe innhold som leses opp i bildekarusell.
• Når man søker på ansatt får man ikke beskjed når søket er ferdig prosessert, og ikke hvor mange søketreff man har.

Noen av disse er redaksjonelle feil – men mange er de som vår nettstedsleverandør må fikse. Det er imidlertid viktig at de løses for brukergruppen som trenger skjermlesing og stemmestyring.

Vi har funnet to avvik fra dette krieriet i våre analyser av nettstedet:

• Endringer i filtrering annonseres ikke til skjermleser.
• Feilmelding blir ikke annonsert for skjermleser.

Begge disse feilene er de som vår nettstedsleverandør må justere. For at det skal fungere godt for brukere som trenger en skjermleser for å lese innholdet på siden.