• Blog
  • Sådan gør du dit websted tilgængeligt i 2023

Sådan gør du dit websted tilgængeligt i 2023

Webstedstilgængelighed tager sigte på at gøre websteder, apps og andre teknologier tilgængelige for personer med en række forskellige handicaps. Ethvert websted bør være tilgængeligt for alle, uanset om de har en tilstand, der påvirker deres måde at interagere eller bruge et websted på.

Millioner af internetbrugere har behov, som kan forhindre dem i at få adgang til eller bruge et websted, hvis det ikke er udformet under hensyntagen til deres handicap eller tilstand. Dette omfatter:

  • Visuel: Delvis eller helt manglende evne til at se farver eller opfatte kontraster (f.eks. farveblindhed, blindhed)
  • Høring: Nedsat eller total manglende evne til at høre
  • Fysisk: Vanskeligheder med at bevæge eller bruge dele af kroppen, bruge en mus/tastatur eller lave præcise bevægelser
  • Krampeanfald: Tilstande, der kan forårsage anfald som epilepsi eller udløst af blinkende lys
  • Kognitiv: Tilstande, der påvirker kognitive evner som demens og ordblindhed
Der findes masser af teknologier, der kan hjælpe folk med at surfe på internettet, f.eks. skærmlæsere og talegenkendelsessoftware. Et veldesignet websted kan gøre brugerens oplevelse endnu bedre, hvis det er designet med henblik på tilgængelighed.

Indholdsfortegnelse

Statistik om tilgængelighed på websteder 2022

  • Op til 10 % af befolkningen i USA har læsevanskeligheder, herunder ordblindhed
  • 35 % af de amerikanske iværksættere er ordblinde og 20 % af de britiske iværksættere er ordblinde
  • 8% af de hvide mænd i USA har en form for farveblindhed
  • 0,5 % af amerikanske kvinder er farveblinde
  • 7 % af de voksne i den arbejdsdygtige alder har alvorlige vanskeligheder med fingerfærdigheden
  • Ca. 5 % af befolkningen i USA, Storbritannien og Canada lider af høreproblemer
  • Ca. 4 % af befolkningen i USA, Storbritannien og Canada kan ikke se godt nok til at læse

Sådan gør du dit websted mere tilgængeligt

Nu hvor vi har forstået, at tilgængelighed er vigtigt for ethvert websted, er det vigtigt, at du ved, hvordan du gør dit websted tilgængeligt. En af de bedste måder, du kan begynde at forbedre tilgængeligheden af dit websted på, er at vælge et godt CMS som WordPress. Du behøver selvfølgelig ikke at bruge WordPress for at opnå dette, men du vil måske se en henvisning til WordPress, når vi gennemgår denne guide om tilgængelighed.

1. Gør dit websted tastaturvenligt

Et tastaturvenligt websted betyder, at du kan få adgang til det og navigere gennem webstedet og dets sider uden brug af musen. Den mest almindelige måde at navigere på et websted uden mus er ved at bruge tabulatortasten på tastaturet.

Vigtige funktioner som sider, links og indhold skal være tilgængelige via et tastatur. Når du designer dit websted, bør du teste, at alle dine funktioner kan åbnes ved hjælp af tabulatortasten . Den bedste måde at gøre dette på er at teste dit websted uden brug af en mus. Hvis du ikke kan få adgang til visse vigtige dele af dit websted, skal du løse disse problemer.

no mouse keyboard accessibility

Som du kan se på WebHostingProf-webstedet, kan du ganske enkelt bladre gennem links og formularer på webstedet med dit tastatur. Best Web Hosting er markeret med en grøn stiplet linje, som viser, at dette link er blevet valgt med Tab-tasten .

2. Tilføj alttetekst til billeder

Når du tilføjer et billede til dit websted, kan du medtage noget, der hedder Alt Text (alternativ tekst). Alt-teksten beskriver, hvad et billede er, og er nyttig, hvis et billede ikke kan indlæses.

how to add alt text to an image

Alt-tekst bruges også, når der er adgang til dem med skærmlæsere; denne teknologi læser billedet og giver dem, der ikke kan se dem, en sammenhæng til et billede. Samt at give øget tilgængelighed,
Alt-tekst
kan være med til at forbedre dit websteds SEO, da den giver søgemaskinerne en beskrivelse af billedets kontekst.

3. Valg af de rigtige farver

Farveblindhed er ikke så simpelt som at se en farve som en anden. Personer med farveblindhed ser et helt spektrum af farver og opfatter dem anderledes end en anden person med farveblindhed. Et websted skal have den rette farvekontrast, så alle kan skelne mellem de forskellige farver og indholdet på dine sider.

blue or gold dress

Kan du huske Kjolen? Dette var et godt eksempel på, at folk ser farver forskelligt. Nogle mennesker så kjolen som blå, mens andre så den som guld. Forskellige personer ser farver forskelligt, så det er vigtigt, at dit websted bruger det rigtige farveskema for at undgå, at nogle personer ikke kan se dit indhold.

Hvis du er usikker på, hvordan du bruger de rigtige farvekombinationer, er der masser af nyttige værktøjer, som du kan bruge, f.eks. Contrast Checker eller WebAIM.

4. Brug overskrifter

For at strukturere dit indhold på en tilgængelig måde bør du bruge dine overskrifter med omhu. I WordPress kan du nemt vælge indhold eller titler og tildele overskrifter H1, H2, H3, H4, H5 og H6.

Tydelige overskrifter hjælper ikke kun alle dine besøgende på dit websted med at forstå, hvordan dit indhold er struktureret, men skærmlæsere kan også fortolke dine sider meget lettere.

Du bør kun bruge én H1-hovedlinje pr. side, som normalt er sidens titel. Underoverskrifter kan starte fra H2 og fortsætte med H3, H4 osv., hvor det er relevant. Du bør følge overskriftsstrukturen i rækkefølge, så H3 følger altid efter H2 og ikke efter H4 og så videre.

5. Design af formularer

Hvis dit websted indeholder formularer, skal de være omhyggeligt udformet. Hver formular skal være tydeligt mærket ved siden af de respektive felter. En skærmlæser kan så fortolke formularen og de relevante felter klart og tydeligt, så det bliver lettere at udfylde den.

caldera form builder plugin for wordpress

Hvis din formular kræver instruktioner, skal de være klare og lette at forstå. For brugere, der opretter deres websted i WordPress, kan du oprette tilgængelige formularer ved hjælp af en plugin kaldet Caldera Forms Builder. Dette plugin fokuserer på tilgængelighed.

6. Tabeller

Tabeller er meget nyttige til at vise store mængder data. Personer, der bruger hjælpemidler, vil have gavn af bordene, hvis de bruges korrekt. Det er vigtigt at gøre dine tabeller så enkle som muligt, så de ikke bliver for komplicerede eller forvirrer skærmlæsere.

Hvis dit websted kræver mere komplekse tabeller, kan du følge W3’s vejledning om, hvordan du koder en tabel i overensstemmelse med standarderne for tilgængelighed.

7. Skalerbar tekst

De fleste enheder, som du kan bruge til at besøge et websted, f.eks. en smartphone, pc eller tablet, giver dig mulighed for at ændre størrelsen på teksten. For personer med synshandicap er dette en stor hjælp. Men hvis dit websted ikke er bygget til at understøtte denne funktion, vil det gøre det svært for brugerne at interagere med dit websted.

Når du bygger dit websted, skal du sørge for, at brugernes skalerbarhed er slået til. Hvis den er slået fra, er det næsten umuligt for brugerne at ændre størrelsen på teksten.

Ved at undgå absolutte enheder som f.eks. definerede tekststørrelser kan du gøre dit websted skalerbart. Du kan selv teste dette ved at zoome ind på webstedet i din browser for at kontrollere, at indholdet er letlæseligt og let at navigere i. WebAIM har udarbejdet en vejledning, der er meget nyttig til at diskutere skriftstørrelsen på dit websted.

8. Tilgængeligt indhold

Indholdet på dit websted er kernen i dit websted. Når du laver dit indhold, skal du hele tiden have tilgængelighed i baghovedet. Hvis du f.eks. skriver et akronym som WWW, skal du forklare, hvad dette akronym egentlig er – World Wide Web.

Ankerteksten til interne eller eksterne links skal være beskrivende, og det skal sikres, at alle beskrivelser er unikke. Hvis du har svært ved at forstå dette koncept, så forestil dig en computer, der læser indholdet på dit websted, og tænk over, om det ville give mening for en person, der tager det på et grundlæggende niveau.

9. Automatiske medier

Selv om det er en af mine personlige frustrationer, er det også virkelig dårligt med hensyn til tilgængelighed. Der er ikke noget mere frustrerende end en video eller musik, der begynder at blive afspillet, så snart du indlæser et websted.

Hvis en person bruger en skærmlæser, er det utroligt svært at slå automatisk afspilning fra. Personer med sensoriske problemer kan blive afskrækket eller endog skræmt af den pludselige støj, så hvis du ønsker at inkludere medier, bør du bede om tilladelse eller advare brugeren om, at dette vil ske.

Karruseller og sliders får utvivlsomt et websted til at se godt ud, men igen kan de skabe frustrationer for brugere med tilgængelighedsproblemer. Hvis en skærmlæser læser indholdet på en slider op, og den går videre til næste slide, har brugeren ikke meget tid til at fordøje indholdet.

Tilgængelighed på webstedet er vigtigt

Det vigtigste er, at webtilgængelighed er vigtigt for et vellykket websted, og et websted, der opfylder alles behov. Det er ikke kun godt for dem at oprette et websted, som mange mennesker kan bruge, men det kan også være en fordel for dig med hensyn til SEO.

Når dit websted rangerer bedre, får du mere trafik og flere konverteringer. Ja, det kan være frustrerende at skulle rette sine fejl, men hvis du kan optimere dit websted med hensyn til tilgængelighed, vil du høste frugterne heraf.

Del

Tilmeld dig

For den seneste autentiske forskning og nyheder om de bedste hosts til din hjemmeside!

Næste indlæg

Relaterede indlæg: