Åpen dag (12/24)
Rapport: Universell utforming
Introduksjon
Denne rapporten omfatter nettstedet https://www.opendag.no/.
Hvordan lese rapporten
Rapporten viser en oversikt over alle sidene som er gjennomgått. Sidene deles inn i to kategorier: sider med mangler og sider uten mangler. Under hver side vises eventuelle mangler som ble oppdaget på siden. Mangler deles inn i to kategorier:
- Advarsel
- Potensiell feil som må manuelt sjekkes og bekreftes/avkreftes (ofte innholdsrelatert), eller brudd på et WCAG-kriterie som ikke er omfattet av Universell utforming og bør anses som en anbefaling å rette opp.
- Feil
- Brudd på et WCAG-kriterie som omfattes av Universell utforming.
Oppsummeringen av rapporten vil inneholde en liste over tiltak som vi anbefaler inkl. timeestimat for å fullføre tiltaket.
Rapporten inneholder
Resultater
Sider
Mangler
Sider med mangler
-
Alle sider
Mangler som opptrer på alle sidene i rapporten samles her. Dette er typisk mangler i faste blokker som hovedmeny, bunnmeny o.l. og trenger derfor bare å løses én gang.-
1.3.1 Informasjon og relasjoner
Antall tilfeller: 1Ting skal være kodet som det ser ut som.Notat:
If this element contains a navigation section, it is recommended that it be marked up as a list.Tilfeller (1)
-
Kontekst
<div class="flex flex-row gap-4" style="--icon-size: 40px;"> <a href="https://w...</div>
Selektorhtml > body > footer > div > div:nth-child(3) > div
-
-
1.4.10
Antall tilfeller: 4Notat:
This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.Tilfeller (4)
-
Kontekst
<a href="#" class="arrow-up bg-teal-900 hover:bg-teal-200 cursor-pointer text-white hover:text-teal fixed bottom-0 left-1/2 transform -translate-x-1/2 lg:translate-x-0 lg:left-auto lg:left-2/3 flex flex-row gap-2 px-3 py-2 tra...
Selektorhtml > body > a
-
Kontekst
<div id="main-menu" class="hamburger-menu z-50 inset-0 bg-teal-800 fixed flex flex-col max-h-screen h-screen overflow-auto"> <div class="container mx-aut...</div>
Selektor#main-menu
-
Kontekst
<div class="inset-x-2 top-4 fixed"> <div class="container mx...</div>
Selektor#main-menu > div > div:nth-child(3)
-
Kontekst
<div class="bottom-0 right-0 fixed pointer-events-none -z-10" style="z-index: -1000;"> <svg xmlns="http://www.w...</div>
Selektor#main-menu > div > div:nth-child(4)
-
-
1.4.3 Kontrast (minimum)
Antall tilfeller: 1Kontrastforholdet mellom teksten og bakgrunnen er minst 4,5:1.Notat:
Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.Tilfeller (1)
-
Kontekst
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#009ca3">
Selektorhtml > head > link:nth-child(27)
-
-
-
Opplev Åpen dag i Bergen i 2025 - Åpen Dag
https://www.opendag.no/-
4.1.2 Navn, rolle, verdi
Antall tilfeller: 1Alle komponenter har navn og rolle bestemt i koden.Notat:
This textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.Tilfeller (1)
-
Kontekst
<input data-v-7907d78a="" placeholder="Søk f.eks. «lærer», «helse» eller «fysikk»" class="border-2 w-full min-w-full focus:border-teal-500 focus:ring-4 ring-teal-50 outline-none text-lg px-3 py-4 pl-4">
Selektorhtml > body > main > div:nth-child(4) > div > div > div > div > input
-
-
1.1.1 Ikke-tekstlig innhold
Antall tilfeller: 1Gi brukeren et tekstalternativ for innhold som ikke er tekst.Notat:
Img element is marked so that it is ignored by Assistive Technology.Tilfeller (1)
-
Kontekst
<img class="w-full h-full object-cover object-top" src="https://d3s9tlqahsd0e8.cloudfront.net/media/l/1980x800/1705318831/a-pen-dag-79-kuttet-topp.jpg" alt="" title="" style="" width="" height="">
Selektorhtml > body > main > div:nth-child(2) > div:nth-child(1) > img
-
-
1.3.1 Informasjon og relasjoner
Antall tilfeller: 2Ting skal være kodet som det ser ut som.Tilfeller (2)
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H44.NonExistentFragment (1)
This label's "for" attribute contains an ID that does not exist in the document fragment.
-
Kontekst
<label data-v-7907d78a="" for="search" class="text-3xl text-teal-700 mb-4 pb-4 px-4 pt-4"> Finn studieprogram...</label>
Selektorhtml > body > main > div:nth-child(4) > div > div > label
-
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.F68 (1)
This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
-
Kontekst
<input data-v-7907d78a="" placeholder="Søk f.eks. «lærer», «helse» eller «fysikk»" class="border-2 w-full min-w-full focus:border-teal-500 focus:ring-4 ring-teal-50 outline-none text-lg px-3 py-4 pl-4">
Selektorhtml > body > main > div:nth-child(4) > div > div > div > div > input
-
-
-
-
Program for Åpen dag - Åpen Dag
https://www.opendag.no/artikler/program-for-aapen-dag/-
1.3.1 Informasjon og relasjoner
Antall tilfeller: 2Ting skal være kodet som det ser ut som.Notat:
Heading markup should be used if this content is intended as a heading.Tilfeller (2)
-
Kontekst
<p><strong>09.30–10.00</strong></p>
Selektorhtml > body > main > div:nth-child(3) > div > div > p:nth-child(3)
-
Kontekst
<p><strong>10.00–11.30</strong></p>
Selektorhtml > body > main > div:nth-child(3) > div > div > p:nth-child(5)
-
-
-
Fagretninger - Åpen Dag
https://www.opendag.no/fagretninger/-
1.3.1 Informasjon og relasjoner
Antall tilfeller: 2Ting skal være kodet som det ser ut som.Tilfeller (2)
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H48 (1)
If this element contains a navigation section, it is recommended that it be marked up as a list.
-
Kontekst
<div class="grid grid-cols-1 xl:grid-cols-3 gap-4 pb-4"> <a class="bg...</div>
Selektorhtml > body > main > div:nth-child(3) > div:nth-child(2) > div:nth-child(2)
-
-
WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141 (1)
The heading structure is not logically nested. This h3 element should be an h2 to be properly nested.
-
Kontekst
<h3 class="text-2xl font-semibold pb-2">Helse, medisin og psykologi</h3>
Selektorhtml > body > main > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > a:nth-child(1) > div:nth-child(2) > h3
-
-
-
-
Reiseliv - Åpen Dag
https://www.opendag.no/fagretninger/reiseliv-og-hotellfag/-
1.1.1 Ikke-tekstlig innhold
Antall tilfeller: 1Gi brukeren et tekstalternativ for innhold som ikke er tekst.Notat:
Img element is marked so that it is ignored by Assistive Technology.Tilfeller (1)
-
Kontekst
<img class="w-full h-full object-cover absolute inset-0" src="https://d3s9tlqahsd0e8.cloudfront.net/media/rc/800x500/1615555738/reiseliv-og-hotellfag.jpg" alt="">
Selektorhtml > body > main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1) > div > a > img
-
-
1.3.1 Informasjon og relasjoner
Antall tilfeller: 1Ting skal være kodet som det ser ut som.Notat:
If this element contains a navigation section, it is recommended that it be marked up as a list.Tilfeller (1)
-
Kontekst
<div class="grid grid-cols-1 lg:grid-cols-3 gap-4"> <a href="https:/...</div>
Selektorhtml > body > main > div:nth-child(5) > div:nth-child(2) > div
-
-
1.4.3 Kontrast (minimum)
Antall tilfeller: 4Kontrastforholdet mellom teksten og bakgrunnen er minst 4,5:1.Tilfeller (4)
-
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs (2)
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
-
Kontekst
<style> .cls-1 { fill: #b6e1e0; ...</style>
Selektorhtml > body > main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1) > div > a > span > div > svg:nth-child(1) > defs > style
-
Kontekst
<style> .h-cls-1 { fill: #00344a...</style>
Selektorhtml > body > main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1) > div > a > span > div > svg:nth-child(2) > defs > style
-
-
WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail (1)
This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #949494.
-
Kontekst
<h2 class="text-3xl pb-4">Reislivsfag på 90 sekunder</h2>
Selektorhtml > body > main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > div > h2
-
-
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail (1)
This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676.
-
Kontekst
<span class="content content-lg">Er du interessert i en internas...</span>
Selektorhtml > body > main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > div > span
-
-
-
-
Spørsmål og svar om Åpen dag i Bergen - Åpen Dag
https://www.opendag.no/faq/-
2.4.1 Hoppe over blokker
Antall tilfeller: 1Gi brukeren mulighet til å hoppe direkte til hovedinnholdet.Notat:
Iframe element requires a non-empty title attribute that identifies the frame.Tilfeller (1)
-
Kontekst
<iframe data-gtm-yt-inspected-7="true" data-gtm-yt-inspected-9="true" frameborder="0" height="400" scrolling="no" src="https://www.google.com/maps/d/u/1/embed?mid=1WsN-qWuPszoDwKIxwxpXlDRDKFfVVE4&ehbc=2E312F&noprof=1" width="100%" data-gtm-yt...
Selektorhtml > body > main > div:nth-child(2) > div > p:nth-child(43) > iframe
-
-
-
Faglige filmer til Åpen dag - Åpen Dag
https://www.opendag.no/internsider/faglige-filmer/-
2.4.1 Hoppe over blokker
Antall tilfeller: 2Gi brukeren mulighet til å hoppe direkte til hovedinnholdet.Notat:
Iframe element requires a non-empty title attribute that identifies the frame.Tilfeller (2)
-
Kontekst
<iframe allow="autoplay *; encrypted-media *" allowfullscreen="allowfullscreen" data-gtm-yt-inspected-7="true" data-gtm-yt-inspected-96238487_41="true" scrolling="no" src="https://cdn.iframe.ly/api/iframe?url=https%3A%2F%2Fvimeo.com%2F511583702&k...
Selektorhtml > body > main > div:nth-child(2) > div > div:nth-child(12) > div > div > iframe:nth-child(1)
-
Kontekst
<iframe allow="autoplay *; encrypted-media *" allowfullscreen="allowfullscreen" data-gtm-yt-inspected-7="true" data-gtm-yt-inspected-96238487_41="true" scrolling="no" src="https://cdn.iframe.ly/api/iframe?url=https%3A%2F%2Fvimeo.com%2F466515778&k...
Selektorhtml > body > main > div:nth-child(2) > div > div:nth-child(33) > div > div > div > iframe
-
-
1.3.1 Informasjon og relasjoner
Antall tilfeller: 11Ting skal være kodet som det ser ut som.Tilfeller (11)
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H42 (1)
Heading markup should be used if this content is intended as a heading.
-
Kontekst
<p><em>Hvorfor tror vi at noen hen...</p>
Selektorhtml > body > main > div:nth-child(2) > div > p:nth-child(11)
-
-
WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141 (1)
The heading structure is not logically nested. This h4 element should be an h3 to be properly nested.
-
Kontekst
<h4> </h4>
Selektorhtml > body > main > div:nth-child(2) > div > h4:nth-child(13)
-
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H42.2 (7)
Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.
-
Kontekst
<h4> </h4>
Selektorhtml > body > main > div:nth-child(2) > div > h4:nth-child(13)
-
Kontekst
<h3 class="c-fact-box c-fact-box--color-primary"> </h3>
Selektorhtml > body > main > div:nth-child(2) > div > h3:nth-child(17)
-
Kontekst
<h3 class="c-fact-box c-fact-box--color-primary"> </h3>
Selektorhtml > body > main > div:nth-child(2) > div > h3:nth-child(19)
-
Kontekst
<h4><a id="manus" name="manus"></a></h4>
Selektorhtml > body > main > div:nth-child(2) > div > h4:nth-child(24)
-
Kontekst
<h4><a id="kursvideoer" name="kursv...</h4>
Selektorhtml > body > main > div:nth-child(2) > div > h4:nth-child(29)
-
Kontekst
<h4 class="c-fact-box c-fact-box--color-primary"><a id="forberedelse" name="forb...</h4>
Selektorhtml > body > main > div:nth-child(2) > div > h4:nth-child(36)
-
Kontekst
<h4 class="c-fact-box c-fact-box--color-primary"><a id="innspilling" name="innsp...</h4>
Selektorhtml > body > main > div:nth-child(2) > div > h4:nth-child(41)
-
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H48.2 (1)
This content looks like it is simulating an ordered list using plain text. If so, marking up this content with an ol element would add proper structure information to the document.
-
Kontekst
<div class="c-fact-box c-fact-box--color-primary">1. <a href="#tema">Hvordan velg...</div>
Selektorhtml > body > main > div:nth-child(2) > div > div:nth-child(16)
-
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H48 (1)
If this element contains a navigation section, it is recommended that it be marked up as a list.
-
Kontekst
<div class="c-fact-box c-fact-box--color-primary">1. <a href="#tema">Hvordan velg...</div>
Selektorhtml > body > main > div:nth-child(2) > div > div:nth-child(16)
-
-
-
4.1.2 Navn, rolle, verdi
Antall tilfeller: 5Alle komponenter har navn og rolle bestemt i koden.Notat:
Anchor element found with an ID but without a href or link text. Consider moving its ID to a parent or nearby element.Tilfeller (5)
-
Kontekst
<a id="tema" name="tema"></a>
Selektor#tema
-
Kontekst
<a id="manus" name="manus"></a>
Selektor#manus
-
Kontekst
<a id="kursvideoer" name="kursvideoer"></a>
Selektor#kursvideoer
-
Kontekst
<a id="forberedelse" name="forberedelse"></a>
Selektor#forberedelse
-
Kontekst
<a id="innspilling" name="innspilling"></a>
Selektor#innspilling
-
-
-
Innsjekk og skanning - Åpen Dag
https://www.opendag.no/internsider/innsjekk-og-skanning/-
1.4.3 Kontrast (minimum)
Antall tilfeller: 1Kontrastforholdet mellom teksten og bakgrunnen er minst 4,5:1.Notat:
Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.Tilfeller (1)
-
Kontekst
<span style="color: rgb(55, 65, 81); font-size: 1.125rem; font-family: inherit;">Brukerne kan finne QR-kode og i...</span>
Selektorhtml > body > main > div:nth-child(5) > div > div > div:nth-child(1) > p:nth-child(2) > span:nth-child(2)
-
-
-
Opprett brukerkonto og logg inn - Åpen Dag
https://www.opendag.no/login/-
1.1.1 Ikke-tekstlig innhold
Antall tilfeller: 1Gi brukeren et tekstalternativ for innhold som ikke er tekst.Notat:
Img element is marked so that it is ignored by Assistive Technology.Tilfeller (1)
-
Kontekst
<img src="https://d3s9tlqahsd0e8.cloudfront.net/media/o/1698326673/horisontal-feide.svg?test=true" alt="" class="h-12">
Selektorhtml > body > main > div:nth-child(3) > div > div > div:nth-child(1) > a > img
-
-
-
Slik blir Åpen dag 2025 i Bergen - Åpen Dag
https://www.opendag.no/om-open-dag/-
1.3.1 Informasjon og relasjoner
Antall tilfeller: 3Ting skal være kodet som det ser ut som.Tilfeller (3)
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H42 (2)
Heading markup should be used if this content is intended as a heading.
-
Kontekst
<div><strong>Skal du søke høyere utd...</div>
Selektorhtml > body > main > div:nth-child(2) > div > div:nth-child(2)
-
Kontekst
<p><strong>Åpen dag finner sted lø...</p>
Selektorhtml > body > main > div:nth-child(2) > div > p:nth-child(6)
-
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H42.2 (1)
Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.
-
Kontekst
<h2> </h2>
Selektorhtml > body > main > div:nth-child(4) > div > h2:nth-child(1)
-
-
-
-
Studieprogram - Åpen Dag
https://www.opendag.no/program/-
1.3.1 Informasjon og relasjoner
Antall tilfeller: 5Ting skal være kodet som det ser ut som.Tilfeller (5)
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.H48 (1)
If this element contains a navigation section, it is recommended that it be marked up as a list.
-
Kontekst
<div class="w-12/12 pt-6 container mx-auto p-4 flex flex-col md:grid md:grid-cols-2 xl:grid-cols-1 gap-4"><a href="https://www.opendag.no...</div>
Selektorhtml > body > main > div:nth-child(4) > div > div > div:nth-child(3)
-
-
WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4 (4)
This element's role is "presentation" but contains child elements with semantic meaning.
-
Kontekst
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" role="presentation" class="vs__open-indicator"><path d="M9.211364 7.59931l4.48...</svg>
Selektor#vs1__combobox > div:nth-child(2) > svg
-
Kontekst
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" role="presentation" class="vs__open-indicator"><path d="M9.211364 7.59931l4.48...</svg>
Selektor#vs2__combobox > div:nth-child(2) > svg
-
Kontekst
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" role="presentation" class="vs__open-indicator"><path d="M9.211364 7.59931l4.48...</svg>
Selektor#vs3__combobox > div:nth-child(2) > svg
-
Kontekst
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" role="presentation" class="vs__open-indicator"><path d="M9.211364 7.59931l4.48...</svg>
Selektor#vs4__combobox > div:nth-child(2) > svg
-
-
-
-
Idrettsvitenskap - Åpen Dag
https://www.opendag.no/program/idrettsvitenskap/-
1.1.1 Ikke-tekstlig innhold
Antall tilfeller: 1Gi brukeren et tekstalternativ for innhold som ikke er tekst.Notat:
Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.Tilfeller (1)
-
Kontekst
<img class="w-100" src="https://d3s9tlqahsd0e8.cloudfront.net/media/p/850x100/1638438739/nla-logo.jpg">
Selektorhtml > body > main > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(6) > div:nth-child(1) > div:nth-child(2) > img
-
-
1.4.3 Kontrast (minimum)
Antall tilfeller: 3Kontrastforholdet mellom teksten og bakgrunnen er minst 4,5:1.Tilfeller (3)
-
WCAG2AA.Principle1.Guideline1_4.1_4_3_F24.F24.BGColour (1)
Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.
-
Kontekst
<div class="absolute top-0 left-0 right-0 bottom-0 pointer-events-none collapse-veil" style="background: linear-gradient(rgba(255,255,255, 0.0) 75%, rgba(255,255,255,1) 100%)"></div>
Selektorhtml > body > main > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(8) > div > div > div:nth-child(1) > div:nth-child(2)
-
-
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs (2)
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
-
Kontekst
<style> .cls-1 { fill: #b6e1e0; ...</style>
Selektorhtml > body > main > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > a > div:nth-child(1) > div > svg:nth-child(1) > defs > style
-
Kontekst
<style> .h-cls-1 { fill: #00344a...</style>
Selektorhtml > body > main > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > a > div:nth-child(1) > div > svg:nth-child(2) > defs > style
-
-
-
Sider uten mangler
-
Personvernerklæring - Åpen Dag– https://www.opendag.no/personvern/
-
Åpen Dag– https://www.opendag.no/arrangement/
-
Åpen lørdag på NHH - Åpen Dag– https://www.opendag.no/arrangement/aapen-loerdag-paa-nhh/
Oppsummering
Basert på rapportens funn må “Mal – WCAG-sjekkliste for utfylling av tilgjengelighetserklæring” fylles ut.
Tiltak
Tiltak | Estimat (timer) |
---|---|
Innhold
Gjennomføres av kunde
Vi anbefaler å ta en gjennomgang av innhold og sørge for at dette er tilgjengelig. Rapporten viser bl.a. manglende alt-tekster på bilder, feil rekkefølge på overskrifter, manglende titler og/eller beskrivelser på tabeller, iframe-elementer (f.eks. innbygde videoer fra Vimeo) mm. |
– |
Totalt: | 0 |