hhs.karlsruhe.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 3.55:1. Recommendation: change text colour to #3175ba.

Selector: #header-meta > div > div > p > a:nth-child(2)

Kontext: <a href="tel:+497211334848">+49 721/133-4848</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 3.55:1. Recommendation: change text colour to #3175ba.

Selector: #header-meta > div > div > p > a:nth-child(4)

Kontext: <a href="mailto:sekretariat@hhs.karlsruhe.de">sekretariat@hhs.karlsruhe.de</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 1.86:1. Recommendation: change background to #447c9f.

Selector: #featured-slider > div > div:nth-child(2) > div > a

Kontext: <a class="slider-read-more-button" href="https://www.hhs.karlsruhe.de/kontakt/" title="Her(t)zlich willkommen">Hier finden Sie unsere Kontaktd...</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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(1) > h3 > a

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/06/05/firmenbesuch-sew-eurodrive/" target="_self">Firmenbesuch SEW-EURODRIVE</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 1.92:1. Recommendation: change text colour to #767676.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(1) > time

Kontext: <time class="rpwe-time published" datetime="2026-06-05T12:57:09+02:00">5. Juni 2026</time>

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 3.77:1. Recommendation: change text colour to #3579be.

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

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/06/05/firmenbesuch-sew-eurodrive/" class="more-link">mehr»</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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(2) > h3 > a

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/05/12/azubi-bac-pro-treffen-der-e3eg2-und-der-melec1-in-wissembourg/" target="_self">Azubi-Bac-Pro-Treffen der E3EG2...</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 1.92:1. Recommendation: change text colour to #767676.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(2) > time

Kontext: <time class="rpwe-time published" datetime="2026-05-12T12:35:06+02:00">12. Mai 2026</time>

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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(2) > div > a

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/05/12/azubi-bac-pro-treffen-der-e3eg2-und-der-melec1-in-wissembourg/" class="more-link">mehr»</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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(3) > h3 > a

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/05/12/energie-klimafestival-2026/" target="_self">Energie- &amp; Klimafestival un...</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 1.92:1. Recommendation: change text colour to #767676.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(3) > time

Kontext: <time class="rpwe-time published" datetime="2026-05-12T10:11:42+02:00">12. Mai 2026</time>

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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(3) > div > a

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/05/12/energie-klimafestival-2026/" class="more-link">mehr»</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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(4) > h3 > a

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/04/23/jugendfilmtag-2026-kino-als-lernort/" target="_self">Jugendfilmtag 2026: Kino als Le...</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 1.92:1. Recommendation: change text colour to #767676.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(4) > time

Kontext: <time class="rpwe-time published" datetime="2026-04-23T10:30:37+02:00">23. April 2026</time>

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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #rpwe_widget-3 > div > ul > li:nth-child(4) > div > a

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/04/23/jugendfilmtag-2026-kino-als-lernort/" class="more-link">mehr»</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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #rpwe_widget-3 > div > a

Kontext: <a href="https://www.hhs.karlsruhe.de/category/news/">weitere aktuelle Meldungen » </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 3.77:1. Recommendation: change text colour to #3579be.

Selector: #block-3 > a

Kontext: <a href="https://www.hhs.karlsruhe.de/calendar/">zum Kalender »</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 4.43:1. Recommendation: change background to #323232.

Selector: #custom_html-6 > div

Kontext: <div class="textwidget custom-html-widget">✎&nbsp;&nbsp;&nbsp;1872 Schüler...</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 4.43:1. Recommendation: change background to #323232.

Selector: #text-13 > div > p:nth-child(1)

Kontext: <p>Heinrich-Hertz-Schule Karlsruhe...</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 4.43:1. Recommendation: change background to #323232.

Selector: #text-13 > div > p:nth-child(2)

Kontext: <p>Tel.: +49 721/133-4848<br></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 4.43:1. Recommendation: change background to #323232.

Selector: #text-13 > div > p:nth-child(3)

Kontext: <p>Mail: <a href="mailto:sekretari...</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 4.43:1. Recommendation: change background to #323232.

Selector: #text-13 > div > p:nth-child(4)

Kontext: <p>Instagram: <a href="https://www...</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 4.43:1. Recommendation: change background to #323232.

Selector: #text-13 > div > p:nth-child(5)

Kontext: <p>48°59'53.3"N 8°23'01.0"E<br> <a...</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 1.86:1. Recommendation: change background to #447c9f.

Selector: #cn-notice-text

Kontext: <span id="cn-notice-text" class="cn-text-container">Um unsere Webseite für Sie opti...</span>

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 3.77:1. Recommendation: change background to #3579be.

Selector: #cn-accept-cookie

Kontext: <button id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button cn-button-custom button" aria-label="OK">OK</button>

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 3.77:1. Recommendation: change background to #3579be.

Selector: #cn-refuse-cookie

Kontext: <button id="cn-refuse-cookie" data-cookie-set="refuse" class="cn-set-cookie cn-button cn-button-custom button" aria-label="Ablehnen">Ablehnen</button>

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 3.77:1. Recommendation: change background to #3579be.

Selector: #cn-more-info

Kontext: <button data-link-url="https://www.hhs.karlsruhe.de/datenschutz/" data-link-target="_blank" id="cn-more-info" class="cn-more-info cn-button cn-button-custom button" aria-label="...

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="active"></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

Selector: #controllers > a:nth-child(3)

Kontext: <a></a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: #spacious_service_widget-13 > div:nth-child(1) > div > a

Kontext: <a title="Kontakt" href="https://www.hhs.karlsruhe.de/kontakt/"><img width="64" height="64" src...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: #spacious_service_widget-13 > div:nth-child(4) > div > a

Kontext: <a title="Krankmeldung" href="https://www.hhs.karlsruhe.de/krankmeldung/"><img width="64" height="64" src...</a>

Originalmeldung: Anchor element found with a valid href attribute, but no link content has been supplied.

Selector: #scroll-up

Kontext: <a href="#masthead" id="scroll-up" style="display: none;"></a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: #spacious_service_widget-13 > div:nth-child(2) > div > a

Kontext: <a title="Stundenpläne" href="https://hhs.webuntis.com/WebUntis/?school=hhs#main" rel="noopener" target="_blank" aria-label=" (opens in a new tab)"><img width="64" height="64" s...

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: #spacious_service_widget-13 > div:nth-child(3) > div > a

Kontext: <a title="PCloud" href="https://pcloud.hhs.karlsruhe.de/login/login.html" rel="noopener" target="_blank" aria-label=" (opens in a new tab)"><img width="64" height="64" src...</a>

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

Selector: #search-9 > form > div > input

Kontext: <input type="text" placeholder="Suchen" class="s field" name="s">

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #search-9 > form > div > input

Kontext: <input type="text" placeholder="Suchen" class="s field" name="s">

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

Selector: #search-9 > form > div > button

Kontext: <button class="search-icon" type="submit"></button>