Guides til web
Webtilgængelighed
Webtilgængelighed er godt for alle brugere og en nødvendighed for nogle. Læs her, hvordan du sørger for, at dine websider, billeder, videoer og filer lever op til kravene om webtilgængelighed, bl.a. så skærmlæsere kan læse indholdet.
Brug aldrig tekst på et billede, det kan skærmlæseren ikke læse.
Sørg for at give billedet et sigende filnavn, når du uploader til mediebiblioteket og at komprimere billedet, så det ikke fylder mere end nødvendigt og derved gør vores site langsommere.
Læs mere om SDU's visuelle stil og vores retningslinjer for brug af billeder her.
Undgå generelt PDF-filer, hvis du kan; de er svære at gøre tilgængelige, og de fungerer ikke særligt godt på små skærme.
Lav så vidt muligt PDF’er til almindelige websider. Dagsordener, referater, vejledninger og lignende kan sagtens være websider.
Læs, hvordan du gør PDF-filer tilgængelige, hvis indholdet ikke kan formidles på anden vis.
Undtagelser
PDF'er publiceret før 23. september 2018 er undtaget fra krav om webtilgængelighed, med mindre de er nødvendige for administrative processer. Men overvej, om så gamle PDF'er overhovedet er relevante at have på din side.
Vi behøver ikke leve op til tilgængelighedskravene, hvis omkostningerne ved at leve op til dem i forhold til de anslåede fordele for personer med handicap medfører en uforholdsmæssig stor byrde.
Sitecores tekstredigering (Real Text Editor) hjælper os godt på vej, når vi skal gøre websiden tilgængelig og let at navigere på - for brugere med og uden funktionsnedsættelser.
Almindelig brødtekst skal altid have formateringen Normal, hvilket også er standardindstillingen, når du åbner Sitecores tekstredigering.
-
Overskriftstypografier
Overskriftstypografierne i Sitecore sørger både for at overskrifterne ser rigtige ud og passer med SDU’s designguide, men de sørger også for, at brugere med skærmlæsere kan få overblik over siden og indholdet.
Brug overskrifterne i den rigtige talrække, dvs. fra Overskrift 2 til Overskrift 3 til Overskrift 4. Gå kun ét tal op ad gangen. Du må gerne lave flere afsnit med samme typografi (fx Overskrift 2), hvis afsnittene er på samme niveau.
Sidens titel er niveau 1, derfor kan Overskrift 1 ikke vælges.
Når du bruger overskriftstypografierne, hjælper du også søgemaskiner og AI til at forstå indholdet på din side, så du opnår bedre placering i søgeresultaterne.
Obs: I foldouts og accordion starter du med overskrift 4, da de indgår som element på siden og derfor skal ses som en del af den samlede tekst og ikke som selvstændige elementer.
Overskrifter med betydning
Sørg desuden for at skrive meningsfulde og tydelige overskrifterne; skriv fx hellere ”Samarbejde med Institut for Kompliceret Videnskab” frem for ”Samarbejde” eller ”Samarbejde med instituttet”.
Undgå generiske overskrifter som ”Flere informationer” eller ”Godt at vide”. Lav i stedet en overskrift, der konkret beskriver sidens/afsnittets emne eller formål, og hvad brugeren kan få informationer om som fx ”Sådan søger du om praktikplads i udlandet”.
-
-
Lav ikke selv punktopstillinger med tankestreger, men brug den funktionen tekstredigering i Sitecore, der kan lave opstillinger med enten bullets eller tal.
Undgå så vidt muligt tabeller på websider. Det er svært at gøre tabeller tilgængelige, og de fungerer desuden heller ikke godt på små skærme.
Lad være med at kopiere tabeller ind som billede, det kan skærmlæseren ikke læse.
Hvis du alligevel mener, at en tabel er den bedste løsning, så skal du lave den så enkel som muligt, da skærmlæsere bedst kan håndtere simple tabeller.
Husk at bruge række- og kolonneoverskrifter og ikke blot markere overskrift med fed. Når en skærmlæser læser en tabel, læser den overskriften på række og kolonne højt først, inden den læser indholdet, og hvis der ikke er overskrifter på tabellen vil data i feltet sandsynligvis ikke give mening for brugeren, fordi vedkommende ikke får konteksten.
Central information for at man forstår videoen skal være tilgængelig i både lyd og tekst.
Det betyder, at alle videoer med tale skal have undertekster, og personer på videoen skal præsenteres mundtligt, ikke kun med tekst.
Videoer må også meget gerne være synstolkede. En synstolket video har et separat lydspor, hvor en fortællerstemme beskriver, hvad der sker på billedsiden i en video. Stemmen forklarer, hvem, hvor og hvad – alt det, der ikke fremgår af dialogen. Det kan fx være det smilende blik mellem to personer, en drone i luften eller en smuk solnedgang. På den måde kan man følge med i videoen, selvom man ikke kan se billederne.
Brug ikke auto-play på video, og sørg for at man kan pause, stoppe og fjerne lyd på en video.
Se mere om at producere video her.
Hvad er webtilgængelighed?
Webtilgængelighed betyder, at vores websider kan bruges af alle – også besøgende, der har nedsat syn, hørelse, motorik eller fx er farveblinde eller ordblinde. For at en hjemmeside regnes for tilgængelig, skal den bl.a. optimeres til at kunne bruges af diverse værktøjer, fx skærmlæsere eller eyetrackers.
Det er dit ansvar som webredaktør på SDU at sørge for, at dine sider på sdu.dk, MitSDU og SDUnet er tilgængelige. Det gælder også billeder, videoer og filer i mediebiblioteket.
Hvorfor skal vi overholde det?
Det er et lovkrav, at vi skal overholde loven om webtilgængelighed.
Læs Lov om tilgængelighed af offentlige organers websteder og mobilapplikationer.
SDU Kommunikation – Web sørger for, at SDU’s tilgængelighedserklæring er udfyldt og tilgængelig i footeren på vores sider.
Læs mere hos Digitaliseringsstyrelsen
Har du spørgsmål?
Hvis du har tekniske spørgsmål, eller spørgsmål til opsætning, sprog mv., så skriv til webkoordinatoren på dit fakultet eller til web@sdu.dk. Husk URL og screenshot af den side, du ønsker hjælp til.