Tilgjengelighetserklæring for design.entur.org

Noen estetiske ikoner som skal være skjult for skjermlesere er ikke skjult. Dette skaper støy for skjermleser-brukere.

Noen ikoner mangler beskrivelse for skjermlesere. Dette kan gjøre noen handlinger og eksempler på siden uklare for skjermleser-brukere.

Noen bilder har lite spesifikk beskrivelse. Dette kan gjøre at skjermleserbrukere kan gå glipp av informasjon.

Vanlig nedtrekksmenyer leser ikke opp kritisk informasjon som valgt element og merket element i nedtrekksmenyen når man bruker skjermleser. Dette gjør det vanskelig til umulig å benytte deler av nettstedet eller funksjonalitet der vanlige nedtrekksmenyer benyttes

På noen sider er visse overskriftsnivåer hoppet over. Innholdslisten har alltid overskriftnivå fire, men burde ha nivå to. Dette kan føre til forvirring blant skjermleserbrukere rundt om det er en seksjon av siden de ikke får med seg

Noen ledetekster er ikke koblet korrekt opp mot elementet det hører til. Det kan føre til usikkerhet i hva visse skjema-elementer gjør blant skjermleser-brukere.

Noe tekst er markert som ledetekst til tross for å ikke høre til et skjema-element. Dette kan skape forvirring hos skjermleser-brukere da det går i mot forventningene deres.

Noen få sider har litt uklare beskrivelser av hvor elementer ligger, eksempelvis: «eksemplet under» der eksemplet ikke er direkte følgende men vises på et senere punkt.

Innstillingknappen, tilgjengelig som siste element i menylinjen, er på noen sider referert til ved sensoriske begreper. Dette kan føre til at brukere av skjermlesere kan gå glipp av denne funksjonen

Knappen for innstillinger som er beskrevet med som «oppe i høyre hjørne» er også beskrevet som «innstillingsmenyen». Da knappen er navngitt «Vis innstillinger» burde det være mulig å komme seg frem til denne funksjonaliteten selv, med skjermleser, men det er ikke optimalt at nøyaktig knapp-navn ikke er nevnt i denne beskrivelsen

Modalen for visningsinnstillinger som aktiveres av innstillinger-knappen i menylinjen kan i visse tilfeller ha noe innhold som går utenfor skjermen i landskapsmodus.

Visse eksempler har innhold som går utenfor boksen sin, men alt innhold er fortsatt synlig. Dette fører til en dårligere brukeropplevelse som kan være vanskeligere å fatte innholdet i.

Noen eksempler har tekst som legger seg over hverandre. Dette fører til uleselig tekst og brukeren kan gå glipp av informasjon på siden.

Noen få steder er deler av tekst helt skjult. Dette fører til at brukeren ikke får med seg denne informasjonen.

Noen komponenter har et interaktivt eksempel øverst på siden. Denne fungere dårlig på dette zoom-nivået. Interaktiv kode er også delvis skjult i de interaktive eksemplene.

Flere tabeller har dårlig lesbarhet på dette zoom-nivået da teksten blir så smal at det blir linjeskift ved hver eller annen hver bokstav i et ord. Dette gjør disse tabellene mer mentalt krevende å bruke.

Det finnes en god del elementer som i en eller annen tilstand bryter med WCAG AA-kontrastkravet. Dette er som oftest i tilstander som mouse-over, ved kanter som er for lyse for bakgrunnen eller to sidestilte farger som ikke har nok kontrast til hverandre innad i elementet. Det gjelder også hovedsaklig lyse blåtoner og gråtoner mot hvit. Dette kan føre til en vanskeligere brukeropplevelse for de med nedsatt eller svakt vanlig- eller fargesyn. 

På forsiden havner tekst og illustrasjon havner i konflikt i hovedfeltet. Deler av hovedmenyen i topp forsvinner på liten skjerm.

verktøytips (tooltip) kan ikke lukkes uten å flytte tastaturfokus eller bruke en pekerenhet. Dette burde ikke føre til noen praktiske problemer på siden, men kan oppleves frustrerende.

Vanlig nedtrekksmenyer gir intrykket av å velge et element fra listen når man trykker på på mellomrom-tasten, men elementet velges ikke. Dette kan skape forvirring for tastaturbrukere av nettsiden.

På siden med liste over ikoner er det ikke mulig å nå knappen for å laste ned SVG-filen til et ikon uten å benytte musepekeren. Dette gjør at brukere uten tilgang på en pekerenhet ikke har mulighet til å laste ned ikon-filene.

Alle ikoner er tilgjengelig i designsystemets kodebase. Denne kodebasen vil være tilgjengelig til tilnærmet alle som har en interesse av å bruke designsystemet. Denne løsningen er dog mye mer tungvint enn via nettsiden og er derfor ikke et særlig godt alternaltiv.

Det finnes ikke alternaltiver for nedtrekksmenyen.

På sider som inneholder interaktiv kode er det ikke mulig å tab-e seg forbi dette punktet hvis man har interegert med koden som vises. Dette påvirker ikke skjermleser-brukere, kun tastaturbrukere. Dette kan i verste fall gjøre store deler av siden utilgjengelig for brukere som kun har tilgang til tastatur og ikke benytter skjermleser.

Man kommer seg forbi problemet med den interaktive koden ved å trykke på «Skjul kode» koden før man går videre i siden der dette er mulig, eller ved å ikke skrive/navigere inne i tekstboksen til koden og så trykke Escape.

Det fungerer ikke å hoppe over den initielle navigasjonsmenyen på forsiden. Dette fører til at tastaturbrukere alltid må navigere seg gjennom disse punktene for å komme til hovedinnholdet på selve forsiden. Alle andre sider støtter det å hoppe til hovedinnholdet.

I kontrastsjekkeren fokuseres først alle fargeverdiene sine ledetekster etter hverandre og deretter alle verdiene samlet. Dette gjør det vanskelig for skjermleser-brukere å holde styr på hvilken ledetekst som hører til hvilken tekstverdi.

I den interaktive komponentfremvisningen settes det fokus på selve komponenten før kontrast-bryteren, dette er ikke naturlig mtp leserekkefølge.

Skuff-elementer som åpnes setter fokus til første interaktive element i stedet for lukke-knappen, men lukke knappen vil være mer naturlig som initiell fokus. Dette kan føre til frustrasjon eller forvirring for tastatur- og skjermleserbrukere.

Kravet til minst to ulike måter å navigere på er ikke oppfylt. Et «nettstedkart» bør utarbeides og plasseres i tilknytning til forside eller en «footer» som alltid er tilgjengelig. Et søkefelt plassert på forsiden bør også vurderes.

Lenker til sosiale medier i footer har kun ikoner, ikke tekst.

På siden «Designprinsipper» er overskriften «Forslag til hvordan bruke designprinsippene» skrevet på en grammatisk dårlig måte. «Forslag til hvordan designprinsippene kan brukes» er et bedre alternativ.

På siden «Brukerhistorer» er det feil nummereing av steg: 1 - 1 - 2. Riktig nummerering skal være 1 - 2 - 3.

På siden MediaCard mister eksempelkomponenten synlig fokus ved mouseover. Dette burde ikke skape store problemer, men kan i verste fall føre til korte øyeblikk med forvirring om hvor tastaturfokus befinner seg.

På siden hvor man kan laste ned illustrasjoner, har fokuslinjen på nedlastingsknappen på noen av illustrasjonene for dårlig kontrast mot bakgrunnen.

Noen steder mangler det korrekt kobling mellom et skjemaelement og ledeteksten dens. Det fører til at det er vanskeligere for skjemleser-brukere å oppfatte funksjonen til disse elementene.

Teksten som leses opp i en nedtrekksmeny når ingen elementer er valgt er ikke samme som det som står visuelt i menyen. Dette kan gjøre disse elementene vanskeligere å navigere effektivt til med skjermleser.

Bryteren for å styre om eksempel-komponenten vises i kontrastvariant eller ikke, har på noen sider engelsk ledetekst og andre sider norsk ledetekst. Dette kan i verste fall føre til forvirring rundt om disse bryterne har samme funksjonalitet.

Noen elementer har duplikate id-er. Dette kan føre til vanskeligere navigasjon på siden for skjermleserbrukere eller i verste fall at funksjonalitet ikke fungerer som forventet

Noen CSS-verdier er ugyldige. Dette åpner for muligheten for at noe styling kan oppføre seg uønsket.

Noen HTML-elementer har ugyldige attributter. Dette kan potensielt føre til uønsket oppførsel for noen brukere.

Noen ledetekster har ugyldig id-kobling til korrekt skjemaelement. Dette kan føre til en dårligere skjemaopplevelse for alle brukere og gjøre det vanskeligere for skjermleserbrukere å navigere seg rundt i påvirkede skjemaer.

Noen elementer har feilsatte eller manglende role-tag. Dette kan gjøre dem vanskeligere å identifisere for skjermleserbrukere. I noen tilfeller vil dette kunne påvirke alle brukere hvis nettleseren har automatiske funksjoner som ikke aktiveres på grunn av manglende rolle.

Aria-describedby refererer til et ikke-eksisterende elementer når tooltip er brukt siden elementet er skjult når tooltip er skjult. Dette er kun en teknisk feil, og det vil ikke påvirke noen brukere da funksjonalitet ikke er påvirket av dette i det hele tatt.

Noen få komponenter har ugyldige eller ufullstendig bruk av WAI-aria-tags