Tilgængelighed for indholdsproducenter: Skriv og producér inkluderende indhold

Tilgængelighed begynder ikke med design og slutter med kode. Indholdsproducenter — skribenter, redaktører, marketingfolk og multimedieproducenter — har en direkte og betydelig indvirkning på, om digitalt indhold er brugbart for alle. De ord, du vælger, den struktur, du skaber, de billeder, du beskriver, og de medier, du producerer, afgør alle oplevelsen for brugere med handicap.

Den gode nyhed er, at tilgængelig skrivning i høj grad handler om at skrive godt. Klart, struktureret og beskrivende indhold gavner alle brugere, ikke kun dem, der bruger hjælpeteknologi.

Skriv i klart sprog

Klar, ligetil skrivning er et tilgængelighedskrav, ikke blot en stilpræference. Brugere med kognitive handicap, indlæringsvanskeligheder som ordblindhed, ikke-modersmålstalende og brugere, der simpelthen er travle eller distraherede, har alle gavn af indhold, der er let at forstå.

Skriv i korte sætninger med aktiv form. Brug almindelige ord frem for jargon eller fagterminologi — og når specialiserede termer er nødvendige, forklar dem. Opdel lange afsnit i kortere afsnit med beskrivende underoverskrifter. Brug lister, når du præsenterer flere elementer eller trin. Undgå idiomer, metaforer og kulturspecifikke referencer, der muligvis ikke oversættes godt.

WCAG kræver, at indhold er så læseligt som muligt, og på niveau AAA, at supplerende indhold eller en alternativ version stilles til rådighed, når tekst kræver en læsefærdighed ud over grundskoleniveau.

Alternativ tekst til billeder

Alternativ tekst er et af de vigtigste indholdsansvar. Hvert billede, der formidler information, har brug for et tekstalternativ, der kommunikerer den samme information til brugere, der ikke kan se billedet. Skærmlæsere læser alt-teksten højt, og den vises, når billeder ikke kan indlæses.

God alt-tekst handler om at formidle formålet, ikke blot udseendet. Spørg dig selv: hvilken information formidler dette billede, som brugeren har brug for at vide? Et foto af et team i et møde kan have brug for alt-tekst som "Team samarbejder om projektplaner omkring et konferencebord" frem for "foto.jpg" eller et vagt "teamfoto".

Forskellige typer billeder kræver forskellige tilgange:

Informative billeder, der formidler indhold, har brug for beskrivende alt-tekst, der kommunikerer informationen. Hold den kortfattet — typisk under 125 tegn — men sørg for, at den væsentlige information er til stede.

Funktionelle billeder som ikoner brugt som knapper har brug for alt-tekst, der beskriver funktionen, ikke udseendet. Et forstørrelsesglas-ikon i en søgeknap bør have alt-teksten "Søg", ikke "forstørrelsesglas".

Dekorative billeder, der tilføjer visuel interesse men ingen information, bør have tom alt-tekst (alt=""), så skærmlæsere springer dem helt over. Stockfotos, der udelukkende bruges af æstetiske grunde, falder ofte i denne kategori.

Komplekse billeder som diagrammer, grafer, infografikker eller illustrationer kræver mere end en kort alt-attribut. Giv en kort alt-tekst, der identificerer billedet, og giv derefter en detaljeret beskrivelse i nærheden — enten som synlig tekst, en billedtekst eller en linket lang beskrivelse.

Linktekst

Links skal give mening uden kontekst. Skærmlæserbrugere navigerer ofte ved at trække en liste over alle links på en side frem. Hvis hvert link siger "Læs mere" eller "Klik her", er listen ubrugelig.

Skriv linktekst, der beskriver, hvor linket fører hen, eller hvad det gør. I stedet for "Klik her for at downloade vores tilgængelighedsguide", skriv "Download vores tilgængelighedsguide". I stedet for "Læs mere", skriv "Læs mere om WCAG-overensstemmelsesniveauer".

Brug aldrig en rå URL som linktekst, medmindre selve URL'en er den information, der formidles. URL'er er svære at læse højt og endnu sværere at forstå, når de høres.

Overskrifter og struktur

Brug overskrifter til at skabe et meningsfuldt indholdshierarki, ikke til visuel styling. Skærmlæserbrugere navigerer via overskrifter for at skimme indhold og springe til sektioner af interesse. Overskrifter skal følge en logisk rækkefølge — H1 til sidens titel, H2 til hovedsektioner, H3 til undersektioner inden for disse sektioner — uden at springe niveauer over.

Hver side bør have præcis én H1. Underoverskrifter bør være tilstrækkeligt beskrivende til, at en bruger kan forstå sektionens indhold ud fra overskriften alene.

Tabeller

Brug tabeller til tabulære data — information med meningsfulde relationer mellem rækker og kolonner. Brug aldrig tabeller til visuelt layout. Når du bruger tabeller, inkludér korrekte overskriftsceller ved hjælp af <th>-elementer med scope-attributter, der angiver, om de er rækkeoverskrifter eller kolonneoverskrifter. For komplekse tabeller med flere overskriftsniveauer, brug id- og headers-attributter til eksplicit at tilknytte dataceller med deres overskrifter.

Giv en billedtekst eller et resumé, der beskriver tabellens formål, især for komplekse datatabeller.

Lister

Når du præsenterer en gruppe relaterede elementer, brug egentlige HTML-lister — ordnede lister (<ol>) til sekventielle elementer og uordnede lister (<ul>) til ikke-sekventielle elementer. Lav ikke falske lister med linjeskift og tankestreger eller punkttegn. Korrekt listemarkering fortæller skærmlæsere, hvor mange elementer der er i listen, og hvor brugeren befinder sig i den.

Video- og lydindhold

Multimedieindhold har specifikke tilgængelighedskrav:

Undertekster skal leveres til al forudindspillet video med lyd. Undertekster skal inkludere al talt dialog, identificere hvem der taler, når det ikke er visuelt tydeligt, og inkludere meningsfulde lydeffekter. Undertekster skal være synkroniseret med lyden og tilgængelige som valgfrie undertekster, som brugere kan slå til og fra.

Transskriptioner skal leveres til forudindspillet lyd-indhold som podcasts. Transskriptioner skal inkludere alt talt indhold, identificere talere og beskrive relevante ikke-talebaserede lyde.

Synstolkning skal leveres til forudindspillet video, hvor vigtig visuel information ikke formidles via lydsporet. Synstolkning fortæller om betydningsfulde visuelle elementer — handlinger, sceneskift, tekst på skærmen — under naturlige pauser i dialogen.

Automatisk afspilning af lyd skal kunne undgås. Hvis lyd afspilles automatisk i mere end tre sekunder, giv en mekanisme til at sætte på pause, stoppe eller kontrollere lydstyrken uafhængigt af systemlydstyrken.

Tilgængelige dokumenter

PDF'er og andre downloadbare dokumenter skal også være tilgængelige. Det betyder, at de har brug for korrekt tagstruktur (overskrifter, lister, tabeller), en logisk læserækkefølge, alternativ tekst til billeder, defineret dokumentsprog og bogmærker til navigation i længere dokumenter.

Når det er muligt, præsentér vigtig information som webindhold frem for downloadbare dokumenter. Webindhold er i sagens natur mere fleksibelt og lettere at gøre tilgængeligt end PDF.

Indhold på sociale medier

Tilgængelighed omfatter også sociale medier. Tilføj alt-tekst til billeder postet på sociale medieplatforme — de fleste større platforme understøtter nu dette. Brug CamelCase i hashtags, så skærmlæsere kan læse dem korrekt (f.eks. #WebTilgængelighed frem for #webtilgængelighed). Undgå at formidle information udelukkende gennem billeder eller video uden tekstalternativer.

Sansemæssige karakteristika

Giv aldrig instruktioner, der udelukkende baserer sig på sansemæssige karakteristika som form, farve, størrelse, visuel placering, retning eller lyd. I stedet for "klik på den grønne knap" eller "se sidepanelet til højre", giv yderligere kontekst: "klik på Indsend-knappen" eller "se sektionen Relaterede artikler".