AXE Accessibility Results for energiebedrijven project

axe-core found 49 violations
# Description Axe rule ID WCAG Impact Count
1 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1 serious 1
2 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 30
3 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 serious 9
4 Heading levels should only increase by one heading-order Best practice moderate 1
5 Document should have one main landmark landmark-one-main Best practice moderate 1
6 Ensures landmarks are unique landmark-unique Best practice moderate 1
7 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 1
8 All page content should be contained by landmarks region Best practice moderate 5

Failed

1. ARIA progressbar nodes must have an accessible name
Learn more
aria-progressbar-name
WCAG 2 Level A, WCAG 1.1.1

Ensures every ARIA progressbar node has an accessible name

serious
Issue Tags: cat.aria wcag2a wcag111
# Issue Description To solve this violation, you need to...
1

Element location

ng-progress

Element source

<ng-progress _ngcontent-innogy-app-c333="" role="progressbar" _nghost-innogy-app-c236="" spinnerposition="right" dir="ltr+" thick="true" fixed="true">

Fix any of the following:

  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute
2. Elements must have sufficient color contrast
Learn more
color-contrast
WCAG 2 Level AA, WCAG 1.4.3

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

serious
Issue Tags: cat.color wcag2aa wcag143
# Issue Description To solve this violation, you need to...
1

Element location

.active

Element source

<a _ngcontent-innogy-app-c323="" wlcscapture="" class="top-navigation--item active" href="/"> Particulier </a>

Fix any of the following:

  • Element has insufficient color contrast of 4.07 (foreground color: #e60167, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.bg-light[_ngcontent-innogy-app-c323=""]
2

Element location

.top-navigation--item[_ngcontent-innogy-app-c323=""][wlcscapture=""]:nth-child(2)

Element source

<a _ngcontent-innogy-app-c323="" wlcscapture="" class="top-navigation--item" href="https://www.essent.nl/content/particulier/index-zzp.html"> Zzp </a>

Fix any of the following:

  • Element has insufficient color contrast of 2.66 (foreground color: #94949e, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.bg-light[_ngcontent-innogy-app-c323=""]
3

Element location

.top-navigation--item[href$="zakelijk"][_ngcontent-innogy-app-c323=""]

Element source

<a _ngcontent-innogy-app-c323="" wlcscapture="" class="top-navigation--item" href="https://www.essent.nl/zakelijk"> Zakelijk </a>

Fix any of the following:

  • Element has insufficient color contrast of 2.66 (foreground color: #94949e, background color: #f1f1f1, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.bg-light[_ngcontent-innogy-app-c323=""]
4

Element location

p:nth-child(17) > a:nth-child(1)

Element source

<a href="/-/media/essent/documenten/diversen/verzoek_blokkering.ashx">klik je hier</a>

Fix any of the following:

  • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

body
5

Element location

a[rel="noopener noreferrer"]

Element source

<a rel="noopener noreferrer" href="https://autoriteitpersoonsgegevens.nl/nl/zelf-doen/gebruik-uw-privacyrechten/klacht-melden-bij-de-ap" target="_blank">Autoriteit Persoonsgegevens</a>

Fix any of the following:

  • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

body
6

Element location

p:nth-child(19) > a[target="_blank"]

Element source

<a href="/-/media/essent/documenten/diversen/gedragscode_leveranciers_slimme_meters.ashx" target="_blank">Gedragscode Leveranciers Slimme Meters 2012</a>

Fix any of the following:

  • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

body
7

Element location

p:nth-child(25) > a[href$="klantenservice"]

Element source

<a href="/klantenservice">contact</a>

Fix any of the following:

  • Element has insufficient color contrast of 2.76 (foreground color: #00a9d1, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

body
8

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > .links__title.font-weight-bold

Element source

<p _ngcontent-innogy-app-c178="" class="links__title font-weight-bold">Particulier</p>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Related node:

.footer
9

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/energie" text="Stroom &amp; Gas" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}">Stroom &amp; Gas</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
10

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="zonnepanelen"][text="Zonnepanelen"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/zonnepanelen" text="Zonnepanelen" linktype="internal" id="{8C15E48E-FD8C-4DE9-936F-37DB3D09688D}">Zonnepanelen</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
11

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(3) > a[text="Cv-ketels"][linktype="external"][_ngcontent-innogy-app-c122=""]

Element source

<a _ngcontent-innogy-app-c122="" href="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/cv-ketels/index.html" linktype="external" url="https://www.essent.nl/content/particulier/energie-besparen/verwarmingsinstallaties/cv-ketels/index.html" text="Cv-ketels">

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
12

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/klantenservice" text="Klantenservice" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Klantenservice</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
13

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/energie/modelcontract" text="Modelcontract" linktype="internal" id="{B8D20CEB-443F-4A11-AC4A-422D569DD3E7}">Modelcontract</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
14

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(2) > .links__title.font-weight-bold

Element source

<p _ngcontent-innogy-app-c178="" class="links__title font-weight-bold">Zakelijk</p>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Related node:

.footer
15

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[text="Zakelijke energie"][linktype="external"][_ngcontent-innogy-app-c122=""]

Element source

<a _ngcontent-innogy-app-c122="" href="https://www.essent.nl/content/zakelijk/producten/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/producten/index.html" text="Zakelijke energie">Zakelijke energie</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
16

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[text="Energie besparen"][linktype="external"][_ngcontent-innogy-app-c122=""]

Element source

<a _ngcontent-innogy-app-c122="" href="https://www.essent.nl/content/zakelijk/energie-besparen/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/energie-besparen/index.html" text="Energie besparen">Energie besparen</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
17

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(3) > a[text="Offerte aanvragen"][linktype="external"][_ngcontent-innogy-app-c122=""]

Element source

<a _ngcontent-innogy-app-c122="" href="https://www.essent.nl/content/zakelijk/offerte_aanvragen/index.html" linktype="external" url="https://www.essent.nl/content/zakelijk/offerte_aanvragen/index.html" text="Offerte aanvragen">Offerte aanvragen</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
18

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(2) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[text="Modelcontract"][linktype="external"][_ngcontent-innogy-app-c122=""]

Element source

<a _ngcontent-innogy-app-c122="" href="https://www.essent.nl/content/zakelijk/producten/elektriciteit_gas/modelcontract%20zakelijk.html" text="Modelcontract" linktype="external" url="https://www.essent.nl/content/zakelijk/producten/elektriciteit_gas/modelcontract%20zakelijk.html">Modelcontract</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
19

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > .links__title.font-weight-bold

Element source

<p _ngcontent-innogy-app-c178="" class="links__title font-weight-bold">Over ons</p>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Related node:

.footer
20

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/over-essent" text="Over Essent" linktype="internal" id="{A13D6256-A57E-4689-8B3C-26758B064407}">Over Essent</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
21

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/over-essent/energietransitie" text="Energietransitie" linktype="internal" id="{3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}">Energietransitie</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
22

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(3) > a[text="Nieuws en media"][linktype="external"][_ngcontent-innogy-app-c122=""]

Element source

<a _ngcontent-innogy-app-c122="" href="https://www.essent.nl/content/overessent/actueel/index.html" text="Nieuws en media" linktype="external" url="https://www.essent.nl/content/overessent/actueel/index.html">Nieuws en media</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
23

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/klantenservice" text="Contact" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Contact</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
24

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[text="Bij ons werken"][linktype="external"][_ngcontent-innogy-app-c122=""]

Element source

<a _ngcontent-innogy-app-c122="" href="https://www.werkenbijessent.nl/" linktype="external" url="https://www.werkenbijessent.nl/" text="Bij ons werken">Bij ons werken</a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
25

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[text="Privacy"][href$="privacyverklaring"]

Element source

<a _ngcontent-innogy-app-c169="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacy" linktype="internal" id="{FE020002-0B8D-4372-90AC-A5E8141E83AB}"> Privacy </a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
26

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]

Element source

<a _ngcontent-innogy-app-c169="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden" text="Voorwaarden" linktype="internal" id="{28B60084-C686-43C4-AD2E-8D4985FF9824}"> Voorwaarden </a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
27

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > a[href$="kennisbank"][text="Kennisbank"][url="/kennisbank"]

Element source

<a _ngcontent-innogy-app-c169="" class="nav-link py-0 pl-0 pr-2" href="/kennisbank" text="Kennisbank" linktype="external" url="/kennisbank"> Kennisbank </a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
28

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)

Element source

<a _ngcontent-innogy-app-c169="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden/algemene-inkoopvoorwaarden" text="Informatie voor toeleveranciers en inkoopvoorwaarden" linktype="internal" id="{A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}"> Informatie voor toeleveranciers en inkoopvoorwaarden </a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
29

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(5)

Element source

<a _ngcontent-innogy-app-c169="" class="nav-link py-0 pl-0 pr-2" href="https://eon-wb.compliancesolutions.com/" linktype="external" url="https://eon-wb.compliancesolutions.com/"> Whistleblowing E.ON </a>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
30

Element location

.nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c137=""]

Element source

<span _ngcontent-innogy-app-c137="" class="nav-legal__copyright">©Essent 2022</span>

Fix any of the following:

  • Element has insufficient color contrast of 3 (foreground color: #ffffff, background color: #94949e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.footer
3. IDs of active elements must be unique
Learn more
duplicate-id-active
WCAG 2 Level A, WCAG 4.1.1

Ensures every id attribute value of active elements is unique

serious
Issue Tags: cat.parsing wcag2a wcag411
# Issue Description To solve this violation, you need to...
1

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/energie" text="Stroom &amp; Gas" linktype="internal" id="{C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}">Stroom &amp; Gas</a>

Fix any of the following:

  • Document has active elements with the same id attribute: {C9477DB5-8FE0-4AAF-9242-C8BB6E14CB00}

Related node:

.collapse > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[text="Stroom & Gas"][href$="energie"][linktype="internal"]
2

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="zonnepanelen"][text="Zonnepanelen"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/zonnepanelen" text="Zonnepanelen" linktype="internal" id="{8C15E48E-FD8C-4DE9-936F-37DB3D09688D}">Zonnepanelen</a>

Fix any of the following:

  • Document has active elements with the same id attribute: {8C15E48E-FD8C-4DE9-936F-37DB3D09688D}

Related node:

.collapse > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="zonnepanelen"][text="Zonnepanelen"][linktype="internal"]
3

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/klantenservice" text="Klantenservice" linktype="internal" id="{45518F8B-757E-4406-B681-C2A142CF35EE}">Klantenservice</a>

Fix any of the following:

  • Document has active elements with the same id attribute: {45518F8B-757E-4406-B681-C2A142CF35EE}

Related node:

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]
.collapse > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Klantenservice"][href$="klantenservice"][linktype="internal"]
.collapse > .list-no-default-spacing.list-unstyled > li:nth-child(4) > a[text="Contact"][href$="klantenservice"][linktype="internal"]
4

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/energie/modelcontract" text="Modelcontract" linktype="internal" id="{B8D20CEB-443F-4A11-AC4A-422D569DD3E7}">Modelcontract</a>

Fix any of the following:

  • Document has active elements with the same id attribute: {B8D20CEB-443F-4A11-AC4A-422D569DD3E7}

Related node:

.collapse > .list-no-default-spacing.list-unstyled > li:nth-child(5) > a[href$="modelcontract"][text="Modelcontract"][linktype="internal"]
5

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/over-essent" text="Over Essent" linktype="internal" id="{A13D6256-A57E-4689-8B3C-26758B064407}">Over Essent</a>

Fix any of the following:

  • Document has active elements with the same id attribute: {A13D6256-A57E-4689-8B3C-26758B064407}

Related node:

.collapse > .list-no-default-spacing.list-unstyled > li:nth-child(1) > a[href$="over-essent"][text="Over Essent"][linktype="internal"]
6

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > wl-list > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]

Element source

<a _ngcontent-innogy-app-c122="" href="/over-essent/energietransitie" text="Energietransitie" linktype="internal" id="{3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}">Energietransitie</a>

Fix any of the following:

  • Document has active elements with the same id attribute: {3FB30AAE-69B0-4D47-9E60-AE1A42B4C39F}

Related node:

.collapse > .list-no-default-spacing.list-unstyled > li:nth-child(2) > a[href$="energietransitie"][text="Energietransitie"][linktype="internal"]
7

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[text="Privacy"][href$="privacyverklaring"]

Element source

<a _ngcontent-innogy-app-c169="" class="nav-link py-0 pl-0 pr-2" href="/privacyverklaring" text="Privacy" linktype="internal" id="{FE020002-0B8D-4372-90AC-A5E8141E83AB}"> Privacy </a>

Fix any of the following:

  • Document has active elements with the same id attribute: {FE020002-0B8D-4372-90AC-A5E8141E83AB}

Related node:

.nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[text="Privacy"][href$="privacyverklaring"]
8

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]

Element source

<a _ngcontent-innogy-app-c169="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden" text="Voorwaarden" linktype="internal" id="{28B60084-C686-43C4-AD2E-8D4985FF9824}"> Voorwaarden </a>

Fix any of the following:

  • Document has active elements with the same id attribute: {28B60084-C686-43C4-AD2E-8D4985FF9824}

Related node:

.nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[href$="voorwaarden"][text="Voorwaarden"]
9

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)

Element source

<a _ngcontent-innogy-app-c169="" class="nav-link py-0 pl-0 pr-2" href="/voorwaarden/algemene-inkoopvoorwaarden" text="Informatie voor toeleveranciers en inkoopvoorwaarden" linktype="internal" id="{A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}"> Informatie voor toeleveranciers en inkoopvoorwaarden </a>

Fix any of the following:

  • Document has active elements with the same id attribute: {A125FB62-32E4-46BC-BF7D-A2E8A3B03C55}

Related node:

.nav-legal--outline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0.pl-0.pr-2:nth-child(4)
4. Heading levels should only increase by one
Learn more
heading-order
Best practice

Ensures the order of headings is semantically correct

moderate
Issue Tags: cat.semantics best-practice
# Issue Description To solve this violation, you need to...
1

Element location

h4:nth-child(2)

Element source

<h4><span class="text-brand">1. Met je toestemming verzamelen we persoonsgegevens voor de volgende doelstelling</span></h4>

Fix any of the following:

  • Heading order invalid
5. Document should have one main landmark
Learn more
landmark-one-main
Best practice

Ensures the document has a main landmark

moderate
Issue Tags: cat.semantics best-practice
# Issue Description To solve this violation, you need to...
1

Element location

html

Element source

<html lang="nl" class="fonts-stage-1 fonts-stage-2">

Fix all of the following:

  • Document does not have a main landmark
6. Ensures landmarks are unique
Learn more
landmark-unique
Best practice

Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

moderate
Issue Tags: cat.semantics best-practice
# Issue Description To solve this violation, you need to...
1

Element location

.navbar-expand-md

Element source

<nav _ngcontent-innogy-app-c325="" class="navbar navbar-expand-md navbar-light pb-md-2 pb-lg-3 pt-3 px-0 bg-white">

Fix any of the following:

  • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

Related node:

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav
7. Links must have discernible text
Learn more
link-name
WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4

Ensures links have discernible text

serious
Issue Tags: cat.name-role-value wcag2a wcag412 wcag244 section508 section508.22.a ACT
# Issue Description To solve this violation, you need to...
1

Element location

a[data-automation-id="breadcrumb-anchor-0"]

Element source

<a _ngcontent-innogy-app-c163="" wltracklink="" class="breadcrumb" href="/" data-automation-id="breadcrumb-anchor-0">

Fix all of the following:

  • Element is in tab order and does not have accessible text

Fix any of the following:

  • Element does not have text that is visible to screen readers
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute
8. All page content should be contained by landmarks
Learn more
region
Best practice

Ensures all page content is contained by landmarks

moderate
Issue Tags: cat.keyboard best-practice
# Issue Description To solve this violation, you need to...
1

Element location

wl-jumbotron

Element source

<wl-jumbotron _nghost-innogy-app-c172="">

Fix any of the following:

  • Some page content is not contained by landmarks
2

Element location

wl-dynamic-row

Element source

<wl-dynamic-row _nghost-innogy-app-c347="" id="">

Fix any of the following:

  • Some page content is not contained by landmarks
3

Element location

wl-footer-brand

Element source

<wl-footer-brand _ngcontent-innogy-app-c138="" class="footer__brand-container col align-items-end text-center text-md-left" _nghost-innogy-app-c135="">

Fix any of the following:

  • Some page content is not contained by landmarks
4

Element location

.row.d-flex[_ngcontent-innogy-app-c178=""]

Element source

<div _ngcontent-innogy-app-c178="" class="row d-flex">

Fix any of the following:

  • Some page content is not contained by landmarks
5

Element location

.nav-legal--inline > .nav-legal__copyright[_ngcontent-innogy-app-c137=""]

Element source

<span _ngcontent-innogy-app-c137="" class="nav-legal__copyright">©Essent 2022</span>

Fix any of the following:

  • Some page content is not contained by landmarks
# Description Axe rule ID WCAG Nodes passed check
1 Elements must only use allowed ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 7
2 ARIA role should be appropriate for the element aria-allowed-role Best practice 17
3 aria-hidden='true' must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
4 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 16
5 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 2
6 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 2
7 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 7
8 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 7
9 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 4
10 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
11 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 49
12 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
13 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 23
14 Headings should not be empty empty-heading Best practice 12
15 Table header text must not be empty empty-table-header WCAG 1.3.1 3
16 Heading levels should only increase by one heading-order Best practice 11
17 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
18 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
19 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 34
20 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 2
21 Alternative text of images should not be repeated as text image-redundant-alt Best practice 2
22 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
23 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice 1
24 Ensures landmarks are unique landmark-unique Best practice 3
25 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 39
26 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 5
27 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 22
28 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
29 Zooming and scaling should not be disabled meta-viewport Best practice 1
30 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 5
31 Page should contain a level-one heading page-has-heading-one Best practice 1
32 All page content should be contained by landmarks region Best practice 241
33 scope attribute should be used correctly scope-attr-valid Best practice 3
34 tables should not have the same summary and caption table-duplicate-name Best practice 1
35 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1 1
36 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1 1

What 'incomplete' axe checks means?

Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

Visit axe API Documentation to learn more.

# Description Axe rule ID WCAG Nodes with incomplete check
1 Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 1
2 Links with the same name must have a similar purpose identical-links-same-purpose WCAG 2 Level AAA, WCAG 2.4.9 1

What 'inapplicable' axe checks means?

The inapplicable array lists all the rules for which no matching elements were found on the page.

Visit axe API Documentation to learn more.

# Description Axe rule ID WCAG
1 accesskey attribute value should be unique accesskeys Best practice
2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
4 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
9 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
10 "role=text" should have no focusable descendants aria-text Best practice
11 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
12 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
13 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
14 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
15 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
16 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2
17 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
18 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
19 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.1
20 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
22 Frames should be tested with axe-core frame-tested Best practice
23 Frames should have a unique title attribute frame-title-unique Best practice
24 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
25 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
26 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
27 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
28 Form elements should have a visible label label-title-only Best practice
29 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
30 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
31 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
32 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
33 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
34 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
35 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
36 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
37 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
38 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
39 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
40 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
41 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
42 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
43 The skip-link target should exist and be focusable skip-link Best practice
44 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
45 Elements should not have tabindex greater than zero tabindex Best practice
46 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
47 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2