Hvordan kan jeg gøre min hjemmeside i Hjemmesideprogrammet mere tilgængelig?

En tilgængelig hjemmeside sikrer, at alle brugere, herunder dem med funktionsnedsættelser, kan navigere, forstå og interagere med dit indhold. Hvis du bruger et Hjemmesideprogram, kan du forbedre tilgængeligheden ved at justere nøgleelementer og følge bedste praksis – såsom at tilføje alt-tekst til billeder og sikre, at din hjemmesides design og indhold er klart struktureret. Du finder en tjekliste med anbefalinger og ressourcer i denne artikel.

Hvis du har generelle spørgsmål om tilgængelighed på hjemmesider, kan du se vores vejledning: Ofte stillede spørgsmål om webtilgængelighed.

Bemærk: Hos one.com gør vi vores bedste for at levere de nødvendige værktøjer til at sikre, at du kan bygge og vedligeholde en hjemmeside, der overholder tilgængelighedskravene. Du er dog i sidste ende ansvarlig for fuld overholdelse. Derfor anbefaler vi på det kraftigste, at du sætter dig ind i din lokale eller regionale lovgivning om tilgængelighed, da der kan være krav for dig, som ikke er behandlet i denne artikel. 

Visuelle elementer

Alt-tekster til billeder, ikoner og grafik

Alt-tekst fungerer som en læsbar beskrivelse af et billede og kan fungere som en stand-in, hvis den besøgende på hjemmesiden ikke kan se et billede. Alt-teksten kan opfanges og læses af en skærmlæser. Du kan finde instruktioner om, hvor du kan tilføje alt-tekst til billeder eller andre visuelle elementer i disse vejledninger: 

Du behøver ikke at tilføje alt-tekst til baggrundsbilleder, da disse ofte kun tjener dekorative formål. Alt-tekst bør føjes til billeder, der formidler vigtigt indhold, tjener informationsformål eller kræver interaktion fra den besøgende. 

Hvis du vil angive, at hjælpemidler kan springe et billede over, kan du gå til SEO i indstillingerne for det gældende billede og slå Sæt som dekorativt element-knappen TIL.

Vi anbefaler, at du gennemgår alle dine hjemmesidebilleder og enten giver dem alt-tekst eller indstiller dem som dekorative elementer.

Sidesprog

Hvis du angiver sproget for hver side på din hjemmeside, sikrer du, at skærmlæsere kan læse siden højt på korrekt vis. Du kan finde trin-for-trin-instruktioner til dette i denne vejledning: Hvordan indstiller jeg sproget for en side i Hjemmesideprogrammet?

Auditive elementer

Undertekster og transskriptioner til lyd og video

Det er ikke muligt at tilføje undertekster eller generere transskriptioner til selvhostet video i Hjemmesideprogrammet. Der er dog to løsningsforslag til dette problem:

Struktur og design

Semantiske overskrifter

Brug hierarkiet for semantiske overskrifter (H1, H2, H3, afsnit) i din hjemmesides tekstlayout. Dette hierarki afspejler en måde at organisere indhold logisk og meningsfuldt på via tags på HTML-hjemmesider. Det bruges af hjælpeteknologier, såsom skærmlæsere, til at forstå indhold og formidle det i den rigtige rækkefølge til den hjemmeside-besøgende.

I Hjemmesideprogram-editoren er hver overskrift tydeligt markeret (overskrift 1 (H1), overskrift 2 (H2) osv.), når du bruger en tekstkomponent. Du kan vælge en overskrift i sidepanelet, når du tilføjer en ny tekstkomponent til dit site, eller redigere overskriften i egenskabspanelet for eksisterende tekstkomponenter. 

Hjemmesideprogrammets skabeloner indeholder tydelige overskrifter og etiketter og følger som standard logikken beskrevet ovenfor.

Skærmbillede, der viser muligheden for at tilføje semantiske overskrifter i en tekstkomponent. En rød pil peger på en åben rullemenu i egenskabspanelet, hvor du kan se de forskellige typer af overskrifter.

Kontrastforhold for tekst

Når det kommer til hjemmeside-tekst, er dette minimumskravene til kontrastforhold:

  • Overskrifter: 3:1
  • Afsnit: 4.5:1

Du kan justere tekstfarveforholdet i Hjemmesideprogrammet på denne måde:

Hvis farvetemafunktionen er slået til:

Hvis du bruger et farvetema på din hjemmeside, skal du redigere kontrastforholdet via farvetema-indstillingerne. Denne vejledning forklarer, hvordan du gør det: Brug af et farvetema i Hjemmesideprogrammet.

Hvis farvetemafunktionen er slået fra:

Når farvetemafunktionen er deaktiveret, skal du redigere kontrastforholdet via de globale indstillinger:

  1. Gå til Skabelonindstillinger i nederste højre hjørne af Hjemmesideprogrammet.
  2. Klik Rediger skabelonstile i menuen, der vises.
  3. Du vil nu se en oversigt over alle de tekststile, der bruges på din hjemmeside (tekst, links, menu, knap og tabel). Klik på Tekstfarve-knappen ud for hvert element for at få adgang til farveindstillingerne. Du kan vælge en farve via farvevælgeren eller indtaste en hex-kode.
Skærmbillede, der viser de åbne globale indstillinger. En rød pil peger mod farvevælgersymbolet, og farvespektret er åbent. Et forstørrelsesglas zoomer ind på feltet, hvor du kan tilføje en hex-kode.

Bemærk: Hjemmesideprogrammet kan ikke fortælle dig de nøjagtige forhold på dit site, men du kan bruge eksterne værktøjer til at analysere det og få de værdier, du har brug for. Du kan for eksempel prøve dette værktøj fra WebAIM. Her kan du indtaste hex-koderne for din forgrund og baggrund, og så justere farven, indtil du har det rigtige kontrastforhold og de tilsvarende hex-koder. Du kan så kopiere disse koder ind i Hjemmesideprogrammet.

Kontrast (ikke tekst-relateret)

Farverige elementer uden tekst, såsom baggrundsfarver på sektioner eller knapfarver, kan justeres via farvetema-indstillingerne eller de globale skabelonindstillinger, som beskrevet ovenfor.

Hvert elements stil kan justeres yderligere via dets komponentindstillinger. Hvis du f.eks. klikker på en sektion, et sidehoved eller en sidefod, vil du se muligheden for at ændre elementets farve eller stil.

Navigering

Tastatur-adgang

Vi anbefaler, at du holder dig til klart indhold på din hjemmeside og undgår komplekse elementer, såsom fokusudløst indhold eller hover-bokse. Sidstnævnte kan erstattes med almindelige billeder og links.

Det skal bemærkes, at rullemenuer er tilgængelige via tastaturet.

At pause, stoppe eller skjule indhold

Besøgende skal kunne manuelt styre eller skjule alle bevægelige eller interaktive elementer på din hjemmeside. Her er et par ting, som du bør tjekke, hvis du har disse elementer på din hjemmeside:

  • Billedslider: Denne komponents autoplay-funktion er aktiveret som standard, men du kan slå den fra og tilføje manuelle kontrolknapper i stedet. Gå til din billedslider-komponent, klik på Billedslider-indstillinger, og vælg derefter Navigering for at få adgang til disse indstillinger.
  • GIFs: Undgå at uploade GIFs via billedkomponenten, hvis de ikke indeholder kontrolknapper.
  • Baggrundsbilleder og videoer: Disse elementer har i øjeblikket ikke en afspil/pause-funktion, men vi arbejder på en løsning, der kan imødekomme dette krav. I mellemtiden anbefaler vi, at du undgår bevægelige baggrundsbilleder eller videobaggrunde.
  • Videoer: Sørg for, at du har synlige kontrolknapper på videoer, og at automatisk afspilning er slået fra. Du kan læse mere om videoindstillinger i vores vejledning: Hvordan tilføjer jeg en video til min hjemmeside i Hjemmesideprogrammet?

Flash-indhold

Indhold, der indeholder mere end tre flash i sekundet bør undgås. Hjemmesideprogrammet indeholder ikke standard flash-indhold, men du kan uploade det. Vi anbefaler dog, at du undgår dette eller i det mindste gør det muligt for den besøgende at kontrollere og springe dette indhold over manuelt.

Relaterede artikler:

Var denne artikel en hjælp?

Kan du ikke finde, hvad du leder efter?

Start en chat

Den hurtigste måde at kontakte os på — hverdage fra 09:00 til 18:00.

Start chat