AXE Accessibility Results for energiebedrijven project

Page URL: https://www.essent.nl/voorwaarden/wet-en-regelgeving
axe-core found 60 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 36
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 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
6 Document should have one main landmark landmark-one-main Best practice moderate 1
7 Ensures landmarks are unique landmark-unique Best practice moderate 1
8 Links must have discernible text link-name WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 serious 4
9 All page content should be contained by landmarks region Best practice moderate 6

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

a[href$="www.acm.nl"]

Element source

<a rel="noopener noreferrer" href="https://www.acm.nl" target="_blank">www.acm.nl</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[href$="www.consuwijzer.nl"][target="_blank"]:nth-child(2)

Element source

<a href="http://www.consuwijzer.nl" target="_blank">www.consuwijzer.nl</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

a[target="_blank"]:nth-child(6)

Element source

<a href="http://www.geschillencommissie.nl" target="_blank">www.geschillencommissie.nl</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(13) > a[target="_blank"]:nth-child(2)

Element source

<a href="http://www.energie-nederland.nl" target="_blank">www.energie-nederland.nl</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

p:nth-child(17) > a

Element source

<a href="/-/media/essent/documenten/diversen/gedragscode_consument_en_leverancier_essent.ashx">Gedragscode consument en leverancier</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
9

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(1) > .links__title.font-weight-bold[_ngcontent-innogy-app-c178=""]

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
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(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
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(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
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(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
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(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
14

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
15

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(2) > .links__title.font-weight-bold[_ngcontent-innogy-app-c178=""]

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
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(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
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(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
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(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
19

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
20

Element location

.col-md-3.col-sm-6.col-xl-2:nth-child(3) > .links__title.font-weight-bold[_ngcontent-innogy-app-c178=""]

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
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(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
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(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
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(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
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(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
25

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
26

Element location

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

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
27

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[text="Voorwaarden"][href$="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
28

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
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(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
30

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
31

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
32

Element location

#dynamicLink > a

Element source

<a href="https://www.essent.nl/content/sitevoorwaarden/overzicht-websites.html">E.ON groep</a>

Fix any of the following:

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

Related node:

#stTagPopup > .stTagPopupWrapper
33

Element location

#privacyverklaring > a

Element source

<a href="https://www.essent.nl/content/sitevoorwaarden/privacyverklaring.html">privacyverklaring</a>

Fix any of the following:

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

Related node:

#stTagPopup > .stTagPopupWrapper
34

Element location

#std_cookie_show_settings

Element source

<a href="#" id="std_cookie_show_settings">instellingen</a>

Fix any of the following:

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

Related node:

#stTagPopup > .stTagPopupWrapper
35

Element location

#stAcceptDefault

Element source

<a class="btn btn-blue" id="stAcceptDefault" href="#">Ja, ik accepteer cookies</a>

Fix any of the following:

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

Related node:

#stAcceptDefault
36

Element location

#stSettingsButton

Element source

<a class="btn btn-blue-ghost" id="stSettingsButton" href="#">Instellingen</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: bold). Expected contrast ratio of 4.5:1

Related node:

#stTagPopup > .stTagPopupWrapper
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[href$="privacyverklaring"][text="Privacy"]

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[href$="privacyverklaring"][text="Privacy"]
8

Element location

.nav-legal--inline > .nav-legal__left-container[name="bottom-links-container"][sc-placeholder=""] > wl-horizontal-links-list > .nav > .py-0[text="Voorwaarden"][href$="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[text="Voorwaarden"][href$="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

h3:nth-child(2)

Element source

<h3><span class="text-brand">ACM is toezichthouder</span></h3>

Fix any of the following:

  • Heading order invalid
5. Images must have alternate text
Learn more
image-alt
WCAG 2 Level A, WCAG 1.1.1

Ensures <img> elements have alternate text or a role of none or presentation

critical
Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a ACT
# Issue Description To solve this violation, you need to...
1

Element location

#logo1

Element source

<img id="logo1" src="https://static.essent.nl/online/img/essent-logo-bottom-right-small.png" align="left">

Fix any of the following:

  • Element does not have an alt attribute
  • 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
  • Element's default semantics were not overridden with role="none" or role="presentation"
6. 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
7. 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
8. 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
2

Element location

a[href$="www.consuwijzer.nl"][rel="noopener noreferrer"][target="_blank"]

Element source

<a rel="noopener noreferrer" href="https://www.consuwijzer.nl" target="_blank"></a>

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
3

Element location

p:nth-child(9) > a[rel="noopener noreferrer"][target="_blank"]

Element source

<a rel="noopener noreferrer" href="https://www.geschillencommissie.nl" target="_blank"></a>

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
4

Element location

p:nth-child(13) > a[rel="noopener noreferrer"][target="_blank"]

Element source

<a rel="noopener noreferrer" href="https://www.energie-nederland.nl" target="_blank"></a>

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
9. 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
6

Element location

#stTagPopup

Element source

<div id="stTagPopup" class="stPopup roundedCorners container" style="display: block;">

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 7
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 21
12 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
13 IDs of active elements must be unique duplicate-id-active WCAG 2 Level A, WCAG 4.1.1 3
14 id attribute value must be unique duplicate-id WCAG 2 Level A, WCAG 4.1.1 20
15 Headings should not be empty empty-heading Best practice 6
16 Heading levels should only increase by one heading-order Best practice 5
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 39
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 3
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 45
26 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 4
27 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 18
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 6
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 223

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 Table header text must not be empty empty-table-header WCAG 1.3.1
21 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
22 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
23 Frames should be tested with axe-core frame-tested Best practice
24 Frames should have a unique title attribute frame-title-unique Best practice
25 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2
26 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
27 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
28 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
29 Form elements should have a visible label label-title-only Best practice
30 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
31 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
32 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
33 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
34 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
35 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
36 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
37 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
38 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
39 Elements of role none or presentation should be flagged presentation-role-conflict Best practice
40 [role='img'] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
41 scope attribute should be used correctly scope-attr-valid Best practice
42 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
43 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1
44 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
45 The skip-link target should exist and be focusable skip-link Best practice
46 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
47 Elements should not have tabindex greater than zero tabindex Best practice
48 tables should not have the same summary and caption table-duplicate-name Best practice
49 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
50 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
51 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
52 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2