stadtwerke-bad-homburg.de

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #top > a:nth-child(1)

Kontext: <a href="#main" class="fixed top-4 left-4 button button--secondary z-50 opacity-0 focus:opacity-100 pointer-events-none focus:pointer-events-auto transition-opacity duration-100...

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #top > a:nth-child(2)

Kontext: <a href="#footer" class="fixed top-4 left-4 button button--secondary z-50 opacity-0 focus:opacity-100 pointer-events-none focus:pointer-events-auto transition-opacity duration-1...

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #top > header > div > div:nth-child(1) > nav > ul > li:nth-child(7) > a

Kontext: <a title="Kundenportal" class="navigation__link block px-3-em xl:px-6-em py-4-em uppercase navigation__link--is-main" href="https://kundenportal.bad-homburg.de/powercommerce/csi...

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer-contact

Kontext: <div class="uppercase font-bold" id="footer-contact">Navigation</div>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(1) > nav > ul > li:nth-child(1) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 uppercase font-semibold" href="/de/produkte">Produkte<svg class="inline alig...</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(1) > nav > ul > li:nth-child(2) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 uppercase font-semibold" href="/de">Startseite<svg class="inline al...</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(1) > nav > ul > li:nth-child(3) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 uppercase font-semibold" href="/de/service">Service<svg class="inline align...</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(1) > nav > ul > li:nth-child(4) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 uppercase font-semibold" href="/de/seedammbad">Seedammbad<svg class="inline al...</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(1) > nav > ul > li:nth-child(5) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 uppercase font-semibold" href="/de/netze">Netze<svg class="inline align-b...</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(1) > nav > ul > li:nth-child(6) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 uppercase font-semibold" href="/de/unternehmen">Unternehmen<svg class="inline a...</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(1) > nav > ul > li:nth-child(7) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 uppercase font-semibold" href="/de/kontakt">Kontakt<svg class="inline align...</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer-fast_access

Kontext: <div class="uppercase font-bold" id="footer-fast_access">Rechtliches</div>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(2) > nav > ul > li:nth-child(1) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 " href="/de/unternehmen/kontakt/impressum">Impressum</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(2) > nav > ul > li:nth-child(2) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 " href="/de/unternehmen/kontakt/datenschutz">Datenschutz</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(2) > nav > ul > li:nth-child(3) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 " href="/de/service/vertrag%20kuendigen" target="_blank" rel="noopener noreferrer">Vertra...

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(2) > nav > ul > li:nth-child(4) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 " href="/de/barrierefreiheitserklaerung">Erklärung zur Barrierefreiheit</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(2) > nav > ul > li:nth-child(5) > a

Kontext: <a class=" block py-2-em md:py-1-em hover:text-lightgrey transition-colors duration-300 " href="/de/barrierefreiheitserklaerung/barriere-melden">Barriere melden</a>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer-service

Kontext: <div class="uppercase font-bold" id="footer-service">Adresse und Kontakt</div>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(3) > nav > ul > li:nth-child(1) > p

Kontext: <p class="footer-text my-2-em"> Stadtwerke Bad...</p>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(3) > nav > ul > li:nth-child(2) > p

Kontext: <p class="footer-text my-2-em"> E-Mail: stadtw...</p>

Originalmeldung: 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.87:1. Recommendation: change background to #947119.

Selector: #footer > div:nth-child(1) > div > div:nth-child(3) > nav > ul > li:nth-child(3) > p

Kontext: <p class="footer-text my-2-em"> Störmeldestell...</p>

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

Selector: #search-input

Kontext: <input type="search" name="q" id="search-input" placeholder="Suchbegriff eingeben" class="search__input h-full outline-none" required="" autocomplete="off">

Originalmeldung: Duplicate id attribute value "dialogTitle" found on the web page.

Selector: #dialogTitle

Kontext: <div id="dialogTitle" class="h1 m-0">Notfall</div>

Originalmeldung: Duplicate id attribute value "dialogDesc" found on the web page.

Selector: #dialogDesc

Kontext: <div id="dialogDesc" class="wysiwyg pb-11"><p>Im <strong>Notfall</strong> ...</div>

Originalmeldung: Duplicate id attribute value "dialogTitle" found on the web page.

Selector: #dialogTitle

Kontext: <div id="dialogTitle" class="h1 m-0">Kontakt</div>

Originalmeldung: Duplicate id attribute value "dialogDesc" found on the web page.

Selector: #dialogDesc

Kontext: <div id="dialogDesc" class="wysiwyg pb-11"><p style="text-align: justify;"...</div>

Originalmeldung: Duplicate id attribute value "dialogTitle" found on the web page.

Selector: #dialogTitle

Kontext: <div id="dialogTitle" class="h1 m-0">Anschrift und Öffnungszeiten</div>

Originalmeldung: Duplicate id attribute value "dialogDesc" found on the web page.

Selector: #dialogDesc

Kontext: <div id="dialogDesc" class="wysiwyg pb-11"><p style="text-align: justify;"...</div>

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: #main > div:nth-child(4) > div > div > div:nth-child(3) > div > div:nth-child(1) > div > h2

Kontext: <h2 class="block font-bold h2"></h2>