Hvad vi går efter
StageReady Web bygger efter WCAG 2.2 niveau AA som arbejdsstandard. Det gælder både det her site og de sider vi bygger til kunder. Vi betragter det som en del af håndværket og ikke som noget der lægges ovenpå til sidst.
Den her side beskriver hvordan stagereadyweb.com er bygget, hvad der er testet, og hvor vi ved der stadig er arbejde tilbage.
Tastatur og fokus
- Alt der kan klikkes, kan nås og betjenes med tastatur alene.
- Der er et synligt fokusfelt på alle interaktive elementer. Det tegnes med
:focus-visible, så det vises for tastaturbrugere uden at forstyrre musebrugere. - Første tabulator på enhver side er et spring direkte til hovedindholdet.
- Den blødere scroll er sat op så browserens egne spring til ankre stadig virker, og så indhold ikke lander under den faste header.
Struktur og skærmlæser
Målt på tværs af sidetyperne på sitet:
- Præcis én h1 per side.
- Ingen spring i overskriftsniveauer, så en skærmlæsers oversigt er brugbar.
- Alle billeder har en alt-tekst. Rent dekorative elementer er skjult for oplæsning.
- Ingen gentagne id-værdier, som ellers kan bryde forbindelsen mellem felt og label.
- Sammenligningstabeller er rigtige tabeller med kolonne- og rækkeoverskrifter, ikke felter stillet op så de ligner en tabel.
- FAQ-svar står i sidens tekst og er ikke gemt bag et klik. Det gælder også for skærmlæsere og for søgemaskiner.
- Indholdet på hver side angiver sit sprog, så dansk og engelsk bliver læst op med den rigtige udtale.
Farve og kontrast
Den orange farve i vores identitet måler omkring 1,9:1 mod den lyse baggrund. Det er for lavt til tekst, og derfor bruger vi den aldrig til brødtekst på lys bund. I stedet bruges den til hele flader, streger og knapper, hvor teksten ovenpå er mørk.
- Brødtekst og overskrifter står mørkt på lyst eller lyst på mørkt.
- Farve bruges aldrig som eneste måde at vise noget på.
- Fejl i formularer vises i rød med en tekst ved siden af, ikke kun som en farvet ramme.
Bevægelse
Bevægelse er pynt på det her site og aldrig information. Ingenting kræver at du ser en animation for at kunne forstå eller bruge siden.
- Slår du bevægelse fra i dit styresystem, slås både den bløde scroll og alle indtoninger fra.
- Der er ingen automatisk afspilning, ingen karruseller og intet der blinker.
- Den bløde scroll kører ikke på touch — der er systemets egen bedre.
Hvor der stadig er arbejde
De her ting kender vi til:
- Sammenligningstabellerne skal scrolles vandret på en telefon. Tabellen har sin egen scroll, så selve siden ikke flytter sig, men det er stadig ikke en god oplevelse på en lille skærm.
- Sitet er testet med tastatur og gennemgået i kode. Det er ikke testet igennem med rigtige brugere med handicap. Det er den næste ting vi mangler, og vi vil ikke skrive at det er gjort før det er.
- Kontrasten er tjekket på de kombinationer designsystemet tillader, ikke automatisk på hver enkelt side ved hvert build.
- Selve dokumentets sprog sættes først når siden er indlæst i browseren. Indholdet angiver sit sprog fra start, så en skærmlæser læser teksten rigtigt op, men den allerførste udgave af HTML-dokumentet står som dansk også på de engelske sider.
Tilgængelighed i kundeprojekter
Det samme grundlag følger med i de sider vi bygger: tastaturbetjening, overskrifter der hænger sammen, alt-tekster, kontrast der holder og bevægelse der kan slås fra.
Skal et projekt leve op til en bestemt standard eller et bestemt regelsæt, skal det aftales fra start, så det kan bygges ind og dokumenteres undervejs. Hvilke regler der gælder for lige netop din virksomhed, er et juridisk spørgsmål, og det skal du have afklaret et andet sted end her.
Fandt du en barriere?
Skriv til os. Beskriv hvad du prøvede at gøre, hvilken side det var på, og hvad du bruger — browser, skærmlæser eller andet hjælpemiddel. Vi svarer inden for 48 timer og retter det vi kan rette.
Kontakt
Har du spørgsmål til tilgængelighed, eller er du løbet ind i en barriere, kan du skrive til os på info@stagereadyweb.com. CVR: 46308204.