EU’s tilgængelighedsdirektiv (EAA) trådte fuldt ud i kraft den 28. juni 2025 og medførte nye krav til tilgængeligheden på hjemmesider. For virksomheder, der har aktiviteter i EU eller har EU-kunder som målgruppe, er det afgørende at forbedre tilgængeligheden og tilpasse sig de nye standarder. Med iubendas Accessibility Widget er det nemmere, end du tror, at forbedre tilgængeligheden på din hjemmeside.
iubendas nye Accessibility Widget bruger AI til automatisk at foretage justeringer på din hjemmeside, så den bliver mere tilgængelig for brugere med forskellige handicap. Løsningen understøtter en lang række tilgængelighedsfunktioner, som gør det nemmere for brugerne at navigere på og interagere med din hjemmeside.
iubendas Accessibility Widget kort fortalt
iubendas Accessibility Widget er en fuldt ud automatisk widget designet til at forbedre tilgængeligheden på din hjemmeside. Den justerer din hjemmeside i realtid for at imødekomme behovene hos brugere med handicap, herunder tilgængelighedsprofiler, ændring af tekststørrelse, kontraster, letlæselige skrifttyper og meget mere. De vigtigste funktioner:
- 🎧 AI-alt-tekst og sidestruktur: Tilføjer alt-tekst til billeder og genkender overskrifter og sideområder, mens de besøgende browser. Det hjælper folk, der bruger skærmlæser.
- 🔳 Kontrast og ændring af tekststørrelse: Giver brugerne mulighed for at justere kontrast og skriftstørrelse, så de tilpasses brugernes behov.
- ⌨️ Tastaturgenveje: Besøgende trykker Alt+0 for at åbne eller lukke panelet og Alt+9 for at sætte justeringerne på pause eller slå dem til igen.
- 🌀 Kontrol over dynamisk indhold: Giver brugere med epilepsi og lignende lidelser mulighed for at fravælge animationer eller dynamisk indhold, som kan være skadelige.
Med en simpel installationsproces kan du komme i gang med det samme uden at skulle ændre i din hjemmesidekode.
Trin 1: Aktivering af Accessibility Widget
- Gå til dit iubenda-dashboard: Find feltet Accessibility Widget under dine tilgængelige produkter i dit iubenda-dashboard.
- Aktivér widgetten: Klik på knappen Aktivér for at begynde at bruge Accessibility Widget.
Trin 2: Tilpasning af Accessibility Widget
Når du har aktiveret Accessibility Widget, kan du tilpasse den til din hjemmesides udseende med Accessibility Widget-konfiguratoren. Værktøjet findes både i de nye abonnementer og i de ældre abonnementer.
- Gå til dit iubenda-dashboard.
- Find feltet Accessibility Widget.
- Klik på knappen Indstillinger for at åbne konfiguratoren.
Konfiguratoren ser sådan ud:
I konfiguratoren finder du flere muligheder for at gøre widgetten til din egen:
- Knappens placering: Vælg, hvor widgettens knap skal vises på skærmen: øverst til venstre, nederst til venstre, nederst til højre eller øverst til højre
👉 Selve widgetpanelet åbner altid fra bunden af skærmen.
- Panelets farver: Vælg en primær farve til panelet, så det passer til din hjemmesides design. På Standard-abonnementet kan du også vælge en sekundær farve til valgte elementer. Hvis du ikke gør det, bruger widgetten den primære farve. Du får en advarsel, hvis kontrasten er for lav, men du kan stadig gemme.
- Knappens udseende: Juster både ikonets farve og knappens baggrundsfarve.
- Standardsprog: Widgetten viser panelet på samme sprog som den enkelte side. Hvis sidens sprog mangler eller ikke er tilgængeligt, bruger den det sprog, du vælger her.
💡 Widgetpanelet linker ikke til en tilgængelighedserklæring. Hvis du har en, så link til den i sidefoden på din hjemmeside, så de besøgende kan finde den på alle sider. Skal du skrive en? Læs vores guide til tilgængelighedserklæringer.
💡 Alle ændringer, du foretager i konfiguratoren, bliver automatisk anvendt på din Accessibility Widget, også selvom den allerede er integreret på din hjemmeside.
Trin 3: Installation af tilgængelighedswidgetten på din hjemmeside
Når du har aktiveret og konfigureret widgetten, kan du integrere den på din hjemmeside.
-
Integrer widgetten: Start med at kopiere det kodestykke, du har modtaget til tilgængelighedswidgetten, og indsæt det helt øverst under HEAD på din hjemmeside (lige efter tagget
<head>) for at installere widgetten. - Bekræft widgettens funktionalitet: Når du har integreret widgetten, skal du opdatere din hjemmeside, så du kan kontrollere, om widgetten er synlig og fungerer efter hensigten. Du bør kunne se et lille tilgængelighedsikon:
Sådan fungerer det for slutbrugerne
Når tilgængelighedswidgetten er integreret og aktiv på din hjemmeside, kan slutbrugerne bruge den til at tilpasse deres browsingoplevelse. Justeringer af hjemmesidens layout sker i realtid, når brugerne ændrer deres indstillinger via widgetten, så indholdet øjeblikkeligt optimeres ud fra de valgte præferencer. Her kan du se, hvordan widgetten fungerer, og hvilke muligheder den giver:
- Widgettens design: Tilgængelighedswidgetten vises som et lille ikon. Når brugerne klikker på ikonet, åbnes en menu med tilgængelighedsindstillinger, hvor brugerne nemt og hurtigt kan justere hjemmesidens layout.
- Brugerpræferencer: Widgetten giver brugerne mulighed for at vælge tilgængelighedspræferencer, fx:
- Tekststørrelse: Brugerne kan justere tekststørrelsen for at gøre teksten nemmere at læse.
- Kontrastindstillinger: Justerer kontrasten, så kontrasterne bliver tydeligere, hvilket især hjælper mennesker med synshandicap.
- Letlæselige skrifttyper: Besøgende kan skifte til skrifttyper, der er lavet til at være nemmere at læse, herunder Atkinson Hyperlegible og OpenDyslexic.
- Profiler (Standard-abonnement): Forudindstillinger med ét klik til Nedsat syn, Anfald og epilepsi, Nedsat motorik, Ordblindhed, Kognition og læring, ADHD, Skærmlæser og Farveblindhed. De ændrer, hvad den besøgende ser, ikke koden på dit website.
- Tekststørrelse og -typografi: Forstørrer eller justerer teksten, så den bliver nemmere at læse, uden at det kræver en genindlæsning af siden.
- Kontrast: Muliggør ændringer af baggrunds- og tekstfarver for at fremhæve kontraster og gøre det nemmere for brugere, som er farveblinde eller har nedsat syn, at se teksten.
- Kontrol over dynamisk indhold: For brugere, som er følsomme over for animationer eller blinkende indhold, giver widgetten dem mulighed for at slå animationer fra eller ændre indstillinger for dynamisk indhold. Dette er især en fordel for personer med epilepsi og lignende lidelser.
- Sidestruktur: En fane, der viser sidens overskrifter, sideområder og links, så besøgende kan springe direkte til den del, de har brug for. Besøgende kan også trykke Alt+0 for at åbne eller lukke panelet og Alt+9 for at sætte justeringerne på pause eller slå dem til igen.
- AI-alt-tekst og sideområder: Widgetten tilføjer alt-tekst til billeder og genkender overskrifter og sideområder, mens de besøgende browser, inden for dit abonnements månedlige grænser. Det hjælper folk, der bruger skærmlæsere.
- Praktisk og tilgængelig: Tilgængelighedsindstillingerne er altid nemme at komme til, og widgettens placering er fast, så brugerne kan foretage ændringer efter behov.
Med iubendas Accessibility Widget kan du forbedre tilgængeligheden på din hjemmeside og skabe en bedre og mere inkluderende oplevelse for alle dine brugere.