Tilgjengelighetserklæring for Byåsen Videregående Skole

Vi har noen avvik fra dette kriteriet. Disse kan påvirke brukeropplevelsen for mange med skjermleser. De stopper imidlertid ikke for denne brukergruppen.

Avvikene inkluderer:

• Vi har funnet en del bilder som mangler en alt-tag.
• Videoer mangler beskrivelse.
• Bilde 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.

Problemene er som følger:

• 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.

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. Disse er:

• Kartet på siden for parkering har uthevede områder for parker av ulike typer kjøretøy. De har ikke høy nok kontrast til at man trygt kan skille dem fra hverandre. 
• Brødsmulestien har skilletegn med lav kontrast.
• Grafikk som viser informasjon har ikke nok kontrast mot annet innhold.

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. Derfor vil vi undersøke nærmere i 2023 hvordan en slik løsning kan se ut.

Vi har funnet flere avvik fra dette kriteriet. Som for eksempel:

• På siden for parkering har vi et bilde av et kart.
• På siden for priser på romleie, er prisen ført i en tabell, som man deretter har avbildet og lagt ut.
• Captcha er bilde av tekst.
• Vi har funnet et bilde av en PDF-fil, der innholdet ikke er tilgjengelig med tastatur eller skjermleser.

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 et sted hvor det er et problem med en ulogisk leserekkefølge. Det er fokusskifter på en uventet måte i et modalt vindu - hvor fokus flyttes direkte til en knapp. Noe som gjør at blant annet skjermleserbrukere kan gå glipp av informasjonen før knappen.

Nettstedet har noen avvik fra dette kriteriet i dag:

• 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.
• Knapp som åpner dialog gir feil inntrykk av hva den gjør. Når man trykker på knapp merket "Send bokbestilling", kan man få inntrykk av at man sender inn en bestilling. Det som skjer istedenfor, er at man åpner et dialogvindu med sammendrag av bestillingen. 
• Når man åpner dialogvindu for godkjenning av bestilling har feltet en oversikt. Denne er ikke beskrivende for formålet med dialogvinduet. Den lyder: "På web.trondelagfylke.no står det".

Overskrifter, knapper og meldinger må være forståelige i sin kontekst for brukere som trenger en skjermleser, stemmekontroll eller andre hjelpeverktøy. Skjemaet for bestilling av bøker er årsaken til at vi har avvik på dette kriteriet.

Hjelpemiddel får ikke formidlet den synlige teksten i et dialogvindu. Teksten man ikke oppfatter er sammendraget av bestillingen, og kontaktinformasjonen, som skal godkjennes før innsending.  Uten tilgang til dette innholdet, har ikke en ikke-seende bruker grunn til å oppfatte at innholdet er der. Det hinder bruker i å gjøre ønskede endringer i skjemaet før innsending.

Dette tar vi med i arbeidet som må gjøres angående dette skjemaet for å bestille bøker.

For at skjermlesere skal lese opp tekst riktig, må den kunne tolke teksten fra riktig språk. Uttale varierer mye mellom ulike språk, og når fraser på en side skiller seg fra hovedspråket kan innholdet bli uforståelig. 
Siden Internasjonalisering har engelske overskrifter på utvidbare knapper, og på enkeltfraser i teksten. Og ingenting av dette har lang-attributtet EN.

Det redaksjonelle grensesnittet tillater ikke flagging av avvikende språk i dag. Derfor er dette et større problem å undersøke i årene som kommer.

Når man trykker på knappen "Send bokbestilling" kan man få inntrykk av at knappen sender inn bestillingen man har laget. Istedenfor åpner den et nytt dialogvindu, et annet sted på siden, og fokus kommer rett til en knapp merket med OK. Denne endringen i fokus er uventet, og i verste fall forvirrende.

Dette tar vi med i arbeidet som må gjøres angående dette skjemaet for å bestille bøker. Slik at det fungerer bra for alle brukere.

Vi har funnet to avvik fra dette kriteriet:

• Skjemafelt mangler beskrivelse. Brukere med nedsatt syn og skjermleser får ikke sendt inn skjema med bokbestilling, hvis ikke alt er fylt inn riktig på første forsøk.
• Skjemafelt som er obligatorisk, mangler egenskapen required. Ikke-seende brukere har skjermlesere, som de kan bruke for å tolke skjemafelter riktig. En viktig egenskap er  lytte etter egenskapen som tilsier at et felt er obligatorisk å fylle ut. Det er egenskapen required.

Vi vil vurdere hvordan vi kan gjøre disse justeringene for å bli bedre for brukere av skjermlesere med våre leverandører.

Nettsiden har mange mangler med tanke på hvor robust koden er – for å kunne fungere godt for personer med skjermlesere, stemmestyring eller andre typer hjelpemidler. I våre analyser av nettstedet har vi funnet:

• Vi har funnet en lenke som kan være nestet feil. Innholdet er ikke tilgjengelig som en lenke, og den kommer ikke i navigasjonsrekkefølgen på Safari med TAB-tast.
• 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:

• Man har et dialogvindu i siden for Bokbestilling, som ikke er godt nok forklart.
• De 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 bildekarusellen.
• 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.
• På siden for prisoversikt på romleie, har man en aside, en sidepanel, som ikke har innhold. 

Noen av disse er redaksjonelle feil – men mange er de som vår nettstedsleverandør må fikse. Det er imidlertid viktig at de er løst 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.