Tips til hvordan du følger UU-kravene når du bruker video, bilder og tabeller i innholdet ditt.

1. Universell utforming av innhold
Tips til hvordan du følger UU-kravene når du bruker
video, bilder og tabeller i innholdet ditt.

2. Alternativer til tekst beriker
…men kan også ekskludere dersom brukt feil
• Lovverk
– Ansvarsområder: frontend, backend, redaktør og design
– Kunden eier nettsidene

3. Bilder
• Ansvarsområder
– Frontend – alltid alt-attributt på bileter
– Redaktør – legg inn meningsbærende alternativ tekst

4. Bilder i Episerver

5. Bilder i Episerver

6. Bilder
• Kilde: https://uu.difi.no/krav-og-
regelverk/losningsforslag-web/bilder-og-
grafikk

7. Tabeller - krav
• Tittel
• Kolonne og radoverskrift
• Leseretning

8. Tabeller
• Tittel dersom tabell har tittel
– <caption>
• Kolonne og radoverskrift
– <th>
• Dersom tabellen har overskrifter på både rader og kolonner,
skal du også spesifisere hvilken retning overskriftcellene peker
– «scope»
Kolonneoverskrift som peker nedover:
<th scope=“col“>September-April</th>
Radoverskrift som peker mot høyre:
<th scope=“row“>Torsdag</th>

9. Tabell

10. Tabell

11. Tabell

12. Tabeller

13. Tabeller
• Ansvarsområder
– Redaktører: Formatering av tabeller i Episerver

14. Tabeller
• Kilde:
– https://uu.difi.no/krav-og-regelverk/losningsforslag-web/tabeller

15. Video
Forhåndsinnspilt video med lyd
– tekste video
eller
– det finnes en tekst som beskriver videoen, som helst ligger på samme
side som videoen

16. Video
• Videoopptak uten lyd: Dersom videoopptaket ikke inneholder noe lyd, må det enten finnes en
tekstbeskrivelse eller et lydklipp som gir samme informasjon som videoen.
• Kontrast og blinking: Dersom videoen inneholder tekst, må teksten ha tilstrekkelig kontrast mot
bakgrunnen. Videoen skal heller ikke ha innhold som blinker mer enn tre ganger i løpet av et
sekund.
• Unngå at videoklipp med lyd starter automatisk, og det må være mulig å betjene all
funksjonalitet og knapper med tastatur med synlig fokusmarkering

17. Video
• Ansvarsområder
– Frontend
• legge på title-attributtet på iframe
– Redaktør
• legg inn tekst som beskriver video
• legge inn meningsbærende innhold i title
• tekste video i YouTube

18. Video
• Kilde: https://uu.difi.no/krav-og-regelverk/losningsforslag-
web/video

19. Ressurser
• https://uu.difi.no
– https://uu.difi.no/krav-og-regelverk/kom-i-gang/redaktorens-ansvar-
universell-utforming
– https://uu.difi.no/krav-og-regelverk/kom-i-gang/e-laeringskurs-om-
universell-utforming-av-nettinnhold