- Forside
- Tilgængelighed
Sidenvirkermed tastatur og skærmlæser
Tastatur · Kontrast · Alt-tekst · Formularer
Vi er en tagdækker i Utrecht med fem mand på stilladset, ikke et webbureau. Men siden skal kunne bruges af den, der ringer efter en storm med en telefon i den ene hånd og en spand i den anden.
01
Det siden kan
Her står, hvad vi har bygget ind og testet, så du ved, hvad du kan regne med.
Hele sitet er skrevet i almindelig HTML med én overskrift af første niveau pr. side, og afsnittene har rigtige overskrifter i rækkefølge. En skærmlæser kan derfor springe fra afsnit til afsnit uden at lede. Sproget er sat til dansk i koden, så oplæsningen ikke forsøger at udtale «tagpap» på engelsk.
Brødteksten er mørk carbon på lys papirfarve. Forholdet er over 15:1, langt over kravet på 4,5:1. Den orange signalfarve bruger vi ikke til brødtekst på lys baggrund; der skifter vi til en mørkere orange, som klarer kravet til små tekster og links.
Siden virker fra en 320 pixel bred telefon og op til store skærme uden vandret rulning. Du kan zoome til 400 % i browseren, og teksten brydes om i stedet for at løbe ud af skærmen. Tabeller med mange kolonner, fx materialetabellen på forsiden, ruller vandret inde i deres egen ramme.
Har du slået reduceret bevægelse til i dit styresystem, står alt stille: ingen parallakse på billederne og ingen streg, der tegnes ind under overskrifterne.
02
Tastatur og menu
Alt, der kan klikkes, kan også nås med Tab og bruges med Enter eller mellemrum.
Første tryk på Tab viser linket «Spring til indholdet», som hopper forbi logo og menu. Fokus vises som en tyk orange ramme på 3 pixel. Vi har ikke fjernet den nogen steder.
På skærme under 1024 pixel ligger menuen bag en firkantet knap nederst til højre. Når den er åben, bliver fokus inde i panelet, Esc lukker det, og fokus går tilbage til knappen. Et tryk på den mørke baggrund lukker også. På større skærme står menuen som en lodret skinne i højre side, og hvert link har et klikfelt på mindst 44 × 44 pixel.
I tagvalget styres arealskyderen med piletasterne i trin på 1 m², og der står et talfelt ved siden af, hvis du hellere vil skrive tallet. Valgmuligheder, der ikke passer til den hældning, du har valgt, er spærret og har begrundelsen skrevet i selve knappen, ikke gemt i en hover-boble.
03
Billeder og tekst
Hvert fotografi har en beskrivelse af, hvad der rent faktisk sker på billedet.
Vi skriver alt-tekst som en tagdækker ville beskrive billedet over telefonen: «Tagdækker bukker en trappet zinkinddækning på plads om en murstensskorsten», ikke «billede af tag». Ikoner er pynt ved siden af et ord og er skjult for skærmlæsere, så du ikke får «telefon, telefon» læst op to gange.
Den orange streg, der skærer gennem overskrifterne, er ren grafik og er også skjult for oplæsning. Overskriften læses som én sætning.
Priser står i tal og tekst, ikke kun i farve. Når et felt i tagvalget advarer om, at spærene skal regnes efter, står advarslen skrevet ud, og resultatpanelet meddeler ændringer høfligt til skærmlæseren uden at afbryde det, du er i gang med.
04
Formularer og chat
Et utæt tag skal kunne meldes uden at kæmpe med felterne.
Alle felter har en synlig etiket over sig, ikke kun grå tekst inde i feltet. Fejl vises under det felt, de hører til, i klar tekst som «Telefonnummeret mangler eller ser forkert ud», og feltet markeres både med farve og med en tyk kant i venstre side. Skærmlæseren får fejlen læst op, og fokus flyttes til første felt med fejl.
Chatten åbnes med en knap nederst på skærmen. Den har en synlig lukkeknap med tekst, og nye beskeder hentes kun, mens vinduet er åbent, så en skærmlæser ikke bliver afbrudt, mens du læser en anden side.
Vil du hellere slippe for formularen, kan du ringe på +31 430 4435 eller skrive til [email protected]. Det giver samme besigtigelse og samme pris.
05
Det virker ikke endnu
Vi skriver hellere fejlene op, end vi lader som om, de ikke findes.
| Område | Status | Hvad det betyder for dig |
|---|---|---|
| Skrifttyper fra Google Fonts | Delvis | Uden forbindelse til Google vises en reserveskrift. Teksten kan læses, men de høje overskrifter bliver bredere og kan brydes anderledes. |
| Arealskyder i tagvalget | Delvis | Enkelte ældre skærmlæsere på mobil læser ikke enheden m² op. Brug talfeltet ved siden af. |
| Chatvinduet | Delvis | Svar fra os kommer i arbejdstiden og kan tage tid. Tidskritiske ting som en lækage bør du ringe om. |
| Lodret menu på store skærme | Virker | Teksten står drejet. Ved stærk forstørrelse skifter siden selv til den vandrette menu. |
| Fotorapporter efter sæsontilsyn | Mangler | Rapporten sendes som billeder på e-mail uden beskrivende tekst. Bed om en skrevet version, så laver vi den. |
Siden er testet af os selv med tastatur, med VoiceOver på iPhone og med NVDA i Firefox. Den er ikke gennemgået af et eksternt firma, og vi påstår ikke, at alt lever op til standarden. Målet er WCAG 2.1 niveau AA, og vi retter fejl, efterhånden som vi finder dem eller får dem meldt.
06
Meld et problem
Skriv hvilken side, hvad du forsøgte, og hvilket udstyr du bruger. Mere skal vi ikke bruge.
Send en e-mail til [email protected] med emnet «Tilgængelighed», eller ring på +31 430 4435. Kan du ikke bruge en side til at bestille en tagreparation eller melde et utæt tag, tager vi imod opgaven over telefonen i stedet, og du bliver ikke bedt om at udfylde noget bagefter.
Vil du have udleveret eller slettet de oplysninger, vi har om dig, er det en anden sag. Den har sin egen side: anmodning om dine data. Hvordan vi behandler oplysninger i det hele taget, står i privatlivspolitikken.
Postadresse, hvis du foretrækker papir: Cervelatblock, Industrieweg 112, Apt 3, 4917 EP Utrecht, Utrecht.