cybernetisk / internsystem-v2

A NextJS-based website. Used for public information about Cybernetisk Selskab, and necessary tools for volunteers at the bar/café Escape.
https://cyb.no
MIT License
7 stars 9 forks source link

WCAG compliance #59

Closed ubesluttsom closed 1 week ago

ubesluttsom commented 2 months ago

The website should be tested for WCAG compliance.

yrjarv commented 1 week ago

WCAG compliance test results

Based off The Authority for Universal Design of ICT's checklist

1.1.1 Ikke-tekstlig innhold

Gi brukeren et tekstalternativ for innhold som ikke er tekst. All pictures lack alt-text, except the pictures of each board member. Needs to be fixed in Sanity

1.2.1 Bare lyd og bare video (forhåndsinnspilt)

Gi brukeren et alternativ når innholdet presenteres kun som video eller lyd. n/a

1.2.2 Teksting (forhåndsinnspilt)

Tilby teksting for forhåndsinnspilt video med lyd. n/a

1.3.1 Informasjon og relasjoner

Ting skal være kodet som det ser ut som. For eksempel skal en overskrift være kodet som en overskrift. Mostly ok, but the largest header on the pages are always <h4>, which doesn't signal that it is the main header for the page. Needs to be fixed in Sanity.

1.3.2 Meningsfylt rekkefølge

Presenter innhold i en meningsfull rekkefølge. ok

1.3.3 Sensoriske egenskaper

Instruksjoner må ikke utelukkende være avhengige av form, størrelse, visuell plassering, orientering, eller lyd for å kunne bli forstått. ok

1.4.1 Bruk av farge

Ikke bruk presentasjon som bygger utelukkende på farge. ok

1.4.2 Styring av lyd

Gi brukeren mulighet til å stoppe eller pause lyd som starter automatisk. n/a

1.4.3 Kontrast (minimum)

Kontrastforholdet mellom teksten og bakgrunnen er minst 4,5:1. ok

1.4.4 Endring av tekststørrelse

Tekst kan bli endret til 200 % størrelse uten tap av innhold eller funksjon. ok

1.4.5 Bilder av tekst

Bruk tekst i stedet for bilder av tekst. ok

2.1.1 Tastatur

All funksjonalitet skal kunne brukes kun ved hjelp av tastatur. ok

2.1.2 Ingen tastaturfelle

Unngå tastaturfeller. ok

2.2.1 Justerbar hastighet

Tidsbegrensninger skal kunne justeres av brukeren. n/a

2.2.2 Pause, stopp, skjul

Gi brukeren mulighet til å stoppe, pause eller skjule innhold som automatisk endrer seg. n/a

2.3.1 Terskelverdi på maksimalt tre glimt

Innhold skal ikke blinke mer enn tre ganger per sekund. ok

2.4.1 Hoppe over blokker

Gi brukeren mulighet til å hoppe direkte til hovedinnholdet. Lacking option to jump past AppBar items. #94

2.4.2 Sidetitler

Bruk nyttige og tydelige sidetitler. ok

2.4.3 Fokusrekkefølge

Presenter innholdet i en logisk rekkefølge. ok

2.4.4 Formål med lenke (i kontekst)

Alle lenkers mål og funksjon fremgår tydelig av lenketeksten. ok

2.4.5 Flere måter

Tilby brukeren flere måter å navigere på. This is somewhat lacking. #93

2.4.6 Overskrifter og ledetekster

Sørg for at ledetekster og overskrifter er beskrivende. ok

2.4.7 Synlig fokus

Sørg for at alt innhold får synlig fokus når du navigerer med tastatur. ok

3.1.1 Språk på siden

Sørg for at språket til innholdet på alle nettsider er angitt i koden. ok

3.1.2 Språk på deler av innhold

Sørg for at alle deler av innholdet som er på et annet språk enn resten av siden er markert i koden. N/A

3.2.1 Fokus

Når en komponent kommer i fokus medfører dette ikke automatisk betydelige endringer i siden. ok

3.2.2 Inndata

Endring av verdien til et skjemafelt medfører ikke automatisk betydelige endringer i siden. ok

3.2.3 Konsekvent navigering

Navigasjonslenker som gjentas på flere sider skal ha en konsekvent rekkefølge. ok

3.2.4 Konsekvent identifikasjon

Elementer som har samme funksjonalitet på tvers av flere sider er utformet likt. ok

3.3.1 Identifikasjon av feil

For feil som oppdages automatisk må du vise hvor feilen har oppstått og gi en tekstbeskrivelse av feilen. ok

3.3.2 Ledetekster eller instruksjoner

Det vises ledetekster eller instruksjoner når du har skjemaelementer som må fylles ut. ok

3.3.3 Forslag ved feil

Dersom feil blir oppdaget automatisk, gi brukeren et forslag til hvordan feilen kan rettes. Example: No hint is given when using 0 vouchers or logging 0 hours, the input field only becomes red. #95

3.3.4 Forhindring av feil (juridiske feil, økonomiske feil, datafeil)

For sider som medfører juridiske forpliktelser må det være mulig å kunne angre, kontrollere eller bekrefte dataene som sendes inn. N/A

4.1.1 Parsing (oppdeling)

Alle sider skal være uten store kodefeil. ok

4.1.2 Navn, rolle, verdi

Alle komponenter har navn og rolle bestemt i koden. A lot of components do not have name and role. #96