johannes-brahms-gymnasium.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 4.34:1. Recommendation: change text colour to #707780.

Selector: #event-7253-1 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/prufungskolloquien-s4/" data-event-show="permalink" data-event-id="10665663">Prüfungskolloquien S4</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.34:1. Recommendation: change text colour to #707780.

Selector: #event-7251-2 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/msa-mathematik/" data-event-show="permalink" data-event-id="10665662">MSA Mathematik</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.34:1. Recommendation: change text colour to #707780.

Selector: #event-7251-2 > div > div:nth-child(2) > div > div > div

Kontext: <div class="pp-time-short"> <time datetime="2026-04-13T10...</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.34:1. Recommendation: change text colour to #707780.

Selector: #event-7251-2 > div > div:nth-child(2) > div > div > div > time:nth-child(1)

Kontext: <time datetime="2026-04-13T10:00:00+02:00">10:00</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 4.34:1. Recommendation: change text colour to #707780.

Selector: #event-7251-2 > div > div:nth-child(2) > div > div > div > time:nth-child(2)

Kontext: <time datetime="2026-04-13T11:00:00+02:00">11:00</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 4.34:1. Recommendation: change text colour to #707780.

Selector: #event-7252-3 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/zeugniskonferenz-s4/" data-event-show="permalink" data-event-id="10665623">Zeugniskonferenz S4 online</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.34:1. Recommendation: change text colour to #707780.

Selector: #event-7252-3 > div > div:nth-child(2) > div > div > div

Kontext: <div class="pp-time-short"> <time datetime="2026-04-13T14...</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.34:1. Recommendation: change text colour to #707780.

Selector: #event-7252-3 > div > div:nth-child(2) > div > div > div > time:nth-child(1)

Kontext: <time datetime="2026-04-13T14:30:00+02:00">14:30</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 4.34:1. Recommendation: change text colour to #707780.

Selector: #event-7252-3 > div > div:nth-child(2) > div > div > div > time:nth-child(2)

Kontext: <time datetime="2026-04-13T16:00:00+02:00">16:00</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 4.34:1. Recommendation: change text colour to #707780.

Selector: #event-7279-4 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/zeugnisausgabe-s4-2/" data-event-show="permalink" data-event-id="10665725">Zeugnisausgabe S4+VV Abitur</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.34:1. Recommendation: change text colour to #707780.

Selector: #event-7280-5 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/msa-deutsch/" data-event-show="permalink" data-event-id="10665727">MSA Deutsch</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:1. Recommendation: change text colour to #fdfeff.

Selector: #footer-inside > div:nth-child(3) > 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 1:1. Recommendation: change text colour to #fdfeff.

Selector: #footer-inside > div:nth-child(3) > 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://johannes-brahms-gymnasium.hamburg.de/" id="logo" class="custom-logo-link" title="Johannes-Brahms-Gymnasium" rel="home" aria-current="page"><img src="https://joh...

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: #post-1753 > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > figure > a

Kontext: <a href="https://www.youtube.com/watch?v=e284boBzPDk" target="_blank" rel="noopener"><img decoding="async" width="55...</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-91 > 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-258 > 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-262 > 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-103 > 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-1247 > 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-1250 > 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-106 > 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-294 > 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-295 > 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-296 > 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-620 > 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-283 > 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-275 > 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-276 > 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-277 > 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-278 > 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-287 > 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-112 > 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>