schule-cranz.hamburg.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.54:1. Recommendation: change text colour to #005660.

Selector: #lp-blocks1 > header > div > a

Kontext: <a href="https://schule-cranz.hamburg.de/2025/10/bauarbeiten-in-der-strasse-estedeich-ab-dem-13-10-2025/">&gt;&gt;&gt; Weitere Informatio...</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.84:1. Recommendation: change text colour to #6f6f6f.

Selector: #lp-boxes-1 > div > div:nth-child(1) > div:nth-child(2) > div > div

Kontext: <div class="lp-box-text-inside"> Gemeinsam für den Umweltschutz...</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.23:1. Recommendation: change background to #fbfbfb.

Selector: #lp-boxes-1 > div > div:nth-child(1) > div:nth-child(2) > div > a

Kontext: <a class="lp-box-readmore" href="https://schule-cranz.hamburg.de/2026/02/hamburg-raeumt-auf-2026/"> Weiter <em class="screen-reade...</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.84:1. Recommendation: change text colour to #6f6f6f.

Selector: #lp-boxes-1 > div > div:nth-child(2) > div:nth-child(2) > div > div

Kontext: <div class="lp-box-text-inside"> Am Dienstag, dem 17. Februar, ...</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.23:1. Recommendation: change background to #fbfbfb.

Selector: #lp-boxes-1 > div > div:nth-child(2) > div:nth-child(2) > div > a

Kontext: <a class="lp-box-readmore" href="https://schule-cranz.hamburg.de/2026/02/tag-der-muttersprache-2026/"> Weiter <em class="screen-reade...</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.84:1. Recommendation: change text colour to #6f6f6f.

Selector: #lp-boxes-1 > div > div:nth-child(3) > div:nth-child(2) > div > div

Kontext: <div class="lp-box-text-inside"> Die Schule Cranz hat in diesem...</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.23:1. Recommendation: change background to #fbfbfb.

Selector: #lp-boxes-1 > div > div:nth-child(3) > div:nth-child(2) > div > a

Kontext: <a class="lp-box-readmore" href="https://schule-cranz.hamburg.de/2026/02/informatik-biber-2025/"> Weiter <em class="screen-reade...</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.84:1. Recommendation: change text colour to #6f6f6f.

Selector: #lp-boxes-1 > div > div:nth-child(4) > div:nth-child(2) > div > div

Kontext: <div class="lp-box-text-inside"> Wir laden herzlich ein zum Adv...</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.23:1. Recommendation: change background to #fbfbfb.

Selector: #lp-boxes-1 > div > div:nth-child(4) > div:nth-child(2) > div > a

Kontext: <a class="lp-box-readmore" href="https://schule-cranz.hamburg.de/2025/11/adventszauber-2/"> Weiter <em class="screen-reade...</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.84:1. Recommendation: change text colour to #6f6f6f.

Selector: #lp-boxes-1 > div > div:nth-child(5) > div:nth-child(2) > div > div

Kontext: <div class="lp-box-text-inside"> Am 8. Oktober 2025 war die Kla...</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.23:1. Recommendation: change background to #fbfbfb.

Selector: #lp-boxes-1 > div > div:nth-child(5) > div:nth-child(2) > div > a

Kontext: <a class="lp-box-readmore" href="https://schule-cranz.hamburg.de/2025/10/ausflug-zum-wildpark-schwarze-berge/"> Weiter <em class="screen-reade...</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.84:1. Recommendation: change text colour to #6f6f6f.

Selector: #lp-boxes-1 > div > div:nth-child(6) > div:nth-child(2) > div > div

Kontext: <div class="lp-box-text-inside"> Ab Montag, 19.01.2026, werden ...</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.23:1. Recommendation: change background to #fbfbfb.

Selector: #lp-boxes-1 > div > div:nth-child(6) > div:nth-child(2) > div > a

Kontext: <a class="lp-box-readmore" href="https://schule-cranz.hamburg.de/2025/10/bauarbeiten-in-der-strasse-estedeich-ab-dem-13-10-2025/"> Weiter <em class="screen-reade...</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.11:1. Recommendation: change text colour to #00646f.

Selector: #menu-item-7681 > a

Kontext: <a href="https://schule-cranz.hamburg.de/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 1.86:1. Recommendation: change text colour to #5a5a5a.

Selector: #menu-item-7681 > span

Kontext: <span class="sep">|</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.11:1. Recommendation: change text colour to #00646f.

Selector: #menu-item-7239 > a

Kontext: <a href="https://www.instagram.com/schulecranz/">Instagram</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 text colour to #5a5a5a.

Selector: #menu-item-7239 > span

Kontext: <span class="sep">|</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.11:1. Recommendation: change text colour to #00646f.

Selector: #menu-item-7969 > a

Kontext: <a href="https://portal.iam.schuldock.de/">Schuldock</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 text colour to #5a5a5a.

Selector: #menu-item-7969 > span

Kontext: <span class="sep">|</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.11:1. Recommendation: change text colour to #00646f.

Selector: #menu-item-7970 > a

Kontext: <a href="https://s5743.schuldock.de">IServ</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 text colour to #5a5a5a.

Selector: #menu-item-7970 > span

Kontext: <span class="sep">|</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.11:1. Recommendation: change text colour to #00646f.

Selector: #menu-item-7668 > a

Kontext: <a href="https://hh5743.webuntis.com/">WebUntis</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 text colour to #5a5a5a.

Selector: #menu-item-7668 > span

Kontext: <span class="sep">|</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.11:1. Recommendation: change text colour to #00646f.

Selector: #menu-item-7670 > a

Kontext: <a href="https://lms.lernen.hamburg">LMS</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 text colour to #5a5a5a.

Selector: #menu-item-7670 > span

Kontext: <span class="sep">|</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.11:1. Recommendation: change text colour to #00646f.

Selector: #menu-item-7479 > a

Kontext: <a href="https://groupware.eduport.hamburg.de/SOGo">eduPort</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.11:1. Recommendation: change text colour to #00646f.

Selector: #site-copyright > a

Kontext: <a title="prSCHULE Hamburg" href="http://www.pr-schule-hamburg.com" target="_blank" rel="noopener">prSCHULE Hamburg</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.11:1. Recommendation: change text colour to #00646f.

Selector: #footer-inside > div:nth-child(4) > a:nth-child(1)

Kontext: <a target="_blank" href="http://www.cryoutcreations.eu/wordpress-themes/fluida" title="Fluida WordPress Theme by Cryout Creations"> Fluida</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.11:1. Recommendation: change text colour to #00646f.

Selector: #footer-inside > div:nth-child(4) > a:nth-child(2)

Kontext: <a target="_blank" href="http://wordpress.org/" title="Semantic Personal Publishing Platform"> WordPress.</a>

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

Selector: #logo

Kontext: <a href="https://schule-cranz.hamburg.de/" id="logo" class="custom-logo-link" title="Schule Cranz" rel="home" aria-current="page"><img src="https://schule-cranz....</a>

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

Selector: #nav-toggle

Kontext: <a id="nav-toggle" href="#"><span>&nbsp;</span></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: #lp-text-two > div > div > div:nth-child(1) > figure:nth-child(1) > a

Kontext: <a href="https://www.hamburg.de/politik-und-verwaltung/behoerden/bsfb/themen/startchancen/" target="_blank" rel=" noreferrer noopener"><img decoding="async" width="30...</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: #lp-text-two > div > div > div:nth-child(1) > div:nth-child(2) > figure > a

Kontext: <a href="https://schule-cranz.hamburg.de/schulprofil/internet-abc-schule/"><img decoding="async" width="30...</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: #lp-text-two > div > div > div:nth-child(1) > div:nth-child(4) > figure > a

Kontext: <a href="https://schule-cranz.hamburg.de/schulprofil/jeki/"><img decoding="async" width="30...</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: #lp-text-two > div > div > div:nth-child(1) > figure:nth-child(6) > a

Kontext: <a href="https://schule-cranz.hamburg.de/schulprofil/eu-schulprogramm/"><img decoding="async" width="21...</a>

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: #menu-item-5703 > button

Kontext: <button class="dropdown-toggle" aria-expanded="false"></button>

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: #menu-item-7081 > button

Kontext: <button class="dropdown-toggle" aria-expanded="false"></button>

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: #menu-item-7174 > button

Kontext: <button class="dropdown-toggle" aria-expanded="false"></button>

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: #menu-item-7740 > button

Kontext: <button class="dropdown-toggle" aria-expanded="false"></button>

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: #menu-item-7253 > button

Kontext: <button class="dropdown-toggle" aria-expanded="false"></button>

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: #nav-cancel

Kontext: <button id="nav-cancel"><i class="blicon-cross3"></i></button>

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: #bsb-opt-out-frame

Kontext: <iframe id="bsb-opt-out-frame" src="//schulhomepages-tracking.hamburg.de/index.php?module=CoreAdminHome&amp;action=optOut&amp;language=de"></iframe>