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/04/01/besuch-aus-singapur-ite-delegation-zu-gast-an-der-hhs/" target="_self">Besuch aus Singapur: ITE-Delega...</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-04-01T08:42:53+02:00">1. 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(1) > div > a

Kontext: <a href="https://www.hhs.karlsruhe.de/2026/04/01/besuch-aus-singapur-ite-delegation-zu-gast-an-der-hhs/" 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/03/31/antrittsbesuch-aus-aix-en-provence/" target="_self">Antrittsbesuch aus Aix-en-Prove...</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-03-31T08:06:41+02:00">31. März 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/03/31/antrittsbesuch-aus-aix-en-provence/" 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/03/30/ein-vormittag-am-arbeitsgericht/" target="_self">Ein Vormittag am Arbeitsgericht</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-03-30T10:15:03+02:00">30. März 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/03/30/ein-vormittag-am-arbeitsgericht/" 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/03/30/feet1-und-feet2-besuchen-light-building/" target="_self">FEET1 und FEET2 besuchen „Light...</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-03-30T10:09:14+02:00">30. März 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/03/30/feet1-und-feet2-besuchen-light-building/" 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>

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

Selector: #r69d5b9c762fc9be

Kontext: <section class=" ics-calendar layout-basic combinemultiday stickymonths multi-feed" id="r69d5b9c762fc9be" style="opacity: 0.606004;"> <article class="ics-calend...</section>