DOBA deler viden

Forstå tilgængelighedsdirektivet - Hvad betyder det for dig?

riisager@gmail.com (Søren Riisager) — Wed, 02 Oct 2024 08:02:50 GMT

Tilgængelighedsdirektivet, også kendt som EU's webtilgængelighedsdirektiv (Direktiv (EU) 2016/2102) , har til formål at sikre, at offentlige websteder og mobilapplikationer er tilgængelige for alle borgere, inklusive personer med handicap. I Danmark er dette direktiv implementeret gennem Lov om tilgængelighed af offentlige organers websteder og mobilapplikationer , der trådte i kraft den 23. september 2018.

Men hvad betyder dette konkret for din virksomhed eller organisation, og hvordan kan du sikre, at du overholder de gældende krav om webtilgængelighed ?

De Danske Regler og Krav

Den danske lovgivning stiller en række specifikke krav:

Overholdelse af WCAG 2.1-standarderne på niveau AA:
Websteder og mobilapplikationer skal leve op til Web Content Accessibility Guidelines ( WCAG ) 2.1 på niveau AA.
Dette inkluderer krav om tekstalternativer for ikke-tekstindhold, muligheden for at navigere uden mus, og at indholdet er læsbart og forståeligt.

Tilgængelighedserklæring:
Offentlige organer skal offentliggøre en tilgængelighedserklæring på deres websted.
Erklæringen skal indeholde information om, hvordan webstedet opfylder tilgængelighedskravene, og hvilke dele der eventuelt ikke gør.

Feedback-mekanisme:
Brugere skal have mulighed for at rapportere tilgængelighedsproblemer.
Virksomheder er forpligtet til at give et svar inden for rimelig tid og arbejde på at løse de rapporterede problemer.

Regelmæssig Overvågning og Rapportering:
Der skal foretages løbende overvågning af webstedets tilgængelighed .
Offentlige organer skal rapportere om deres tilgængelighedsstatus til Digitaliseringsstyrelsen.

Hvad Kræver Det?

At opfylde tilgængelighedskravene indebærer en helhedsorienteret indsats:

Teknisk Implementering:
Kodeoptimering: Sikre semantisk korrekt HTML og brug af ARIA-labels.
Responsivt Design: Gøre webstedet brugbart på forskellige enheder og skærmstørrelser.
Kompatibilitet: Teste med forskellige hjælpemidler som skærmlæsere og alternative inputenheder.

Indholdstilpasning:
Alternative Tekster: Tilføje beskrivende alt-tekster til billeder og grafik.
Tekstning og Undertekster: Sørge for, at videoer har undertekster eller alternative beskrivelser.
Struktureret Indhold: Bruge overskrifter, lister og tabeller korrekt for at lette navigation og forståelse.

Designovervejelser:
Farvekontraster: Sikre tilstrækkelig kontrast mellem tekst og baggrund.
Læsbarhed: Vælge skrifttyper og -størrelser, der er nemme at læse.
Brugervenlig Navigation: Implementere klare og konsistente navigationsstrukturer.

Organisatorisk Forankring:
Uddannelse: Træne medarbejdere i tilgængelighedsprincipper.
Politikker og Procedurer: Integrere tilgængelighed i virksomhedens standarder og arbejdsprocesser.
Brugerinddragelse: Involvere brugere med handicap i test og feedback.

Hvem Er Omfattet?

Mens loven nu primært retter sig mod offentlige organer er eet er vigtigt at være opmærksom på, at fra 28. juni 2025 vil private virksomheder med en årlig omsætning på over 15 millioner kroner også være omfattet af tilgængelighedsdirektivet. Dette udvider rækkevidden af lovgivningen betydeligt og betyder, at mange flere virksomheder skal forberede sig på at implementere de nødvendige tilgængelighedsforanstaltninger.

Konsekvenser ved Manglende Overholdelse

Manglende overholdelse kan føre til:
Juridiske Sanktioner: Påbud fra tilsynsmyndigheder og potentielle bøder.
Omdømmeskade: Negativ omtale kan påvirke virksomhedens brand og kundetillid.
Eksklusion af Brugere: Tab af potentielle kunder eller brugere, der ikke kan få adgang til tjenesterne.

Fordele ved Tilgængelighed
Øget Markedsrækkevidde: Tilgængelige websteder kan nå en bredere brugerbase, herunder ældre og personer med midlertidige handicap.
Bedre SEO : Mange tilgængelighedsprincipper forbedrer også søgemaskineoptimering.
Bedre Brugeroplevelse: Tilgængelighed forbedrer generelt webstedets brugervenlighed for alle.

SEMO Kan Hjælpe med Implementering og Rådgivning

At navigere i tilgængelighedskravene kan være komplekst, men SEMO er her for at gøre processen nemmere:

Rådgivning:
Vi tilbyder skræddersyet vejledning baseret på din virksomheds behov.
Hjælp til forståelse af lovkrav og hvordan de gælder for din organisation.

Implementering:
Tekniske Løsninger: Vores eksperter kan optimere dit websted eller app i overensstemmelse med WCAG 2.1-standarderne.
Indholdsstyring: Assistance med at gøre dit eksisterende indhold tilgængeligt.

Uddannelse og Workshops:
Træningssessioner: For dit team i bedste praksis inden for digital tilgængelighed.
Awareness: Øge bevidstheden om vigtigheden af tilgængelighed i hele organisationen.

Test og Evaluering:
Tilgængelighedsanalyser: Gennemgang af dit websted for at identificere barrierer.
Brugertest: Med inddragelse af personer med handicap for reel feedback.

Kontakt Os

Er du klar til at tage det næste skridt mod en mere tilgængelig digital tilstedeværelse? Kontakt SEMO i dag på hej@doba.dk eller ring på +4550838383, og lad os sammen skabe en inkluderende oplevelse for alle dine brugere.

At investere i tilgængelighed er ikke kun en lovmæssig forpligtelse fra 28. juni 2025, men også en investering i din virksomheds fremtid.

Det bidrager til social ansvarlighed, forbedrer brugeroplevelsen og kan give dig en konkurrencefordel i markedet. Med den rette partner kan overgangen til et tilgængeligt websted eller app være en smidig proces, der bringer langsigtede fordele.

Webtilgængelighed for Video - Guide fra DOBA

Thu, 04 Jan 2024 20:40:15 GMT

Guide Webtilgængelighed for Video

Webtilgængelighed er afgørende for at sikre, at alle brugere kan få adgang til og bruge internettets indhold. I denne tekst fokuserer vi på webtilgængelighed for videoer.

Undertekster og billedtekster

Forskellen mellem undertekster og billedtekster

Undertekster er tekst, der viser det talte indhold i en video, mens billedtekster også inkluderer beskrivelser af vigtige lydeffekter og musik. Begge er vigtige for at gøre videoindhold tilgængeligt for døve og hørehæmmede brugere.

Sprog og synkronisering

Sørg for, at undertekster og billedtekster er tilgængelige på de relevante sprog og synkroniseret korrekt med videoen. Dette sikrer en optimal oplevelse for brugere, der er afhængige af tekst for at forstå videoindholdet.

Lydbeskrivelser

Lydbeskrivelser er et ekstra lydspor, der beskriver vigtige visuelle elementer i en video for blinde og synshæmmede brugere. Det er vigtigt at inkludere lydbeskrivelser for videoer, der indeholder væsentlige visuelle oplysninger, som ikke kan opfattes gennem lyd alene.

Videoafspillere og tilgængelighed

Sørg for, at din videoafspiller er kompatibel med tastaturgenveje, så brugere, der ikke kan bruge en mus, kan navigere og styre videoafspilning uden problemer.

Giv dine brugere mulighed for at ændre videostørrelse og afspilningshastighed, så de kan tilpasse oplevelsen efter deres præferencer og behov.

SEO-fordele ved optimering af video

Optimering af videoindhold for webtilgængelighed kan også forbedre søgemaskineoptimering ( SEO ). Når dit indhold er mere tilgængeligt, bliver det nemmere for søgemaskiner som Google at indeksere og rangere det højere.

Undertekster

Undertekster giver søgemaskinerne mere tekstindhold at indeksere, hvilket gør det nemmere for brugere at finde dit indhold via søgning.

Brugeroplevelse

Desuden viser brugeroplevelsen fordele ved at have tilgængeligt indhold, hvilket kan føre til længere besøg og lavere bounce-rate. Alt dette bidrager til en bedre SEO-performance og en bredere rækkevidde for dit indhold.

Værktøjer og teknologier til at forbedre video-tilgængelighed

Der er en række værktøjer og teknologier, der kan hjælpe dig med at forbedre tilgængeligheden af dit videoindhold:

Automatiske undertekstningsværktøjer – Disse værktøjer kan generere undertekster ved hjælp af talegenkendelsesteknologi. Selvom resultatet ikke altid er perfekt, kan det være en god start, som kan forbedres manuelt. Zetland har lavet et værktøj mygoodtape.com
Videoafspillere med tilgængelighedsfunktioner – vælg en videoafspiller, der har indbyggede tilgængelighedsfunktioner såsom understøttelse af undertekster, billedtekster og lydbeskrivelser. Nogle populære eksempler inkluderer JW Player, Plyr og Able Player.
Professionelle transskriptiontjenester – Hvis du ønsker en høj kvalitet af undertekster og billedtekster, kan du overveje at bruge professionelle transskriptionstjenester. De tilbyder nøjagtige og korrekte transskriptioner, der kan forbedre dit indholds tilgængelighed og SEO.

Ved at benytte disse værktøjer og teknologier kan du sikre, at dit videoindhold er tilgængeligt for et bredere publikum og opfylder kravene til webtilgængelighed.

Konklusion

Ved at følge de nævnte retningslinjer og implementere de relevante teknologier og værktøjer kan du forbedre webtilgængeligheden af dit videoindhold. Dette vil ikke kun gøre dit indhold tilgængeligt for et bredere publikum, men også hjælpe med at opfylde lovgivningsmæssige krav og standarder for webtilgængelighed. Husk, at webtilgængelighed er en løbende proces, og det er vigtigt at holde sig opdateret med de nyeste retningslinjer og teknologier for at sikre, at dit indhold forbliver tilgængeligt for alle brugere.

Hvad er Nyt i WCAG 2.2

riisager@gmail.com (Søren Riisager) — Tue, 05 Dec 2023 09:03:23 GMT

WCAG 2.2 udkom 5. oktober 2023

WCAG 2.2's nye funktioner for øget webtilgængelighed , herunder forbedret navigation og inputmetoder, som sigter mod at gøre indhold mere tilgængeligt for brugere med forskellige behov. Opdateringerne fokuserer på klarhed i navigation, større interaktive elementer og forbedret inputassistance.

Navigering:

Fokus Ikke Skjult (AA & AAA): Det er vigtigt, at når man navigerer med tastaturet, er det element, man er på, altid synligt. For personer, der ikke kan bruge en mus, er det afgørende at kunne se, hvilket element der er i fokus. I den forbedrede version (AAA) sikres det, at elementet er helt synligt og ikke delvist dækket.
Fokus Udseende (AAA): Denne regel kræver, at fokusindikatorer er tydelige nok til at se. Det betyder, at de skal være store nok og have tilstrækkelig kontrast. Dette gør det lettere for personer med nedsat syn eller dem, der har svært ved at se små ændringer, at navigere på en hjemmeside.

Input:

Trækkende Bevægelser (AA): Hjemmesider skal tilbyde alternative måder at udføre handlinger, der normalt kræver trækning med musen. Dette er især nyttigt for brugere med motoriske udfordringer, som f.eks. rystende hænder.
Mål Størrelse (AA): Denne regel sikrer, at interaktive elementer som knapper og links er store nok til at blive brugt nemt. Det hjælper personer med motoriske vanskeligheder eller dem, der bruger touch-enheder.

Forudsigelighed:

Konsekvent Hjælp (A): Hjælpemekanismer, som chat eller kontaktinformation, skal være placeret ensartet på tværs af hjemmesiden. Dette gør det lettere for brugere, specielt dem med kognitive udfordringer, at finde hjælp, når de har brug for det.

Input Assistance:

Redundant Indtastning (A): Kræver, at information, som brugeren tidligere har indtastet, ikke skal indtastes igen. Dette er især vigtigt for brugere med kognitive udfordringer, som kan have svært ved at huske eller gentage information.
Tilgængelig Autentificering (AA & AAA): Autentificeringsprocesser skal være enkle og ikke kræve komplekse kognitive funktioner som huske passwords eller genkende billeder. Dette gør det nemmere for alle brugere, specielt dem med kognitive vanskeligheder, at få adgang til beskyttede områder af en hjemmeside.

Vi gør dine PDF dokumenter Webtilgængelig

riisager@gmail.com (Søren Riisager) — Wed, 01 Nov 2023 22:08:43 GMT

Få hjælp til at gøre dine PDF dokumenter tilgængelige

Verden bliver mere digital, og Webtilgængelighed online er blevet mere vigtigt end nogensinde før. Hos SEMO stræber vi efter at gøre den digitale verden tilgængelig for alle, uanset fysiske eller teknologiske begrænsninger. Vi har stor erfaring med at gøre dokumenter som PDF tilgængelige og i overensstemmelse med webtilgængelighedsstandarderne, som er en afgørende del af at sikre digital inklusion.

Ekspertise i PDF Tilgængelighed

Med et team af erfarne eksperter tilbyder SEMO en række services designet til at gøre dine PDF-dokumenter fuldt tilgængelige:

Ekspertrådgivning: Vi tilbyder vejledning igennem processen med at sikre, at dine PDF-dokumenter er i overensstemmelse med WCAG 2.1 og PDF/UA ISO 14289 standarderne.
PDF Tilgængelighedsrevision: Vores team gennemgår dine dokumenter for at identificere eventuelle tilgængelighedsproblemer og foreslå løsninger.
PDF Rettelser: Vi transformerer utilgængelige dokumenter her under Word, Excel og PDF til fuldt tilgængelighed.
Løbende Support: Brug os som samarbejdspartner til din tilgængelig digital tilstedeværelse.

Fortrolighed og Sikkerhed er en Prioritet

Hos SEMO forstår vi vigtigheden af at håndtere fortrolige dokumenter med den største omhu og diskretion. Vores processer er designet til at sikre den strengeste fortrolighed og sikkerhed, mens vi arbejder med at gøre dine dokumenter tilgængelige. Med strenge sikkerhedsprotokoller og en sikker, beskyttet infrastruktur, kan du have fuld tillid til, at dit materiale er i sikre hænder.

Tag Skridtet mod Fuldstændig Tilgængelighed

Digital tilgængelighed er ikke kun et lovmæssigt krav, men også en mulighed for at udvide din organisations rækkevidde og gøre en positiv forskel. Kontakt os i dag for en gratis konsultation. Lad os hjælpe dig med at tage skridtet mod fuldstændig digital tilgængelighed. Med vores ekspertise og dedikation, kan vi hjælpe dig med at gøre dine PDF-dokumenter tilgængelige for alle, mens vi sikrer, at fortrolighed og sikkerhed forbliver en prioritet.

Tjekliste til webtilgængelighed

riisager@gmail.com (Søren Riisager) — Mon, 24 Apr 2023 14:44:03 GMT

Download tjekliste til webtilgængelighed for din hjemmeside

Vi har sammensat en omfattende tjekliste, der hjælper dig med at sikre, at dit website overholder alle de relevante regler og retningslinjer for webtilgængelighed i Danmark. Vores tjekliste er en praktisk ressource for webudviklere, designere og virksomhedsejere, der ønsker at gøre deres websites mere inkluderende og tilgængelige for alle.

Hvorfor er webtilgængelighed vigtig?

Webtilgængelighed handler om at sikre, at alle mennesker, uanset evner eller handicap, har mulighed for at bruge og interagere med webindhold. Det betyder, at vi som webudviklere og designere har et ansvar for at skabe inkluderende og tilgængelige oplevelser for alle. At overholde webtilgængelighed er ikke kun et juridisk krav, men det er også en måde at vise, at du værdsætter og respekterer dine brugere.

Hvad inkluderer tjeklisten?

Vores tjekliste for webtilgængelighed dækker en bred vifte af emner og anbefalinger, der er baseret på de internationale Web Content Accessibility Guidelines (WCAG) og lokale danske krav. Nogle af de vigtigste områder, tjeklisten dækker, inkluderer:

Struktur og semantik
Navigationsdesign
Brug af farver og kontrast
Skrifttyper og typografi
Billeder og multimedieindhold
Formularer og interaktioner
Tilgængelighed for skærmlæsere og tastaturnavigation
Teknisk implementering og test

Sådan downloader du tjeklisten:

Klar til at tage skridtet mod et mere tilgængeligt website? Klik på knappen nedenfor for at downloade vores gratis tjekliste for webtilgængelighed. Tjeklisten er tilgængelig Google docs-format, så du nemt kan gemme, udskrive eller dele den med dit team.

Download Tjeklisten Her

Yderligere ressourcer og hjælp:

Har du brug for mere hjælp med webtilgængelighed? Vi tilbyder også konsulenttjenester og uddannelse inden for webtilgængelighed. Kontakt os for at få mere at vide om, hvordan vi kan hjælpe dig og din virksomhed med at forbedre tilgængeligheden på jeres website.

Webtilgængelighed: Fokus på Formularer

Wed, 29 Mar 2023 16:52:44 GMT

Webtilgængelige formularer: Tjekliste, eksempler og forklaring

Webtilgængelighed er en afgørende komponent i enhver hjemmeside. Det sikrer, at alle brugere, uanset deres fysiske, kognitive eller tekniske evner, kan få adgang til og interagere med indhold og tjenester. Formularer er ofte nøglen til brugerinteraktion, hvad enten det drejer sig om tilmelding, kontakt eller køb. Denne guide fokuserer på at skabe tilgængelige formularer, der overholder lovmæssige krav og følger de seneste Web Content Accessibility Guidelines ( WCAG ).

Gør din formular tilgængelig

En tilgængelig formular sikrer, at alle brugere, inklusive personer med handicap, kan bruge den. Brug denne tjekliste:

Grundlæggende principper for tilgængelige formularer

WCAG 2.1 opstiller fire grundlæggende principper for webtilgængelighed, der skal overvejes, når man designer og implementerer formularer:

Perceivable (Opmærksom)
Formularer elementer og -indhold skal præsenteres på en måde, så brugerne kan opfatte dem, uanset hvilken teknologi eller hjælpemiddel de bruger.
Operable (Betjene)
Formularer skal kunne betjenes af alle brugere, herunder dem, der bruger tastatur, berøringsskærme eller andre inputmetoder.
Understandable (Forståelig)
Formularer og deres instruktioner skal være letforståelige for alle brugere, uanset deres kognitive evner.
Robust (Robust)
Formularer skal kunne bruges på tværs af forskellige browsere, enheder og hjælpemidler uden at miste funktionalitet eller tilgængelighed.

Design af tilgængelige formularer

For at skabe tilgængelige formularer skal du overveje følgende designelementer:

Tydelige og forståelige etiketter
Etiketterne skal tydeligt beskrive formålet med hvert formularfelt og placeres i nærheden af det tilsvarende inputfelt. Brug <label> elementet og for attributten til at forbinde etiketten med inputfeltet.
Brug af feltgrupper og legend
Feltgrupper (<fieldset>) og legends (<legend>) kan hjælpe med at organisere relaterede formularfelter og gøre det lettere for brugere at navigere og forstå formularstrukturen.
Visuelle indikatorer for obligatoriske felter
Marker obligatoriske felter med en visuel indikator, såsom en asterisk (*), og tilføj en tekstlig forklaring på, hvad indikatoren betyder. Brug required attributten på obligatoriske inputfelter.
Tilgængelige fejlmeddelelser og validering
fejlmeddelelser skal være tydelige, forståelige og lette at finde. Brug aria-describedby attributten til at forbinde fejlmeddelelsen med det tilsvarende inputfelt. Sørg for, at fejlmeddelelser er synlige og forståelige for både skærmlæsere og almindelige brugere.

Implementering af tilgængelige formularer

Når du implementerer tilgængelige formularer, skal du tage højde for følgende:

Korrekt brug af HTML-elementer og attributter
Brug semantisk korrekte HTML-elementer og attributter til at give formularer struktur og betydning. Dette inkluderer brugen af <form>, <input>, <label>, <fieldset> og <legend> elementer.
Tilgængelige formularer i responsive design
Sørg for, at formularer fungerer korrekt og er tilgængelige på forskellige skærmstørrelser og enheder ved at anvende responsive design-teknikker.
Brug af ARIA for at forbedre formularernes tilgængelighed
WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) kan bruges til at forbedre formularernes tilgængelighed ved at tilføje ekstra information, såsom rolle, status og beskrivelser, der hjælper hjælpemidler med at formidle formularernes struktur og funktion bedre.
Keyboard navigation og fokusstyring
Sørg for, at alle formularfelter og knapper kan nås og betjenes med tastaturet. Brug tabindex og fokusstyring for at sikre en logisk og forudsigelig navigation.

Webtilgængelighed: Semantik i fokus

Sat, 25 Mar 2023 12:57:19 GMT

Guide Webtilgængelighed for Semantik

Som en webtilgængelighedsekspert forstår jeg vigtigheden af at skabe tilgængelige hjemmesider for alle brugere, uanset deres fysiske eller kognitive evner. Et centralt aspekt af webtilgængelighed er semantik, som spiller en vigtig rolle i at gøre Hjemmesider forståelige og brugervenlige for alle. I denne artikel vil jeg dykke ned i, hvad semantik er, og hvordan det er vigtigt for webtilgængelighed.

Hvad er semantik?

Semantik er studiet af betydning i sprog og symboler. I konteksten af webudvikling refererer semantik til brugen af passende HTML-elementer og attributter for at give mening og struktur til indholdet. Semantiske elementer i HTML hjælper med at organisere og identificere indholdet korrekt, hvilket gør det lettere for både mennesker og computere (såsom søgemaskiner og skærmlæsere) at forstå hjemmesidens struktur og indhold.

Semantisk struktur

En klar semantisk struktur er vigtig for at gøre indhold tilgængeligt for alle. For eksempel hjælper det brugere, der benytter skærmlæsere, med at navigere gennem indholdet og forstå dets struktur. Nogle vigtige aspekter af semantisk struktur inkluderer:

Overskrifter: Brug overskriftselementer (<h1> til <h6>) til at organisere indholdet hierarkisk og gøre det nemt at forstå.
Lister: Brug listeelementer (<ul>, <ol>, og <li>) til at præsentere relaterede punkter i en ordnet eller uordnet liste.
Tabeller: Brug tabel-elementer (<table>, <tr>, <th>, og <td>) til at præsentere data i en tabelstruktur og inkluder <caption> til at give en beskrivelse af tabelens formål.

ARIA-landmærker

Accessible Rich Internet Applications (ARIA) landmærker er HTML-annoteringer, der hjælper med at forbedre webtilgængelighed ved at definere specifikke roller og egenskaber for indholdet. ARIA-landmærker kan bruges til at forbedre semantik og gøre det lettere for skærmlæsere og tastaturbrugere at navigere på hjemmeside. Nogle almindelige ARIA-landmærker inkluderer:

role="banner": Identificerer området, der indeholder hjemmesidens logo og hovednavigationslinje.
role="main": Identificerer hovedindholdet på en hjemmeside, der er unikt for denne side.
role="navigation": Identificerer området, der indeholder hjemmesidens primære navigation.

Navigation og links

Semantiske elementer er også vigtige for at gøre navigation og links tilgængelige for alle. Nogle tips til at forbedre navigation og links inkluderer:

Anvendelse af semantiske elementer for navigation: Brug <nav>-elementet til at indeholde primær navigation og <aside>-elementet til sekundær navigation, så skærmlæsere og andre hjælpeteknologier nemt kan identificere dem.
Brug af beskrivende linktekster: Skriv meningsfulde og informative linktekster, der beskriver destinationen eller formålet med linket, så brugere nemt kan forstå, hvor linket fører dem hen.
Oprettelse af tastaturvenlig navigation: Sørg for, at brugere kan navigere din hjemmeside ved hjælp af tastaturet alene ved at inkludere tabindex-attributten, hvor det er nødvendigt, og ved at implementere tastaturfokuserede visuelle indikatorer, såsom en synlig ramme omkring det aktive element.

Formularer og brugerinput

Korrekt brug af semantiske elementer i formularer er vigtigt for at gøre dem tilgængelige for alle. Her er nogle tips til at forbedre formularer og brugerinput:

Brug af semantiske elementer i formularer: Anvend <form>-elementet til at indeholde formularer, <fieldset> til at gruppere relaterede formularfelter og <legend> til at beskrive formålet med hver gruppe.
Anvendelse af korrekte labels og input-typer: Brug <label>-elementet til at forbinde tekstbeskrivelser med formularfelter og vælg den korrekte inputtype (f.eks. <input type="email"> for e-mail-adresser) for at hjælpe hjælpeteknologier med at forstå formålet med hvert felt.
Validering af brugerinput og fejlmeddelelser: Implementer formvalidering for at sikre, at brugerne indtaster korrekte og fuldstændige oplysninger, og brug aria-describedby-attributten til at forbinde fejlmeddelelser med de relevante formularfelter.

Webtilgængeligheds værktøjer og ressourcer

Der er flere værktøjer og ressourcer tilgængelige for at hjælpe dig med at forbedre webtilgængelighed med fokus på semantik:

Semantisk valideringsværktøjer: Brug værktøjer som W3C HTML Validator og WAVE Web Accessibility Evaluation Tool til at validere dit hjemmesidens semantik og identificere eventuelle problemer.
Webtilgængeligheds-guidelines og -standarder: Følg retningslinjer som Web Content Accessibility Guidelines (WCAG) og ARIA-praksis for at sikre, at din hjemmeside er tilgængeligt for alle brugere.
Yderligere ressourcer og støtte: Søg vejledning og support fra eksperter inden for webtilgængelighed, såsom WebAIM og W3C Web Accessibility Initiative (WAI) .

Alt du skal vide om WCAG

Sat, 25 Mar 2023 12:49:13 GMT

Guide til at forstå WCAG-retningslinjer

Web Content Accessibility Guidelines ( WCAG ) eller webtilgængelighed på dansk er en samling retningslinjer, der har til formål at gøre internettet mere tilgængeligt for personer med forskellige typer af handicap. Som virksomhedsejer er det vigtigt at være opmærksom på WCAG-retningslinjerne for at sikre, at din Hjemmeside er inkluderende og tilgængeligt for alle brugere.

Hvad er WCAG?

WCAG er udviklet af World Wide Web Consortium (W3C) og består af en række principper, retningslinjer og succeskriterier, som webudviklere og indholdsproducenter kan følge for at gøre deres Hjemmesider og indhold mere tilgængelige for personer med handicap. WCAG-retningslinjerne er opdelt i tre niveauer: A, AA og AAA. Hvert niveau repræsenterer en grad af tilgængelighed, hvor A er det mest grundlæggende niveau og AAA er det højeste niveau. I Danmark er det besluttet ved lov, at alle hjemmesider og apps skal leve op til WCAG 2.1 AA standard.

De fire principper for WCAG

WCAG-retningslinjerne er baseret på fire grundlæggende principper for webtilgængelighed. Disse principper er:

Oplevelse:
Indhold skal være præsenteret på en måde, der gør det nemt for brugere at forstå og navigere.

Betjening:
Indhold skal kunne betjenes af alle brugere, uanset hvilke inputmetoder de bruger (f.eks. tastatur, mus, stemmestyring osv.).

Forståelighed:
Indhold skal være klart og forståeligt for brugere, uanset deres kognitive evner eller sprogfærdigheder.

Robusthed:
Indhold skal kunne fungere på forskellige platforme, enheder og assistive teknologier uden at miste sin tilgængelighed.

Hvordan overholder du WCAG-retningslinjerne?

For at overholde WCAG-retningslinjerne er det vigtigt at følge de fire principper og de tilhørende succeskriterier for hvert niveau. Her er nogle generelle tips til at overholde WCAG-retningslinjerne:

Sørg for en klar og logisk navigation:
Organiser din Hjemmeside på en måde, der gør det nemt for brugere at finde og navigere til den information, de søger.

Tilføj alternative tekster til billeder:
Brug alternative tekster (alt-tekster) til at beskrive indholdet af billeder for skærmlæsere og andre hjælpemidler.

Brug overskrifter korrekt:
Strukturer dit indhold med korrekte overskriftstyper (f.eks. H1, H2, H3 osv.) for at gøre det lettere for skærmlæsere og andre hjælpemidler at navigere i indholdet.

Gør teksten letlæselig:
Vælg skrifttyper og farver, der er nemme at læse, og sørg for tilstrækkelig kontrast mellem tekst og baggrund.

lovgivning om webtilgængelighed i Danmark

I Danmark er webtilgængelighed en del af lovgivningen, som er baseret på EU-direktivet om webtilgængelighed. Dette direktiv har til formål at gøre hjemmesider og apps mere tilgængelige for personer med handicap.

Offentlige myndigheders ansvar

Ifølge den danske lovgivning skal offentlige myndigheders Hjemmesider være tilgængelige for alle senest i juni 2021. Dette indebærer, at offentlige myndigheder skal overholde WCAG 2.1 niveau AA for deres Hjemmesider og mobilapplikationer.

Derudover skal offentlige myndigheder også udarbejde og offentliggøre en tilgængelighedserklæring på deres Hjemmesider og mobilapplikationer. Tilgængelighedserklæringen skal beskrive Hjemmesiden eller applikationens overholdelse af WCAG-retningslinjerne, eventuelle mangler og planer for at rette op på disse mangler.

Private virksomheders ansvar

Den danske lovgivning om webtilgængelighed vil også omfatte private virksomheders Hjemmesider fra juni 2025. Dette betyder, at private virksomheder skal sørge for at deres Hjemmesider og mobilapplikationer er tilgængelige for personer med handicap og overholder WCAG 2.1 niveau AA.

Selvom lovgivningen først træder i kraft for private virksomheder i 2025, er det en god idé at begynde at arbejde på at forbedre webtilgængeligheden allerede nu. Dette kan forbedre brugeroplevelsen for personer med handicap, forbedre virksomhedens SEO og opnå en bredere kundebase.

Hvordan kan SEMO hjælpe med webtilgængelighed og overholdelse af WCAG-retningslinjer?

SEMO er en virksomhed, der specialiserer sig i webtilgængelighed og SEO . Vores team af eksperter kan hjælpe dig med at gennemgå din Hjemmeside eller din mobil applikation for at sikre overholdelse af WCAG-retningslinjerne og den danske lovgivning om webtilgængelighed. Vi tilbyder en række tjenester, herunder:

Webtilgængelighedsaudit:
Vi gennemgår din Hjemmeside eller din mobilapplikation for at identificere eventuelle mangler i forhold til WCAG-retningslinjerne og anbefaler konkrete ændringer for at forbedre tilgængeligheden.

Udarbejdelse af tilgængelighedserklæringer:
Vi hjælper dig med at udarbejde og offentliggøre en tilgængelighedserklæring, der beskriver din hjemmeside eller din mobilapplikations overholdelse af WCAG-retningslinjerne, eventuelle mangler og planer for at rette op på disse mangler.

Teknisk implementering:
Vores team kan hjælpe dig med at implementere de nødvendige tekniske ændringer på din Hjemmeside eller din mobilapplikation for at sikre overholdelse af WCAG-retningslinjerne og den danske lovgivning om webtilgængelighed.

Uddannelse og support:
Vi tilbyder uddannelse og support til dit team, så de kan lære mere om webtilgængelighed og hvordan man implementerer og vedligeholder tilgængelige Hjemmesider og mobilapplikationer.

Løbende overvågning og opdateringer: Webtilgængelighed er en løbende proces, og det er vigtigt at holde din Hjemmeside eller din mobilapplikation opdateret i takt med ændringer i WCAG-retningslinjerne og teknologiske fremskridt. Vi kan hjælpe dig med at overvåge og opdatere din Hjemmeside eller din mobilapplikation, så det fortsat er tilgængeligt og overholder lovgivningen.

Ved at arbejde sammen med DOBA kan du sikre, at din Hjemmesider eller din mobilapplikation er tilgængeligt for alle brugere og overholder både WCAG-retningslinjerne og den danske lovgivning om webtilgængelighed. Dette vil ikke kun forbedre brugeroplevelsen for personer med handicap, men også øge din virksomheds online synlighed og potentielt nå en bredere målgruppe.

Hvis du vil vide mere om, hvordan DOBA kan hjælpe dig med at forbedre webtilgængeligheden på din Hjemmeside eller din mobilapplikation, er du velkommen til at kontakte os for en uforpligtende samtale og få mere information om vores tjenester.

Skabelon til tilgængelighedserklæring og praktisk vejledning

Tue, 21 Mar 2023 17:56:50 GMT

Guide Webtilgængelighed for Webtilgængelighedserklæring

Webtilgængelighed er en vigtig del af vores arbejde som SEO og webtilgængelighedseksperter. I denne vejledning vil vi gennemgå, hvad webtilgængelighed er, og hvordan man udarbejder og offentliggør en webtilgængelighedserklæring i overensstemmelse med lovgivningen og standarderne i Danmark.

Tilgængelighedserklæring skabelon

Download en skabelon til tilgængelighed erklæring

Gemt som Google doc her

Definition af webtilgængelighed

Webtilgængelighed handler om at gøre hjemmesider og online indhold tilgængeligt for alle brugere, uanset deres fysiske eller kognitive evner.

Formålet med webtilgængelighed

Formålet med webtilgængelighed er at skabe et inkluderende og tilgængeligt online miljø, hvor alle brugere har lige adgang til information og tjenester.

Lovgivning og standarder for webtilgængelighed i Danmark

I Danmark er webtilgængelighed reguleret af lovgivningen, herunder EU-direktivet om webtilgængelighed (2016/2102) og den danske Bekendtgørelse om tilgængelighed af offentlige myndigheders digitale selvbetjeningsløsninger (Bekendtgørelse nr. 1517 af 15. december 2017).

Webtilgængelighedserklæring

En webtilgængelighedserklæring er et offentligt dokument, der beskriver en hjemmesides eller en applikations tilgængelighedsstatus og eventuelle planlagte forbedringer. Det er et vigtigt skridt i at sikre overensstemmelse med lovgivningen og standarderne for webtilgængelighed i Danmark.

Definition og formål

Webtilgængelighedserklæringen er en skriftlig erklæring, der beskriver, i hvilken grad en hjemmeside eller en applikation er i overensstemmelse med webtilgængelighedsstandarder og -krav. Formålet med erklæringen er at give brugerne indsigt i hjemmesidens eller applikationens tilgængelighedsniveau og eventuelle planlagte forbedringer.

Juridiske krav

Juridiske krav til webtilgængelighedserklæringer varierer afhængigt af, om organisationen eller virksomheden er offentlig eller privat. Offentlige myndigheder og visse private virksomheder, der leverer offentlige tjenester, skal udarbejde en webtilgængelighedserklæring i overensstemmelse med EU-direktivet og den danske bekendtgørelse.

Hvilke organisationer og virksomheder skal have en webtilgængelighedserklæring?

Offentlige myndigheder, statslige institutioner og visse private virksomheder, der leverer offentlige tjenester, skal have en webtilgængelighedserklæring. Selvom det ikke er et juridisk krav for alle private virksomheder før 2025, anbefales det stadig at have en webtilgængelighedserklæring for at fremme et inkluderende og tilgængeligt online miljø.

Sådan udarbejdes en webtilgængelighedserklæring

For at udarbejde en webtilgængelighedserklæring skal du følge en række trin, der sikrer, at din hjemmeside eller din applikation er i overensstemmelse med de relevante standarder og lovgivning.

Trin 1: Evaluering af hjemmesidens tilgængelighed

Først skal du evaluere din hjemmeside eller applikations nuværende tilgængelighedsstatus ved at gennemføre en omfattende tilgængelighedsanalyse. Dette kan omfatte en gennemgang af webstedets kode, design, indhold og funktioner.

Trin 2: Identificering af manglende overensstemmelse og barrierer

Når analysen er gennemført, skal du identificere eventuelle manglende overensstemmelser mellem din hjemmeside eller din applikation og de gældende webtilgængelighedsstandarder, såsom WCAG 2.1 a og AA (Web Content Accessibility Guidelines). Du skal også identificere eventuelle barrierer, der forhindrer brugere med forskellige evner i at få adgang til dit indhold og dine tjenester.

Trin 3: Udarbejdelse af en handlingsplan

Udarbejd en handlingsplan for at rette op på manglende overensstemmelser og fjerne barrierer. Dette kan omfatte ændringer i hjemmesidens kode, design, indhold og funktioner, samt tidsplaner og ansvarsfordeling for at gennemføre forbedringerne.

Trin 4: Udarbejdelse af selve erklæringen

Når handlingsplanen er på plads, skal du udarbejde selve webtilgængelighedserklæringen. Erklæringen skal indeholde oplysninger om hjemmesidens eller applikationens tilgængelighedsstatus, identificerede manglende overensstemmelser og barrierer samt handlingsplanen for at rette op på disse.

Trin 5: Offentliggørelse af erklæringen og opdatering

Offentliggør webtilgængelighedserklæringen på din hjemmeside eller i din applikation, så den er let tilgængelig for brugerne. Opdater erklæringen regelmæssigt for at afspejle eventuelle ændringer i hjemmesidens eller applikationens tilgængelighedsstatus og for at overholde lovgivningen og standarderne.

Ressourcer og værktøjer

For at hjælpe dig med at forbedre webtilgængeligheden og udarbejde en webtilgængelighedserklæring er der flere ressourcer og værktøjer til rådighed.

Webtilgængelighedsvejledninger og standarder

For at sikre, at din hjemmeside eller din applikation er i overensstemmelse med webtilgængelighedsstandarder, er det vigtigt at gøre sig bekendt med retningslinjerne, såsom WCAG 2.1 eller senere versioner. Disse retningslinjer dækker forskellige aspekter af webtilgængelighed og kan hjælpe dig med at identificere områder, der skal forbedres.

Værktøjer til evaluering af webtilgængelighed

Der er flere værktøjer tilgængelige for at evaluere webtilgængeligheden på din hjemmeside eller i din applikation. Disse værktøjer kan automatisk identificere eventuelle manglende overensstemmelser og barrierer samt give anbefalinger til forbedringer.

Eksempler på webtilgængelighedserklæringer

For at få en bedre forståelse af, hvordan en webtilgængelighedserklæring kan se ud og struktureres, kan det være nyttigt at se eksempler fra andre organisationer og virksomheder. Dette kan give dig inspiration og vejledning i udformningen af din egen erklæring.

Myndigheder og organisationer, der kan hjælpe med vejledning og støtte

Hvis du har brug for vejledning og støtte i forbindelse med webtilgængelighed og udarbejdelsen af en webtilgængelighedserklæring, hjælper vi dig gerne.

Webtilgængelighed: URL'er og HTML-tags

riisager@gmail.com (Søren Riisager) — Tue, 21 Mar 2023 17:21:59 GMT

Guide til URL-Strukturer og HTML-Tags

Webtilgængelighed er afgørende for at sikre, at alle brugere, uanset deres evner, kan få adgang til og navigere på internettet effektivt. I denne artikel vil vi udforske vigtigheden af URL-strukturer, HTML-tags og andre elementer, der hjælper med at gøre en hjemmeside mere tilgængelig. Vi vil dække emner som titler, meta-beskrivelser, links, billeder, indholdsorganisering, navigation, lister, tabeller og formularer. Lær, hvordan du optimerer din hjemmeside for at imødekomme alle brugeres behov og gøre dit websted nemmere at finde og bruge for alle.

URL-struktur og meningsgivende titler

For at forbedre webtilgængeligheden skal URL'erne på en hjemmeside være lette at forstå og indeholde relevante nøgleord. Det betyder, at URL'erne skal have en klar struktur, og man bør kun bruge bogstaver (a-z) og tal (0-9). Man bør undgå symboler, der kan gøre dem svære at læse og huske. Desuden er det vigtigt at bruge ens URL-navne ved at anvende bindestreger i stedet for understregningstegn og ikke skifte mellem store og små bogstaver.

Titel og meta-beskrivelser

<title>-tagget er vigtigt for webtilgængeligheden, da det hjælper med at informere brugerne om, hvad en bestemt side handler om. Titlen skal være kort, præcis og let at afkode. For at gøre titlen mere tilgængelig, skal den indeholde de vigtigste nøgleord og beskrive sidens indhold.

Tilgængelige links med tag

For at forbedre webtilgængeligheden for links, skal du bruge <a>-tagget korrekt. Dette indebærer at skrive meningsfulde linktekster, der beskriver, hvor linket fører hen, i stedet for generiske udtryk som "klik her" eller "læs mere". Desuden kan du anvende title-attributten i <a>-tagget for at give ekstra information om linket, så brugerne ved, hvad de kan forvente, når de klikker på det.

Billeder og alt attribut med tag

For at gøre billederne tilgængelige for alle brugere, især dem med synshandicap, skal du tilføje en “alt” attribut til <img>-tagget. Alt attributten indeholder en kort tekstbeskrivelse af billedet, som hjælper skærmlæsere og søgemaskiner med at forstå, hvad billedet viser.

Organisering af indhold med overskriftstags

Overskriftstags, der spænder fra <h1> (den vigtigste overskrift) til <h6> (den mindst vigtige overskrift), hjælper med at organisere indholdet på en hjemmeside og gør det nemmere for brugerne at forstå sidens struktur. Skærmlæsere og søgemaskiner bruger også disse tags til at indeksere indholdet korrekt.

Navigation og brug <nav> og “tabindex”

Navigation er en central del af webtilgængelighed, da det giver brugerne mulighed for nemt at finde og navigere mellem forskellige dele af en hjemmeside. <nav>-tagget bruges til at indikere, hvor hovednavigationen er på en side, hvilket hjælper skærmlæsere og søgemaskiner med at identificere de vigtigste links. Det er vigtigt at organisere navigationen på en logisk og overskuelig måde og inkludere tekstlinks, der beskriver, hvor de fører hen.

For at forbedre navigationen yderligere og tilpasse den til brugerens behov kan man anvende tabindex-attributtet. “tabindex” kan hjælpe med at kontrollere den rækkefølge, hvori navigationslinks får fokus, når brugeren navigerer siden ved hjælp af tabulatortasten.

Liste strukturer med tags

Liste strukturer er vigtige for webtilgængelighed, da de hjælper med at organisere og præsentere indhold på en klar og nem at forståelig måde. Uordnede lister (<ul>) bruges til at præsentere en samling af punkter uden en bestemt rækkefølge, mens ordnede lister (<ol>) bruges til at præsentere en sekventiel række punkter. <li>-tagget bruges til at repræsentere hvert enkelt punkt i listen. Skærmlæsere og søgemaskiner bruger disse tags til at indeksere indholdet korrekt og gøre det nemmere at navigere.

Tabeller og tilgængelighed med tags

Tabeller er en effektiv måde at præsentere data på en struktureret og letforståelig måde. For at gøre tabeller tilgængelige for alle brugere, er det vigtigt at bruge de relevante tags korrekt. <table>-tagget definerer selve tabellen, mens <thead>-tagget bruges til at definere overskrifterne i tabellen. <tbody>-tagget bruges til at definere selve dataindholdet, og <tfoot>-tagget bruges til at definere eventuelle fodnoter eller yderligere oplysninger om tabellen. Disse tags hjælper skærmlæsere og søgemaskiner med at forstå og indeksere dataene korrekt.

Formularer og tilgængelighed med tags

Formularer er en essentiel del af mange hjemmesider, da de giver brugerne mulighed for at indtaste oplysninger og interagere med webstedet. For at gøre formularer tilgængelige er det vigtigt at bruge <form>-tagget korrekt og inkludere <label>-tags for hvert inputfelt. <label>-tagget hjælper skærmlæsere med at forstå formålet med hvert input felt og gør det nemmere for brugerne at udfylde formularerne. <fieldset>-tagget kan bruges til at gruppere relaterede inputfelter og give en bedre struktur og forståelse af formularindholdet.

SEO og Webtilgængelighed: Betydningen af URL'er og HTML-tags

URL'er og HTML-tags spiller en vigtig rolle i både SEO og webtilgængelighed. En velstruktureret URL, der indeholder relevante nøgleord og er letforståelig, hjælper søgemaskiner med at indeksere din hjemmeside mere præcist og forbedrer dens placering i søgeresultaterne.

HTML-tags, såsom <title>, <meta>, og <h1>-<h6>, hjælper med at organisere og strukturere indholdet på dit websted, hvilket gør det nemmere for både brugere og søgemaskiner at forstå indholdet. Korrekt anvendelse af disse tags øger dit websteds tilgængelighed og overensstemmelse med WCAG-retningslinjer, hvilket fører til en bedre brugeroplevelse og højere placeringer i søgeresultaterne.

Webtilgængelighed: Interaktive elementer

Tue, 21 Mar 2023 17:11:24 GMT

Guide Webtilgængelighed for interaktive elementer

Interaktive elementer er en central del af brugeroplevelsen på moderne hjemmesider og spiller en afgørende rolle i webtilgængelighed . At gøre disse elementer tilgængelige for alle brugere, inklusive personer med handicap, er essentielt for at skabe et inkluderende og brugervenligt webdesign

Tastaturnavigation og markering

En vigtig del af at gøre interaktive elementer tilgængelige er at sikre, at de kan nås og betjenes ved hjælp af tastaturet alene. Det er også vigtigt at have en tydelig markering, så brugerne nemt kan se, hvilket element der har fokus.

Tilgængelighed af almindelige interaktive elementer

Knapper og links

Når man arbejder med knapper og links, er det afgørende at have tydelige og forståelige linktekster, der giver brugerne en klar forståelse af, hvad der sker, når de interagerer med elementet. Desuden er det vigtigt at sørge for, at knapper og links er tilstrækkeligt store og lette at klikke på.

Formularer og inputfelter

For at gøre formularer og inputfelter tilgængelige er det nødvendigt at bruge etiketter og ARIA -egenskaber, så inputfelterne er korrekt forbundet med deres respektive etiketter. Det er også vigtigt at give feedback til brugerne om fejl og succesfuld indsendelse af formulardata ved hjælp af visuelle indikatorer og ARIA-live regioner.

Rullemenuer, dropdowns og select-elementer

For rullemenuer, dropdowns og select-elementer er det vigtigt at sikre, at de kan betjenes ved hjælp af tastaturet alene og i en logisk rækkefølge. Desuden bør ARIA-roller og -egenskaber anvendes for at angive elementernes status og relationer.

Carousels, sliders og tabs

Carousels, sliders og tabs er populære designelementer på mange hjemmesider. For at gøre dem tilgængelige er det nødvendigt at sikre, at de kan betjenes ved hjælp af tastaturet alene og i en logisk rækkefølge. Det er også vigtigt at give brugerne mulighed for at stoppe, starte og styre hastigheden af automatisk rullende indhold.

Dynamiske elementer og AJAX-indhold

Dynamiske elementer og indhold, der indlæses via AJAX, kan skabe udfordringer for webtilgængelighed. For at gøre dem tilgængelige er det vigtigt at bruge ARIA-live regioner til at informere skærmlæserbrugere om opdateringer og ændringer i indholdet. Desuden skal opdaterede elementer kunne nås og betjenes ved hjælp af tastaturet alene.

Modalvinduer og dialogbokse

Modalvinduer og dialogbokse er almindelige interaktive elementer på mange hjemmesider. For at gøre dem tilgængelige er det vigtigt at sikre, at de kan betjenes ved hjælp af tastaturet alene og i en logisk rækkefølge. Når et modalvindue eller en dialogboks åbnes, skal fokus automatisk flyttes til det første fokuserbare element i modalen eller dialogboksen. Når den lukkes, skal fokus flyttes tilbage til det oprindelige element.

Test og validering af webtilgængelighed

Det er vigtigt at teste og validere webtilgængeligheden af interaktive elementer for at sikre, at de er tilgængelige for alle brugere. Både automatiske værktøjer som DOBA og manuel test bør anvendes for at opdage og rette eventuelle tilgængelighedsproblemer. Det er også afgørende at inkludere personer med handicap i test- og udviklingsprocessen for at få direkte feedback og identificere potentielle problemer.

SEO-fordele ved tilgængelige interaktive elementer

Når man arbejder med interaktive elementer og webtilgængelighed, kan man opnå flere SEO-fordele:

Bedre indeksering: Søgemaskiner som Google indekserer indholdet af hjemmesider og bruger dette til at bestemme deres relevans for søgeforespørgsler. Ved at sikre, at interaktive elementer er tilgængelige og lette at navigere, hjælper man søgemaskinerne med at indeksere indholdet korrekt og forstå, hvad hjemmesiden handler om.

Øget brugeroplevelse: En god brugeroplevelse er en vigtig faktor i SEO , da det påvirker brugernes adfærd og interaktion med hjemmesiden. Når interaktive elementer er tilgængelige og lette at bruge, vil brugerne være mere tilbøjelige til at blive længere på hjemmesiden og interagere med indholdet, hvilket kan føre til en lavere bounce rate og højere konverteringsrate.

Mobilvenlighed: Søgemaskiner lægger stor vægt på mobilvenlighed, og tilgængelige interaktive elementer bidrager til en bedre mobiloplevelse. Ved at optimere interaktive elementer for både desktop og mobile enheder sikrer man, at hjemmesiden fungerer godt på tværs af forskellige skærmstørrelser og enheder.

Synergien mellem SEO og interaktive elementer

Ved at fokusere på både SEO og webtilgængelighed i forbindelse med interaktive elementer kan man skabe en win-win situation, hvor både brugerne og søgemaskinerne drager fordel af de forbedringer, der er foretaget. En kombination af tilgængelige og optimerede interaktive elementer vil resultere i en bedre brugeroplevelse, øget synlighed i søgeresultaterne og i sidste ende højere trafik og konverteringer. Det er derfor vigtigt at integrere SEO og webtilgængelighed som en del af en samlet strategi for at opnå de bedste resultater.

Webtilgængelighed med fokus på Animation

Tue, 21 Mar 2023 17:06:34 GMT

Guide Webtilgængelighed for Animation

Animationer spiller en væsentlig rolle i moderne webdesign og brugeroplevelse. I denne artikel vil vi undersøge, hvordan animationer påvirker webtilgængelighed og præsentere gode praksisser og værktøjer til at forbedre animationers tilgængelighed.

WCAG (Web Content Accessibility Guidelines)

WCAG er et sæt retningslinjer og anbefalinger, der fokuserer på at gøre indhold tilgængeligt for alle brugere, herunder personer med forskellige funktionsnedsættelser. WCAG er baseret på fire principper: oplevbarhed, betjenbarhed, forståelighed og robusthed. Disse principper sikrer, at indhold er tilgængeligt for så mange brugere som muligt.

Animation og webtilgængelighed

Forskellige typer af animation

Der er flere metoder til at skabe animationer på hjemmesider, herunder:

CSS-animationer: Disse animationer er skabt ved hjælp af CSS-regler og er ofte enklere at implementere og vedligeholde.

JavaScript-animationer: JavaScript-animationer giver mere fleksibilitet og kontrol over animationens adfærd og timing, men kan være mere komplekse at implementere.

Video- og GIF-animationer: Video- og GIF-animationer bruges ofte til mere komplekse og detaljerede animationer, men kan medføre større filstørrelser og langsomme indlæsningstider.

Udfordringer ved animation i forhold til webtilgængelighed

Nogle af de udfordringer, der er forbundet med brugen af animationer, inkluderer:

Bevægelsesfølsomhed og vestibulære lidelser: Nogle brugere kan opleve ubehag eller ligefrem blive syge af animationer, der bevæger sig hurtigt eller uventet.

Kognitiv overbelastning og distraktion: Animationer kan distrahere brugere og gøre det sværere for dem at fokusere på det primære indhold på siden.

Teknisk barriere og kompatibilitet: Nogle animationer kan ikke vises korrekt på alle enheder eller browsere, hvilket skaber en barriere for tilgængelighed.

Gode praksisser for animation og webtilgængelighed

Reduktion af bevægelse

For at gøre animationer mere tilgængelige er det vigtigt at tage hensyn til brugere, der foretrækker reduceret bevægelse:

Præference for reduceret bevægelse (prefers-reduced-motion): Implementer denne CSS-mediafunktion for at tilpasse animationer baseret på brugerens systemindstillinger.

Mulighed for at slå animationer fra: Giv brugerne mulighed for at deaktivere animationer gennem en indstilling på din hjemmeside.

Fokus på indhold og kontekst

For at sikre, at animationer forbedrer webtilgængeligheden, bør du følge disse principper:

Anvendelse af meningsfulde og informative animationer: Brug animationer til at fremhæve vigtige oplysninger, guide brugerens opmærksomhed eller forklare komplekse koncepter på en klar og forståelig måde.

Skabe sammenhæng mellem animation og indhold: Animationer bør understøtte og supplere det overordnede indhold på siden og ikke virke forstyrrende eller unødvendige.

Tilpasning og teknikker

For at sikre, at animationer er tilgængelige for alle brugere, bør følgende tilpasninger og teknikker overvejes:

Anvendelse af progressive enhancement: Design din hjemmeide, så det fungerer korrekt, selv når animationer er deaktiveret eller ikke understøttes af brugerens browser.

Test og validering af animationer for tilgængelighed: Test dine animationer med forskellige værktøjer og teknikker for at sikre, at de er tilgængelige for så mange brugere som muligt.

Webtilgængelighed og SEO-fordele: Animationers rolle

Webtilgængelighed og SEO er tæt forbundet, og animationer spiller en vigtig rolle i denne sammenhæng. Veludførte animationer kan forbedre brugeroplevelsen og øge brugerens engagement, hvilket hjælper søgemaskiner som Google med at indeksere dit indhold bedre. Dette kan føre til højere placeringer i søgeresultaterne og øge trafikken til din hjemmeside.

SEMO fokuserer på at integrere webtilgængelighed, herunder animationer, i deres SEO-strategi for at skabe effektive online markedsføringsstrategier for deres kunder. En inkluderende og tilgængelig hjemmeside med veludførte animationer gavner både brugerne og hjemmesidens synlighed i søgemaskinerne.

Webtilgængelighed: Farver og kontrast i design

Tue, 21 Mar 2023 17:00:53 GMT

Guide Webtilgængelighed for Farver og kontrast i design

Webtilgængelighed handler om at gøre internettet tilgængeligt og brugbart for alle, uanset deres fysiske, sensoriske eller kognitive evner. Det er vigtigt at tage højde for farver og kontrast i webdesign for at sikre, at indholdet er let læseligt og forståeligt for så mange brugere som muligt, herunder dem med nedsat syn og farveblindhed.

Farver og kontrast i webdesign

Farvepsykologi og betydning

Farver spiller en vigtig rolle i, hvordan vi opfatter og interagerer med information. Forskellige farver kan fremkalde forskellige følelser og reaktioner hos brugerne, så det er vigtigt at vælge farver, der passer til dit budskab og dit brand.

Farveblindhed og andre synsproblemer

Omkring 8% af mænd og 0,5% af kvinder lider af en form for farveblindhed. Derfor er det vigtigt at vælge farver, der er lette at skelne for disse brugere og at undgå at stole udelukkende på farver for at formidle information.

Retningslinjer for farver og kontrast

WCAG 2.1 og 2.2 standarder

Web Content Accessibility Guidelines ( WCAG ) er en række retningslinjer, der hjælper webdesignere med at skabe mere tilgængelige hjemmesider. For farver og kontrast anbefaler WCAG 2.1 og 2.2 en minimum kontrastforhold på 4,5:1 for normal tekst og 3:1 for stor tekst.

Brug af farver til at formidle information

Farver bør ikke bruges alene til at formidle vigtig information, da det kan gøre det svært for farveblinde brugere at forstå indholdet. Brug i stedet tekst, symboler eller mønstre sammen med farver for at sikre, at informationen er klar og tilgængelig for alle.

Værktøjer og teknikker til at evaluere og forbedre farver og kontrast

Farvekontrast checkere

Der er flere online værktøjer, der kan hjælpe dig med at evaluere og justere farvekontrasten på din hjemmeside, såsom WebAIM's Color Contrast Checker og ColorZilla.

Designprincipper og metoder

Følg principperne for godt design, som f.eks. hierarki, balance og ensartethed, for at skabe en visuelt tiltalende og tilgængelig hjemmeside. Overvej også at bruge etablerede farveskemaer eller paletter for at sikre, at dine farver fungerer godt sammen.

Inkluderende design og brugertilpasning
Alternative farveskemaer

For at imødekomme forskellige brugeres præferencer og behov kan det være en god idé at tilbyde alternative farveskemaer på din hjemmeside. For eksempel kan du tilbyde en høj kontrast version, en gråtoneskala version og en version, der er optimeret for almindelige typer af farveblindhed.

Brugertilpassede indstillinger

Giv brugerne mulighed for at tilpasse visningen af din hjemmeside, så de kan ændre tekststørrelse, farver og kontrast efter deres egne behov og præferencer. Dette kan gøres ved at inkludere en tilgængelighedsindstilling i menuen eller ved at bruge browserens indbyggede tilgængelighedsfunktioner.

Responsive design og skalerbarhed

Et responsivt design sikrer, at din hjemmeside fungerer godt og ser godt ud på forskellige skærmstørrelser og enheder. Det er vigtigt at sørge for, at tekst, billeder og andre elementer skalerer korrekt og bevarer deres læsbarhed og kontrast, uanset hvilken enhed brugeren benytter.

Opsummering og næste skridt

Vigtigheden af at overveje farver og kontrast i webtilgængelighed

At tage højde for farver og kontrast i webdesign er afgørende for at sikre, at din hjemmeside er tilgængelig og brugervenlig for alle, herunder personer med nedsat syn og farveblindhed. Ved at følge WCAG-retningslinjer, bruge inkluderende designprincipper og tilbyde brugertilpasning, kan du skabe en mere inkluderende og vellykket online oplevelse.

Løbende overvågning og forbedring

Webtilgængelighed er en kontinuerlig proces, og det er vigtigt at holde øje med nye teknologier, standarder og brugerbehov. Test regelmæssigt din hjemmeside for at sikre, at den opfylder de gældende tilgængelighedsstandarder, og vær åben for feedback fra brugerne for at forbedre deres oplevelse.

Webtilgængelighed og SEO-fordele

Webtilgængelighed gavner ikke kun brugerne, men også søgemaskineoptimering (SEO) af din hjemmeside. Når du forbedrer tilgængeligheden, skaber du en mere struktureret og brugervenlig hjemmeside, hvilket hjælper søgemaskiner som Google med at forstå og indeksere dit indhold bedre. Dette kan føre til højere placeringer i søgeresultaterne og øge trafikken til din hjemmeside.

Hos DOBA fokuserer vi på at integrere webtilgængelighed som en del af vores SEO-strategi. En inkluderende og tilgængelig hjemmeside gavner ikke kun brugerne, men forbedrer også hjemmesidens synlighed og omdømme i søgemaskinerne. Ved at implementere webtilgængelighedsprincipper i vores SEO -tilgang skaber vi mere effektive og vellykkede online markedsføringsstrategier for vores kunder.

Kort sagt er webtilgængelighed og SEO tæt forbundet. Ved at forbedre din hjemmesides tilgængelighed kan du både skabe en mere inkluderende oplevelse for brugerne og forbedre din hjemmesides synlighed og succes i søgemaskinerne.

Webtilgængelighed: Fokus på Tekst

Tue, 21 Mar 2023 16:53:40 GMT

Guide Webtilgængelighed for tekst

Webtilgængelighed er afgørende for at sikre, at alle kan få adgang til at bruge internettet. Når vi tænker på webtilgængelighed, er tekst en vigtig faktor, da det spiller en central rolle i at formidle information til brugerne på en let og forståelig måde. I denne artikel vil vi se nærmere på, hvordan du kan forbedre din websides tilgængelighed gennem tekst og også forklare betydningen af SEO i denne sammenhæng.

Korrekt tekstformatering

Korrekt formatering af din tekst kan forbedre læsbarheden og gøre din webside mere tilgængelig. Brug af overskrifter som H1, H2 og H3, bullets, nummereringer og andre formateringer kan hjælpe med at organisere din tekst og gøre det nemmere at overskue og scanne. På den måde kan brugerne hurtigt finde den information, de søger.

Letlæselige skrifttyper

Valg af skrifttype kan også have stor betydning for læsbarheden. Det er vigtigt at vælge letlæselige fonte, der er nemme at læse på forskellige skærmstørrelser og -opløsninger. Sans-serif fonte som Arial eller Helvetica er populære valg til webtekst, da de er nemme at læse og ser godt ud på en skærm.

Brug af tekst frem for grafisk tekst

Grafisk tekst er indlejret i et billede eller en grafik og kan ikke læses af skærmlæsere eller forstørres for at blive lettere at læse. Ved at bruge rigtig tekst kan du sikre, at din tekst kan læses af alle brugere, uanset deres læseevne eller skærmstørrelse.

CSS til tekst styling

CSS (Cascading Style Sheets) er et vigtigt værktøj til at forbedre læsbarheden og gøre din tekst mere tilgængelig. Ved hjælp af CSS kan du ændre farver, størrelser og skrifttyper på din tekst på en måde, der ikke påvirker dens læsbarhed negativt. Derudover gør CSS det muligt at skelne mellem indhold og formatering, så brugerne kan tilpasse hjemmesidens udseende med værktøjer til synshæmmede uden at påvirke dens indhold.

Linjelængde og læsbarhed

Længden af linjerne i din tekst er også en vigtig faktor for læsbarheden. For lange linjer kan gøre det svært at holde tråden i teksten, mens for korte linjer kan resultere i unødvendige afbrydelser. Den optimale linjelængde for brødtekst er mellem 50-60 tegn pr. linje, da det gør teksten nemmere at læse og forstå.

SEO og webtilgængelighed

Søgemaskineoptimering (SEO) spiller en vigtig rolle i webtilgængelighed, da det hjælper med at gøre din webside mere synlig for brugerne og lettere at finde. Ved at optimere din tekst for SEO, sikrer du, at søgemaskiner som Google kan indeksere og rangere din webside korrekt, hvilket øger dens synlighed og tilgængelighed for brugerne.

Webtilgængelighed og Dokumenter

Thu, 16 Mar 2023 20:55:15 GMT

Guide Webtilgængelighed for Dokumenter

Webtilgængelighed handler om at sikre, at alle brugere, uanset deres evner, kan få adgang til og interagere med onlineindhold og dokumenter. Denne artikel fokuserer på at skabe tilgængelige dokumenter og hvordan man kan forbedre deres tilgængelighed gennem en række værktøjer og teknikker.

Dokumenttyper og formater

Der er mange forskellige dokumenttyper og formater, som kan bruges på internettet, såsom PDF , Word, PowerPoint og Excel. For at sikre, at dine dokumenter er tilgængelige for så mange brugere som muligt, er det vigtigt at vælge de mest tilgængelige formater og at følge tilgængelighedsprincipperne.

Tilgængelighedsprincipper for dokumenter

De fire grundlæggende principper for webtilgængelighed er:

Perceivable (opleves) : Dokumentets indhold skal kunne opfattes af brugeren, uanset deres evner eller hjælpemidler.
Operable (betjenes) : Brugeren skal kunne navigere og bruge dokumentet ved hjælp af forskellige inputmetoder, såsom tastatur, mus eller touch.
Understandable (forstås) : Dokumentets indhold og struktur skal være let at forstå, og det skal være klart, hvordan brugeren kan interagere med dokumentet.
Robust (stabil) : Dokumentet skal kunne bruges på en række forskellige platforme, enheder og med forskellige hjælpemidler.

Værktøjer og teknikker til at forbedre dokumenttilgængelighed

Der er flere værktøjer og teknikker til rådighed for at hjælpe dig med at forbedre tilgængeligheden af dine dokumenter, herunder:

SEMO Automatiserede testværktøjer: Disse værktøjer kan hjælpe dig med at identificere og rette tilgængelighedsproblemer i dine dokumenter.
Manuel testning og brug af hjælpemidler: Ved at teste dine dokumenter manuelt og med forskellige hjælpemidler, kan du få en bedre forståelse af, hvordan de fungerer for brugere med forskellige evner.
Tilgængelighedsfunktioner i dokumentoprettelsessoftware: Mange moderne dokumentoprettelsesprogrammer, som Microsoft Word og Adobe Acrobat, har indbyggede funktioner, der kan hjælpe dig med at gøre dine dokumenter mere tilgængelige.
Mobiloptimering af dokumenter: For at sikre, at dine dokumenter er tilgængelige på mobile enheder, er det vigtigt at optimere dem for disse platforme, herunder at sikre, at de er lette at navigere og læse på små skærme.

Samarbejde med personer med handicap

Det er vigtigt at samarbebejde med personer med forskellige typer af handicap for at få indsigt i, hvordan de oplever og interagerer med dine dokumenter. Dette kan hjælpe dig med at identificere og løse tilgængelighedsproblemer, som du måske ikke har været opmærksom på.

Konvertering af komplekse data til tilgængelige formater

Nogle gange indeholder dokumenter komplekse data, såsom grafer, tabeller og diagrammer, som kan være vanskelige at gøre tilgængelige for alle brugere. I disse tilfælde kan det være nødvendigt at omdanne disse data til mere tilgængelige formater, såsom tekstbeskrivelser eller alternative repræsentationer.

Brug af metadata og tagging i dokumenter

Metadata og tagging kan hjælpe med at gøre dine dokumenter mere tilgængelige ved at give ekstra information om dokumentets indhold og struktur. For eksempel kan du bruge metadata til at angive sprog, forfatter og andre vigtige oplysninger, mens tagging kan hjælpe med at identificere overskrifter, lister og andre strukturelle elementer i dokumentet.

Opsummering og næste skridt

Ved at følge webtilgængelighedsprincipperne og bruge de værktøjer og teknikker, der er beskrevet i denne artikel, kan du forbedre tilgængeligheden af dine dokumenter og gøre dem mere brugervenlige for alle, uanset deres evner. Husk at samarbejde med personer med handicap og uddanne dokumentforfattere i tilgængelighedsprincipperne for at sikre den bedst mulige tilgængelighed for dine dokumenter.

Vedligeholdelse af dokumenttilgængelighed

Det er vigtigt at huske, at tilgængelighed ikke er en engangsindsats. Når du har gjort dine dokumenter tilgængelige, skal du sørge for løbende at vedligeholde og opdatere dem for at sikre, at de fortsat er tilgængelige og i overensstemmelse med de gældende standarder og best practices. Dette kan omfatte at:

Gennemgå og opdatere eksisterende dokumenter: Løbende gennemgang og opdatering af eksisterende dokumenter er afgørende for at sikre, at de forbliver tilgængelige. Dette kan omfatte at opdatere indholdet, rette eventuelle tilgængelighedsproblemer og holde sig opdateret med ændringer i tilgængelighedsstandarder.
Implementere tilgængelighedsretningslinjer for nye dokumenter: Når du skaber nye dokumenter, skal du sørge for at følge tilgængelighedsretningslinjerne og bruge de mest tilgængelige formater og metoder.
Følge op på brugerfeedback: Hvis du modtager feedback fra brugere om tilgængelighedsproblemer i dine dokumenter, skal du tage det alvorligt og arbejde på at løse de pågældende problemer. Dette kan hjælpe dig med at forbedre dine dokumenters tilgængelighed og brugervenlighed for alle.

Vigtigheden af webtilgængelighed

At sikre webtilgængelighed for alle brugere, herunder personer med handicap, er ikke kun en juridisk forpligtelse, men også et socialt ansvar. Ved at gøre dine dokumenter tilgængelige bidrager du til et mere inkluderende og tilgængeligt internet for alle. Desuden kan tilgængelige dokumenter forbedre brugeroplevelsen, øge brugerengagementet og have en positiv indvirkning på din organisations omdømme og succes.

I denne artikel har vi gennemgået vigtige principper, værktøjer og teknikker til at forbedre dokumenttilgængelighed. Ved at følge disse retningslinjer og arbejde sammen med personer med handicap kan du sikre, at dine dokumenter er tilgængelige og brugervenlige for alle. Husk at løbende vedligeholde og opdatere dine dokumenter for at sikre den bedst mulige tilgængelighed.

Webtilgængelighed for billeder: En guide til inkluderende og tilgængeligt online-indhold

riisager@gmail.com (Søren Riisager) — Thu, 16 Mar 2023 20:49:21 GMT

Guide Webtilgængelighed for billeder

Webtilgængelighed er afgørende for at sikre, at alle brugere, uanset deres evner, kan få adgang til og interagere med indholdet på internettet. Billeder er en vigtig del af online-indhold, og deres tilgængelighed er afgørende for at skabe en inkluderende og tilgængelig oplevelse for alle brugere. Ved at forstå og implementere den bedste praksis for webtilgængelighed for billeder, kan du ikke kun hjælpe personer med handicap, men også forbedre din hjemmesides SEO og overholde WCAG-retningslinjer.

Generelle retningslinjer for billed tilgængelighed

For at sikre, at billeder er tilgængelige for alle brugere, er det vigtigt at følge disse retningslinjer:

Undgå tekst på billeder: Tekst på billeder kan ikke læses af digitale assistenter, hvilket gør dem utilgængelige for brugere med nedsat syn. Hvis det er nødvendigt at inkludere tekst i et billede, skal du sørge for at give en tekstbaseret ækvivalent ved siden af billedet eller i alt-teksten.
Brug beskrivende og meningsfyldt alt-tekst: En god alt-tekst forklarer billedets formål og hjælper blinde og synshæmmede brugere med at forstå indholdet. Når du skriver alt-tekst, skal du tænke på, hvad informationen er, som billedet formidler, og hvordan du kan formidle denne information gennem tekst.
Beskrive formålet med billedet: Fokuser på formålet med billedet snarere end at beskrive, hvad det forestiller. For eksempel, hvis et billede viser en person, der peger på en knap, skal alt-teksten fokusere på handlingen (f.eks., "Klik på knappen for at fortsætte") snarere end at beskrive personen.
Undgå unødvendige formuleringer: Begynd ikke alt-teksten med "billede af" eller "foto af", da det er unødvendig information. Den information fremgår i forvejen af koden, og det er vigtigere at fokusere på billedets formål.
Fatte dig i korthed: En alt-tekst bør ikke overstige 255 anslag, da længere tekster kan være vanskelige for skærmlæsere at håndtere og kan forringe brugeroplevelsen.

Eksempler på gode og dårlige alt-tekster

Gode eksempler:

"En rød ballon svæver op i en blå himmel."
"To børn, der spiller skak ved et bord."

Dårlige eksempler:

"Billede af en ballon."
"Børn."

Gode alt-tekster beskriver nøjagtigt, hvad der er på billedet, mens dårlige alt-tekster enten er for vage eller indeholder unødvendige oplysninger som "billede af."

Typer af billeder og deres tilgængelighedspraksis

Dekorative billeder

Dekorative billeder tjener kun et æstetisk formål og indeholder ikke vigtig information. For dekorative billeder, brug en tom alt-attribut (f.eks. alt="") for at indikere, at billedet ikke har nogen betydning. Dette fortæller skærmlæsere at ignorere billedet, da det ikke er relevant for indholdet. Et eksempel på et dekorativt billede kan være et lille billede af en blomst, der anvendes til at dekorere en side, men ikke har nogen indflydelse på forståelsen af det skrevne indhold.

Informative billeder

Informative billeder formidler information eller indhold, som er vigtigt for brugernes forståelse. For informative billeder, brug en meningsfuld og beskrivende alt-tekst, der beskriver billedets formål og information. Sørg for at inkludere nøgleinformationen, som billedet formidler, og overvej hvordan det passer ind i konteksten af dit indhold.

Funktionelle billeder

Funktionelle billeder er billeder, der fungerer som knapper eller links. For funktionelle billeder, brug en alt-tekst, der beskriver handlingen, der udføres, når brugeren interagerer med billedet (f.eks., "Klik her for at tilmelde dig nyhedsbrevet"). Dette hjælper brugere med at forstå, hvad der sker, når de interagerer med billedet, og hvordan det påvirker deres oplevelse på hjemmesiden.

Komplekse billeder

Komplekse billeder indeholder en stor mængde information, såsom grafer, diagrammer og infografikker. For komplekse billeder, brug en kort alt-tekst, der beskriver billedets formål, og overvej at inkludere en længere tekstbeskrivelse i nærheden af billedet eller via et link. Dette kan være en fuld beskrivelse af grafen, diagrammet eller infografikken, som giver brugere med nedsat syn en tekstbaseret ækvivalent. For eksempel, hvis du har en infografik om klimaforandringer, kan du inkludere en kort alt-tekst som "Infografik om klimaforandringer" og tilbyde en mere detaljeret beskrivelse af infografikkens indhold ved siden af billedet eller gennem et link til en separat side.

Responsivt design og billedtilgængelighed

Responsivt design sikrer, at din hjemmeside fungerer godt på alle enheder og skærmstørrelser. For at sikre, at dine billeder er tilgængelige på forskellige enheder, skal du sørge for, at de skalerer korrekt og bevarer deres aspektforhold. Brug CSS og HTML egenskaber som max-width, min-width og width for at kontrollere billedstørrelsen og tilpasse det til forskellige skærmstørrelser. Overvej også at bruge responsive billedformater som srcset og sizes attributterne i HTML for at levere forskellige versioner af et billede baseret på skærmstørrelse og opløsning. Dette vil hjælpe med at forbedre billedtilgængelighed og brugeroplevelse på tværs af forskellige enheder.

Online ressourcer og vejledninger

Følg vejledninger fra organisationer som W3C og WebAIM for at lære mere om webtilgængelighed og bedste praksis. Disse ressourcer kan hjælpe dig med at forstå vigtigheden af tilgængelige billeder og give dig værktøjerne til at implementere de nødvendige ændringer på din hjemmeside. Nogle nyttige ressourcer inkluderer:

Konklusion

At sikre webtilgængelighed for billeder er afgørende for at skabe en inkluderende og tilgængelig oplevelse for alle brugere. Ved at følge de nævnte retningslinjer og implementere de bedste praksis for de forskellige typer af billeder, kan du forbedre din hjemmesides tilgængelighed og gøre det muligt for alle at få adgang til og forstå dit indhold.

Foruden at hjælpe personer med handicap kan tilgængelighed også forbedre din hjemmeside, SEO og overholde WCAG-retningslinjer. Søgemaskiner som Google værdsætter tilgængeligt indhold og bruger blandt andet alt-tekster til at indeksere billeder og forstå deres indhold. Dette kan føre til en højere placering i søgeresultaterne og mere organisk trafik til din hjemmeside. Desuden hjælper overholdelse af WCAG-retningslinjerne dig med at opfylde lovmæssige krav og undgå potentielle retssager på grund af manglende tilgængelighed.

Ved at prioritere webtilgængelighed for billeder sikrer du, at din hjemmeside er inkluderende, lovligt og optimeret for søgemaskiner, hvilket gavner både dine brugere og din virksomhed. Husk altid at teste din hjemmeside med automatiske og manuelle testværktøjer og følge vejledning fra ekspertorganisationer for at sikre, at dit indhold er tilgængeligt for alle

Webtilgængelighed: Fokus på Navigation

Thu, 16 Mar 2023 18:18:57 GMT

Guide Webtilgængelighed for Navigation

Webtilgængelighed er afgørende for at sikre, at alle brugere har mulighed for at få adgang til og navigere på internettet uanset deres evner. Målgruppen for webtilgængelighed inkluderer personer med forskellige handicap såsom synshandicap, hørehæmning, motoriske og kognitive vanskeligheder. Det er vigtigt at overholde lovgivningen og standarder for webtilgængelighed, såsom Web Content Accessibility Guidelines (WCAG) og WAI-ARIA, for at skabe en inkluderende oplevelse for alle brugere.

Navigationens rolle i webtilgængelighed

Navigation spiller en central rolle i brugeroplevelsen på en hjemmeside. En klar og effektiv navigation sikrer, at brugerne hurtigt og nemt kan finde den information, de søger. For brugere med forskellige handicap kan navigation dog være en udfordring.

Synshandicappede

Synshandicappede brugere kan have problemer med at finde og identificere links, knapper og andre interaktive elementer, hvis de ikke er korrekt mærket og beskrevet.

Hørehæmmede

Hørehæmmede brugere kan have vanskeligheder med at forstå lydrelaterede navigationselementer, såsom lydafspilning ved hover over et link, hvis der ikke er nogen tekst- eller visuel beskrivelse til rådighed.

Motorisk handicappede

Motorisk handicappede brugere kan have problemer med at interagere med små eller tæt placerede links og knapper, som kan kræve præcis mus- eller touch-skærmkontrol.

Kognitivt handicappede

Kognitivt handicappede brugere kan have problemer med at forstå komplekse navigationssystemer og kan blive forvirrede, hvis der ikke er konsistens og enkelhed i navigationen.

Navigationsdesign-principper

For at skabe en tilgængelig navigation skal man følge nogle grundlæggende principper:

Konsistent navigation

Sørg for, at navigationen er ensartet på tværs af hele hjemmesiden, så brugerne kan lære og genkende navigationens struktur hurtigt.

Klare og forståelige links

Links og knapper bør have beskrivende og meningsfulde tekster, der klart angiver, hvad der vil ske, når de klikkes. Undgå vage tekster som "klik her" eller "mere".

Brug af visuelle hjælpemidler

Anvend visuelle indikatorer, såsom farveændringer, understregning eller ikoner, for at gøre det tydeligt, hvilke elementer der er interaktive og hjælpe brugerne med at skelne mellem forskellige typer links.

Tastaturvenlig navigation

Gør det muligt for brugerne at navigere udelukkende ved hjælp af tastaturet, da mange handicappede brugere muligvis ikke kan bruge en mus eller touch-skærm. Alle interaktive elementer skal kunne fokuseres og aktiveres ved hjælp af tastaturet alene.

Teknikker til forbedring af navigation

For at gøre navigationen mere tilgængelig kan følgende teknikker anvendes:

Anvendelse af ARIA-landmarks

ARIA-landemærker er en måde at organisere indholdet på en hjemmeside, så det er lettere for brugere med forskellige former for funktionsnedsættelser at navigere rundt på siden og forstå dens struktur. Landemærkerne fungerer som virtuelle markører, der indikerer starten og slutningen af forskellige sektioner på en side, såsom hovedindholdet, sidefoden eller navigationsmenuen.

De forskellige ARIA-landemærker inkluderer "banner", "navigation", "main", "complementary", "contentinfo", "form" og flere andre. Ved at bruge ARIA-landemærker kan udviklere oprette en mere intuitiv og struktureret brugeroplevelse, der gør det lettere for alle brugere at finde, læse og interagere med indholdet på en hjemmeside.

Brug af skip-links

Skip-links fungerer som virtuelle links, der er skjulte for de fleste brugere, men som vises og kan aktiveres af personer, der bruger skærmlæsere eller andre hjælpemidler. Når en bruger aktiverer et skip-link, hopper de direkte til en bestemt del af siden, som f.eks. hovedindholdet, navigationsmenuen eller søgefeltet. Dette gør det lettere og hurtigere for brugere med funktionsnedsættelser at navigere rundt på siden og finde det indhold, de søger efter.

Skip-links kan være særligt nyttige for personer med motoriske problemer, synshandicap eller kognitive vanskeligheder, der kan have svært ved at navigere på en hjemmeside ved hjælp af mus og tastatur. Ved at tilbyde skip-links og andre tilgængelighedsfunktioner kan udviklere skabe en mere inkluderende og tilgængelig weboplevelse for alle brugere.

Eksempler

<a href="#main-content" class="skip-link">Indhold</a>

Implementering af breadcrumb-navigation

Breadcrumb-navigation viser brugernes placering på hjemmesiden og giver dem mulighed for hurtigt at gå tilbage til tidligere niveauer. Dette gør det nemmere for brugerne at forstå hjemmesidens struktur og finde relateret indhold.

Oprettelse af et tilgængeligt søgefelt

Søgefeltet er en vigtig del af navigationen, og det er vigtigt at sikre, at det er tilgængeligt for alle brugere. Sørg for, at søgefeltet er korrekt mærket med en beskrivende etiket og indeholder en søgeknap, som kan aktiveres ved hjælp af tastaturet. Hvis der er forslag til søgeord, skal de også være tilgængelige og brugervenlige for skærmlæser- og tastaturbrugere.

Test og evaluering af navigationens tilgængelighed

For at sikre, at navigationen er tilgængelig for alle brugere, er det vigtigt at teste og evaluere hjemmesiden løbende. Brug forskellige testmetoder, såsom manuel evaluering, automatiserede værktøjer og brugertests med personer med handicap, for at identificere og rette eventuelle problemer.

Webtilgængelighed, navigation og SEO

Selvom denne artikel primært fokuserer på webtilgængelighed og navigation, er det værd at nævne, at forbedringer inden for disse områder også kan have en positiv indvirkning på søgemaskineoptimering (SEO) . En hjemmeside med god navigation og tilgængelighed giver en bedre brugeroplevelse, hvilket kan øge hjemmesidens synlighed i søgemaskiner og tiltrække et større publikum.

Hvis du har brug for hjælp med at optimere din hjemmesides navigation og webtilgængelighed i forbindelse med SEO, kan du overveje at samarbejde med et SEO-bureau som SEMO. De har erfaring med at forbedre webtilgængelighed og navigation, samtidig med at de sikrer, at din hjemmeside er optimeret for søgemaskiner og klar til at nå et bredere publikum.

Konklusion

Ved at følge de ovennævnte principper og teknikker kan webudviklere og designere sikre, at deres hjemmesider er nemme at navigere for personer med forskellige handicap. Det er vigtigt at løbende forbedre og opdatere navigationsdesignet for at imødekomme ændringer i teknologi og brugerbehov.

Fremtidens udfordringer og muligheder for webtilgængelighed inkluderer udviklingen af nye teknologier, såsom kunstig intelligens og stemmestyring, som kan hjælpe med at gøre navigationen endnu mere tilgængelig og intuitiv for alle brugere. Ved at holde sig opdateret om de nyeste trends og best practices inden for webtilgængelighed, kan man sikre, at navigationen forbliver inkluderende og brugervenlig for alle.

Retningslinjer for Læsbarhed i Webtilgængelighed

riisager@gmail.com (Søren Riisager) — Thu, 16 Mar 2023 17:44:55 GMT

Læsbarhed for designere, udviklere og indhold forfattere

Webtilgængelighed er praksis med at sikre, at alle brugere, uanset deres fysiske eller kognitive evner, kan få adgang til, forstå og interagere med online indhold og tjenester. Læsbarhed er en vigtig del af webtilgængelighed og fokuserer på at gøre teksten let at læse og forstå for alle brugere. Denne artikel henvender sig til webdesignere, udviklere og indhold forfattere, der ønsker at forbedre læsbarheden på deres hjemmesider for at sikre webtilgængelighed og en god brugeroplevelse

Grundlæggende principper for læsbarhed

Tekststruktur

Brug af overskrifter: Anvend hierarkiske overskrifter (H1, H2, H3, osv.) for at organisere indholdet og gøre det nemmere for brugerne at scanne og finde relevant information.
Korte afsnit: Hold afsnittene korte og præcise, helst med 2-4 sætninger, for at forbedre læsbarheden og undgå tekstblokke, der kan virke afskrækkende.
Lister og punktopstilling: Anvend lister og punktopstilling, hvor det er relevant, for at præsentere information på en letforståelig måde og fremhæve vigtige punkter.

Skrifttype og -størrelse

Valg af skrifttype: Vælg skrifttyper, der er letlæselige og skelnelige, og undgå komplicerede eller dekorative skrifttyper, der kan være vanskelige at læse for nogle brugere.
Skriftstørrelse og justerbarhed: Sørg for, at skriftstørrelsen er tilstrækkelig stor og nem at justere for brugere, der har brug for større tekst for at læse.

Farve og kontrast

Tekst- og baggrundsfarve: Vælg farver, der er behagelige for øjet og ikke forårsager øjenbelastning. Undgå farvekombinationer, der er svære at skelne for personer med farveblindhed.
Kontrastforhold: Overhold retningslinjerne for kontrastforhold mellem tekst- og baggrundsfarver for at sikre, at teksten er letlæselig for alle brugere, inklusive dem med nedsat syn eller kontrastfølsomhed.

Sprog og formulering

Simpelt og klart sprog

Ordvalg: Vælg enkle og letforståelige ord og udtryk, der er velkendte for de fleste brugere. Undgå unødigt kompliceret sprog og tekniske termer, medmindre det er nødvendigt og relevant for indholdet.
Aktiv frem for passiv stemme: Brug aktiv stemme i stedet for passiv stemme, når det er muligt, for at gøre sætningerne mere direkte og forståelige.

Forklaring af fagudtryk og akronymer

Hvis du bruger fagudtryk, forkortelser eller akronymer, skal du sørge for at forklare dem ved første brug eller give en nem adgang til en forklaring. Dette hjælper brugerne med at forstå indholdet bedre og undgår forvirring.

Flersproget indhold og oversættelse

Hvis din hjemmeside henvender sig til et internationalt publikum, skal du overveje at tilbyde indhold på flere sprog eller give mulighed for oversættelse. Dette sikrer, at brugere fra forskellige sproglige baggrunde kan få adgang til og forstå dit indhold.

Brug af billeder og multimedieindhold

Vi har udarbejdet Guides med fokus på visuelt og lyd indhold

Guide til Billeder
Guide til Audio
Guide til Video

Navigation og interaktion

Forudsigelig navigation

Design navigationen på din hjemmeside, så den er logisk, konsistent og forudsigelig. Dette hjælper brugere med at finde de ønskede oplysninger hurtigere og nemmere.

Fokusindikatorer og tastaturadgang

Implementer tydelige fokusindikatorer og tastaturadgang for interaktive elementer, så brugere, der navigerer med tastaturet eller har motoriske vanskeligheder, kan interagere med din hjemmeside.

Skalerbarhed og responsivt design

Sørg for, at din hjemmeside kan skaleres og tilpasses forskellige skærmstørrelser og enheder, så brugere med forskellige behov og præferencer kan få en god oplevelse.

Hjælpeværktøjer og teknologier

Skærmlæsere

Optimer din hjemmeside til brug med skærmlæsere ved at anvende korrekt semantisk HTML og ARIA-roller. Dette gør det muligt for brugere med synsnedsættelse at navigere og forstå dit indhold ved hjælp af hjælpeteknologi.

Tekst-til-tale og tale-til-tekst

Understøt tekst-til-tale- og tale-til-tekst-funktioner, så brugere med forskellige behov og evner kan interagere med din hjemmeside ved hjælp af stemmekommandoer eller få teksten læst op.

Forstørrelsesglas og kontrastforbedring

Gør det muligt for brugere at zoome ind på tekst og billeder og justere kontrasten på din hjemmeside for at imødekomme deres individuelle behov og præferencer.

Lix og Flesch-Kincaid Readability Score

To forskellige metoder til at vurdere læsbarheden af en tekst. Begge metoder er udviklet for at hjælpe forfattere med at skrive tekster, der er nemmere at forstå for deres målgruppe.

Lix tal : Lix (forkortelse for "Läsbarhetsindex" på svensk) er en læsbarhedsformel udviklet af den svenske forsker Carl-Hugo Björnsson. Den beregner læsbarheden af en tekst baseret på antallet af ord og lange ord (ord med mere end seks bogstaver) i en tekst. Formlen er:

Lix = (antal_ord / antal_sætninger) + (antal_lange_ord * 100 / antal_ord)

Lix-skalaen går fra 0 til 60. En lavere score indikerer en nemmere tekst, mens en højere score indikerer en mere kompleks tekst. Generelt fortolkes Lix-scoren som følger:

Under 25: Meget let tekst
25-30: Let tekst
30-40: Middelsvær tekst
40-50: Svær tekst
Over 50: Meget svær tekst

Flesch-Kincaid Readability Score : Bruge typisk til andre sprog end de nordiske. Denne score blev udviklet af Rudolf Flesch og J. Peter Kincaid og er en kombination af Flesch Reading Ease og Flesch-Kincaid Grade Level. Begge mål er baseret på antallet af ord, sætninger og stavelser i en tekst.

Flesch Reading Ease beregnes som:

206.835 - (1.015 * antal_ord / antal_sætninger) - (84.6 * antal_stavelser / antal_ord)

Flesch-Kincaid Grade Level beregnes som:

(0.39 * antal_ord / antal_sætninger) + (11.8 * antal_stavelser / antal_ord) - 15.59

Flesch Reading Ease-scoren varierer fra 0 til 100, hvor en højere score indikerer en mere læsbar tekst. Flesch-Kincaid Grade Level angiver den amerikanske skoleårstrin, der svarer til teksten læsbarhed. For eksempel, en score på 8.4 betyder, at teksten er passende for en elev i 8. klasse.

Evaluering og test af læsbarhed

Læsbarhed Test og værktøjer

Brug læsbarhedstest og værktøjer til at evaluere og forbedre tekstens læsbarhed på din hjemmeside. Disse værktøjer kan give dig indsigt i, hvordan dit indhold kan forbedres for at gøre det mere tilgængeligt og forståeligt for brugerne.

Brugerfeedback og brugertests

Indsamle feedback fra brugere og gennemføre brugertests for at få en bedre forståelse af, hvordan din hjemmeside fungerer for forskellige brugere, og hvilke områder der kan forbedres for at øge læsbarheden og tilgængeligheden.

Løbende forbedring og opdatering

Forpligt dig til løbende at forbedre og opdatere din hjemmeside for at sikre, at den forbliver tilgængelig og letlæselig for alle brugere. Webtilgængelighed og læsbarhed er en vedvarende proces, der kræver engagement og opmærksomhed.

Konklusion

Sammenfatning af læsbarhedsprincipper

Læsbarhed er en vigtig del af webtilgængelighed, der fokuserer på at gøre indholdet let at læse og forstå for alle brugere. Ved at følge de grundlæggende principper for læsbarhed, som tekststruktur, skrifttype og -størrelse, farve og kontrast, sprog og formulering samt navigation og interaktion, kan du skabe en inkluderende og brugervenlig hjemmeside.

Ressourcer og yderligere læring

For yderligere vejledning og ressourcer om webtilgængelighed og læsbarhed, kan du konsultere følgende organisationer og initiativer:

W3C Web Accessibility Initiative (WAI): En international organisation, der udvikler retningslinjer og standarder for webtilgængelighed, herunder Web Content Accessibility Guidelines (WCAG).
A11y Project: En samling af ressourcer, værktøjer og vejledninger om webtilgængelighed og læsbarhed for webudviklere og designere.
WebAIM: En organisation, der tilbyder træning, evaluering og ressourcer om webtilgængelighed og læsbarhed.
Funka: En skandinavisk virksomhed, der fokuserer på webtilgængelighed og tilbyder konsulenttjenester, kurser og ressourcer på dansk og andre skandinaviske sprog.

Ved at følge de anbefalinger og principper, der er beskrevet i denne artikel, og ved at engagere dig i løbende forbedring og opdatering af din hjemmeside, kan du sikre, at dit indhold er tilgængeligt og letlæseligt for alle brugere. Dette vil skabe en bedre brugeroplevelse, øge engagementet og fastholde besøgende på din hjemmeside, samtidig med at du opfylder kravene til webtilgængelighed og SEO . Ved at fremme læsbarhed og webtilgængelighed kan du skabe en mere inkluderende online verden for alle.

Webtilgængelighed Lyd / Audio - DOBA guide til bedre lydbaseret indhold

Thu, 16 Mar 2023 17:37:58 GMT

Guide Webtilgængelighed for lyd /Audio

Webtilgængelighed er afgørende for at skabe et inkluderende og brugervenligt internet for alle. I denne artikel vil vi dykke ned i de forskellige aspekter af webtilgængelighed med fokus på lyd og give dig en guide til bedre lydbaseret indhold ved hjælp af konkrete eksempler, dybere tekniske forklaringer og ressourcer.

Hvorfor er tilgængelighed lyd vigtig?

Mange mennesker er afhængige af lyd for at kunne bruge internettet, herunder blinde, svagtseende og personer med læsevanskeligheder. Webtilgængelighed med fokus på lyd har til formål at gøre internettet brugbart og forståeligt for alle ved at implementere funktioner som tekst-til-tale-teknologier (TTS), lydnotation og lydbeskrivelser.

Lovgivning og standarder

Webtilgængelighedsdirektivet (WAD) er en EU-lovgivning, der kræver, at offentlige organer gør deres hjemmesider og applikationer tilgængelige for alle. Web Content Accessibility Guidelines ( WCAG ) 2.1 er en samling af anbefalinger og retningslinjer, der hjælper webudviklere og designere med at skabe tilgængeligt indhold. WCAG 2.1 indeholder to centrale principper i forhold til lyd: opfattelighed og betjenbarhed.

Design og udvikling af lydbaseret indhold

Når du designer og udvikler lydbaseret indhold, er der flere vigtige elementer at tage i betragtning:

Tekst-til-tale-teknologier (TTS) : TTS omdanner tekst til talte ord og er afgørende for personer med synshandicap eller læsevanskeligheder. Et eksempel på en populær TTS-teknologi er Google Text-to-Speech. Det er vigtigt at integrere TTS på hjemmesiden og gøre det let at aktivere og deaktivere.

Lydnotation og lydbeskrivelser : Disse elementer gør det muligt for brugere at forstå visuelle elementer gennem lyd. Lydnotation kan omfatte korte beskrivelser af billeder, mens lydbeskrivelser kan give detaljer om videoer eller animationer. For eksempel, i stedet for blot at skrive "Et billede af en solnedgang," kan du tilføje en lydnotation som "En smuk solnedgang med varme orange og lilla nuancer, der reflekterer på havets overflade."

Lydguider og navigation : Lydguider kan hjælpe brugere med at navigere på hjemmesiden ved hjælp af talte instruktioner og feedback. For eksempel kan en lydguide sige: "For at finde vores produkter, tryk på 'Produkter' i hovedmenuen." Overvej også at integrere talende menupunkter og genvejstaster for at lette navigationen for personer med begrænset motorik og synshandicap.

Undertekster og billedtekster : Undertekster gør det muligt for døve og hørehæmmede at forstå tale og lyde i videoer, mens billedtekster beskriver lyde og handlinger i et billede eller en grafik. For at demonstrere dette i praksis, forestil dig en video, hvor en person klapper i hænderne. Underteksterne kunne sige "[klap],” mens billedteksterne kunne beskrive handlingen som "Personen klapper i hænderne." Disse elementer bør altid være tilgængelige og nemme at aktivere eller deaktivere.

Optimering af lydkvalitet : For at sikre en god brugeroplevelse er det vigtigt at optimere lydkvaliteten på din hjemmeside. Dette inkluderer klar og tydelig tale, tilstrækkelig lydstyrke og minimal baggrundsstøj. Overvej at bruge teknikker som støjreduktion og equalizer-indstillinger for at opnå den bedste lydkvalitet.

Brugeroplevelse og brugergrænseflader

For at skabe en inkluderende brugeroplevelse med fokus på lyd, er der flere aspekter af brugergrænsefladen, der skal tages i betragtning:

Skalerbarhed og kontrast: Skalerbarhed af tekst og visuelle elementer samt god kontrast mellem tekst og baggrund er vigtigt for at hjælpe brugere med synshandicap eller kognitive funktionsnedsættelser. For eksempel kan du øge skriftstørrelsen på din hjemmeside, så den er mere læselig, eller bruge høj kontrast mellem tekst og baggrundsfarver for at gøre det lettere at skelne mellem elementer.
Lydkontrol og lydstyrke: Giv brugerne mulighed for at justere lydstyrken og slå lyden til og fra efter behov. Dette er især vigtigt for hørehæmmede og personer, der bruger høreapparater. Implementer en lettilgængelig lydstyrkekontrol og en mute-knap for at give brugerne kontrol over deres lydoplevelse.
Talende menupunkter og genvejstaster: Talende menupunkter kan hjælpe blinde og svagtseende brugere med at navigere hjemmesiden, mens genvejstaster kan lette navigationen for personer med begrænset motorik. For eksempel kan du bruge aria-labels i HTML-koden for at give talende menupunkter, og implementere genvejstaster ved hjælp af JavaScript for at aktivere funktioner som "Tryk på enter for at gå til næste element."

Test og validering

For at sikre, at din hjemmeside er fuldt tilgængelig og fungerer korrekt for alle brugere, er det vigtigt at teste og validere din implementering af lydbaseret indhold:

Brugertilgængelighedstest: Involverer personer med forskellige funktionsnedsættelser i testprocessen for at få feedback om, hvordan hjemmesiden fungerer for dem. Dette kan give værdifulde indsigter og hjælpe med at identificere områder, der kræver forbedring.

Automatiserede testværktøjer: Brug automatiserede testværktøjer som DOBA webtilgængelighed crawler for at identificere problemer og mangler i din implementering af lydbaseret indhold. Vores værktøjer kan hjælpe med at finde fejl i koden og give forslag til forbedringer.

Manuelle test og evaluering: Udfør manuelle test og evalueringer for at kontrollere, om alle lydbaserede funktioner fungerer korrekt og er nemme at bruge. Dette inkluderer test af TTS, lydnotation, lydbeskrivelser, undertekster, billedtekster og lydkontrol.

Yderligere ressourcer og henvisninger

For at lære mere om webtilgængelighed og implementering af lydbaseret indhold, besøg følgende ressourcer:

W3C Web Accessibility Initiative : En global organisation, der arbejder for at fremme webtilgængelighed gennem forskning, standarder og ressourcer.

WebAIM : Et initiativ, der sigter mod at udvide tilgængeligheden af hjemmeside indhold for personer med funktionsnedsættelser ved at tilbyde vejledning og ressourcer.

A11y Project : En samling af ressourcer, vejledninger og værktøjer, der hjælper med at skabe inkluderende webdesign og udvikling.

Ved at integrere disse principper og teknikker i din hjemmeside kan du skabe en mere tilgængelig og inkluderende oplevelse for alle brugere, uanset deres evner eller begrænsninger. Husk, at webtilgængelighed ikke kun er et lovgivningsmæssigt krav, men også en socialt ansvarlig og etisk praksis, der gør internettet til et bedre sted for alle.

Opdatering og vedligeholdelse

For at sikre, at din hjemmeside forbliver tilgængelig og inkluderende, er det vigtigt at holde øje med ændringer i lovgivning, standarder og teknologi:

Følg opdateringer og retningslinjer: Hold dig opdateret om ændringer i webtilgængelighedsstandarder og lovgivning ved at følge relevante organisationer og tilmelde dig nyhedsbreve. Dette vil hjælpe dig med at holde trit med branchens bedste praksis og implementere nødvendige opdateringer på din hjemmeside.
Løbende evaluering og test: Planlæg regelmæssige evalueringer og test af din hjemmeside for at identificere og rette eventuelle tilgængelighedsproblemer. Dette kan omfatte både automatiserede test og manuelle test med brugere med forskellige funktionsnedsættelser.
Feedback fra brugere: Opfordrer brugere til at give feedback om tilgængelighed og brugervenlighed på din hjemmeside. Dette kan give værdifulde indsigter og hjælpe dig med at identificere områder, der kræver forbedring. Sørg for at have en lettilgængelig metode for brugerne til at rapportere problemer og foreslå forbedringer.

Uddannelse og træning

Interne kurser og workshops: SEMO kan facilitere interne kurser og workshops, der fokuserer på webtilgængelighed og bedste praksis inden for lydbaseret indhold. Dette kan hjælpe med at øge bevidstheden om emnet og sikre, at alle medarbejdere arbejder sammen for at skabe en tilgængelig hjemmeside.

Konklusion

Webtilgængelighed er en vigtig del af at skabe en inkluderende online-oplevelse for alle brugere. Ved at fokusere på lydbaseret indhold og integrere de nævnte principper og teknikker kan du skabe en hjemmeside, der er tilgængelig og imødekommende for brugere med forskellige funktionsnedsættelser. Det er vigtigt at huske, at webtilgængelighed er en løbende proces og kræver regelmæssig opmærksomhed og vedligeholdelse. Gennem uddannelse, træning og samarbejde kan du og dine medarbejdere arbejde sammen om at skabe en mere tilgængelig og inkluderende online-verden for alle og som Bonus skabe bedre SEO og dermed placeringer i søgemaskinerne.

Bedste praksis for links og webtilgængelighed

riisager@gmail.com (Søren Riisager) — Mon, 13 Mar 2023 12:50:34 GMT

Guide til tekstlinks / ankertekster

Links er en vigtig del af enhver hjemmeside, men de kan også være en hindring for personer med handicap eller nedsat funktionsevne. For at sikre at alle kan bruge dit hjemmeside effektivt, er det vigtigt at følge den bedste praksis for links og webtilgængelighed .

Tekstbaserede og billedbaserede links

Tekstbaserede links er mere tilgængelige end billedbaserede links, fordi de kan læses af skærmlæsere og andre hjælpemidler. Billedbaserede links bør altid have alternative tekstbeskrivelser for at gøre dem tilgængelige for personer med nedsat syn.

Beskrivende linktekster (ankertekst)

Linktekster bør være unikke og beskrivende, så brugere ved præcis, hvad de kan forvente at finde, når de klikker på et link. Undgå at bruge generiske linktekster som "klik her", da de ikke giver tilstrækkelig information om det link, de fører til.

Brug af titler

Titler kan bruges til at give yderligere information om et link, f.eks. hvis linket fører til en fil, kan filtypen angives i titlen. Linktitler giver også ekstra information om den kontekst, som linket indgår i, og den destination, som linket fører til. Hvis du bruger den samme linktekst til flere links, der fører til forskellige steder, kan nogle brugere have svært ved at se forskellen mellem de to enslydende links, medmindre du forklarer det.

Visuel markering af links

Et link, der er indsat i en tekstblok, skal have en tydelig visuel markering, der adskiller det fra den omgivende tekst. Dette kan fx gøres ved at bruge store bogstaver, understregning, fed skrift eller en andet visuelt signal. Hvis links i tekstblokke kun identificeres ved farve, skal farvekontrastforholdet mellem linkteksten og den omgivende tekst være mindst 3:1. Menupunkter og lignende er ikke omfattet af dette.

Logisk rækkefølge af links på en side

Links bør placeres i en logisk rækkefølge på siden, så brugere kan navigere effektivt. Links til vigtige sider eller funktioner bør placeres først på siden, og mindre vigtige links bør placeres længere nede.

Åbning af links i en ny fane

Hvis du vælger at åbne et link i en ny fane eller browservindue, kan brugere med nedsat syn eller helt blinde nemt fare vild i deres søgen efter indhold og svar, fordi de mister konteksten, når et nyt vindue eller en ny fane åbnes.

Gode Webtilgængeligheds-links hjælper SEO

Webtilgængelige links kan også have en positiv effekt på SEO (søgemaskineoptimering). Søgemaskiner bruger linkstrukturen på en hjemmeside til at bestemme dens autoritet og relevans i forhold til søgeord.

Hvis din hjemmeside har mange tilgængelige links med beskrivende ankertekster, kan det hjælpe søgemaskiner med at forstå, hvad webstedet handler om, og dermed forbedre dets placering i søgeresultaterne. Det er derfor vigtigt at anvende beskrivende og relevante linktekster både af hensyn til webtilgængelighed og SEO.

DOBA deler viden

Forstå tilgængelighedsdirektivet - Hvad betyder det for dig?

De Danske Regler og Krav

Hvad Kræver Det?

Hvem Er Omfattet?

Konsekvenser ved Manglende Overholdelse

SEMO Kan Hjælpe med Implementering og Rådgivning

Webtilgængelighed for Video - Guide fra DOBA

Guide Webtilgængelighed for Video

Undertekster og billedtekster

Lydbeskrivelser

Videoafspillere og tilgængelighed

SEO-fordele ved optimering af video

Værktøjer og teknologier til at forbedre video-tilgængelighed

Konklusion

Hvad er Nyt i WCAG 2.2

WCAG 2.2 udkom 5. oktober 2023

Navigering:

Input:

Forudsigelighed:

Input Assistance:

Vi gør dine PDF dokumenter Webtilgængelig

Få hjælp til at gøre dine PDF dokumenter tilgængelige

Ekspertise i PDF Tilgængelighed

Fortrolighed og Sikkerhed er en Prioritet

Tag Skridtet mod Fuldstændig Tilgængelighed

Tjekliste til webtilgængelighed

Download tjekliste til webtilgængelighed for din hjemmeside

Hvorfor er webtilgængelighed vigtig?

Hvad inkluderer tjeklisten?

Sådan downloader du tjeklisten:

Yderligere ressourcer og hjælp:

Webtilgængelighed: Fokus på Formularer

Webtilgængelige formularer: Tjekliste, eksempler og forklaring

Gør din formular tilgængelig ﻿

Grundlæggende principper for tilgængelige formularer

Design af tilgængelige formularer

Implementering af tilgængelige formularer

Webtilgængelighed: Semantik i fokus

Guide Webtilgængelighed for Semantik

Hvad er semantik?

Semantisk struktur

ARIA-landmærker

Navigation og links

Formularer og brugerinput

Webtilgængeligheds værktøjer og ressourcer

Alt du skal vide om WCAG

Guide til at forstå WCAG-retningslinjer

Hvad er WCAG?

De fire principper for WCAG

Hvordan overholder du WCAG-retningslinjerne?

lovgivning om webtilgængelighed i Danmark

Offentlige myndigheders ansvar

Private virksomheders ansvar

Hvordan kan SEMO hjælpe med webtilgængelighed og overholdelse af WCAG-retningslinjer?

Skabelon til tilgængelighedserklæring og praktisk vejledning

Guide Webtilgængelighed for Webtilgængelighedserklæring

Tilgængelighedserklæring skabelon

Definition af webtilgængelighed

Formålet med webtilgængelighed

Lovgivning og standarder for webtilgængelighed i Danmark

Webtilgængelighedserklæring

Definition og formål

Juridiske krav

Hvilke organisationer og virksomheder skal have en webtilgængelighedserklæring?

Sådan udarbejdes en webtilgængelighedserklæring

Trin 1: Evaluering af hjemmesidens tilgængelighed

Trin 2: Identificering af manglende overensstemmelse og barrierer

Trin 3: Udarbejdelse af en handlingsplan

Trin 4: Udarbejdelse af selve erklæringen

Trin 5: Offentliggørelse af erklæringen og opdatering

Ressourcer og værktøjer

Webtilgængelighedsvejledninger og standarder

Værktøjer til evaluering af webtilgængelighed

Eksempler på webtilgængelighedserklæringer

Myndigheder og organisationer, der kan hjælpe med vejledning og støtte

Webtilgængelighed: URL'er og HTML-tags

Guide til URL-Strukturer og HTML-Tags

URL-struktur og meningsgivende titler

Titel og meta-beskrivelser

Gør din formular tilgængelig

Billeder og alt attribut med tag

Inkluderende design og brugertilpasning
Alternative farveskemaer