Resultat af tilgængelighedstest af Hjørring

Hjørring Kommune

- test foretaget d. 24-09-2020

#17Nummer 17 ud af 98 kommuner.
1212 fejl i alt fordelt på tre sider.
23%23% af 64.483 er over 64 år.

Testen på Hjørring Kommunes forside gav **4 fejl**
#	Kriterie	Beskrivelse af fejlen	Kode hvori der er fejl	Sti til fejlen
1	1.4.3	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 2.43:1. Recommendation: change background to #797765.	`<h3 class="card__heading">Udlevering af mundbind</h3>`	`html > body > section:nth-child(6) > div > div > div > div > div > div:nth-child(1) > article > a > div > h3`
2	1.4.3	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 2.43:1. Recommendation: change background to #797765.	`<h3 class="card__heading">Håndtering af corona-virus i Hj...</h3>`	`html > body > section:nth-child(6) > div > div > div > div > div > div:nth-child(2) > article > a > div > h3`
3	4.1.2	This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.	`<input class="search__input typeahead tt-hint" type="search" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" dir="ltr" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background...`	`html > body > section:nth-child(4) > div > div > div:nth-child(1) > form > div > span > input:nth-child(1)`
4	4.1.2	This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.	`<input class="search__input typeahead tt-input" type="search" name="q" placeholder="Søg..." autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">`	`html > body > section:nth-child(4) > div > div > div:nth-child(1) > form > div > span > input:nth-child(2)`


html > body > div:nth-child(5) > div > div > div > section > article:nth-child(7) > div:nth-child(2) > p:nth-child(18) > a
html > body > div:nth-child(5) > div > div > div > section > article:nth-child(8) > div:nth-child(2) > p:nth-child(5) > a
#__mcenew
#__mcenew
html > body > section > div > div > div:nth-child(1) > form > div > span > input:nth-child(1)
html > body > section > div > div > div:nth-child(1) > form > div > span > input:nth-child(2)

Testen på Hjørring Kommunes renovation-sektion gav **6 fejl**
#	Kriterie	Beskrivelse af fejlen	Kode hvori der er fejl	Sti til fejlen
1	1.1.1	Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.	`<a data-id="43857" href="/media/28601/til-web-klistermaerke-pdf.pdf" target="_blank" title="til web klistermærke pdf.pdf"><img id="__mcenew" src="/media/...</a>`	`html > body > div:nth-child(5) > div > div > div > section > article:nth-child(7) > div:nth-child(2) > p:nth-child(18) > a`
2	1.1.1	Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.	`<a data-id="42474" href="/media/27511/nedgravede-affaldsloesninger-10.pdf" target="_blank" title="nedgravede beholdere pdf"><img id="__mcenew" src="/media/...</a>`	`html > body > div:nth-child(5) > div > div > div > section > article:nth-child(8) > div:nth-child(2) > p:nth-child(5) > a`
3	4.1.1	Duplicate id attribute value "__mcenew" found on the web page.	`<img id="__mcenew" src="/media/28600/til-web-klistermaerker-piktogram.jpg" alt="" data-id="43856">`	`#__mcenew`
4	4.1.1	Duplicate id attribute value "__mcenew" found on the web page.	`<img id="__mcenew" src="/media/27512/nedgravede-beholdere-ark.jpg" alt="" data-id="42475">`	`#__mcenew`
5	4.1.2	This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.	`<input class="search__input typeahead tt-hint" type="search" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" dir="ltr" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background...`	`html > body > section > div > div > div:nth-child(1) > form > div > span > input:nth-child(1)`
6	4.1.2	This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.	`<input class="search__input typeahead tt-input" type="search" name="q" placeholder="Søg..." autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">`	`html > body > section > div > div > div:nth-child(1) > form > div > span > input:nth-child(2)`

# Kriterie Beskrivelse af fejlen Kode hvori der er fejl Sti til fejlen

4.1.2

This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

Testen på Hjørring Kommunes skole-sektion gav **2 fejl**
#	Kriterie	Beskrivelse af fejlen	Kode hvori der er fejl	Sti til fejlen
1	4.1.2	This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.	`<input class="search__input typeahead tt-hint" type="search" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" dir="ltr" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background...`	`html > body > section > div > div > div:nth-child(1) > form > div > span > input:nth-child(1)`
2	4.1.2	This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.	`<input class="search__input typeahead tt-input" type="search" name="q" placeholder="Søg..." autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">`	`html > body > section > div > div > div:nth-child(1) > form > div > span > input:nth-child(2)`

<input class="search__input typeahead tt-hint" type="search" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" dir="ltr" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background...

html > body > section > div > div > div:nth-child(1) > form > div > span > input:nth-child(1)

4.1.2

This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

<input class="search__input typeahead tt-input" type="search" name="q" placeholder="Søg..." autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">

html > body > section > div > div > div:nth-child(1) > form > div > span > input:nth-child(2)