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-7236-1 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/medientag/" data-event-show="permalink" data-event-id="10983423">Medientag</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-7237-2 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/nachprufungen-mdl-abitur/" data-event-show="permalink" data-event-id="10983448">Nachprüfungen mdl. 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-7235-3 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/zeugniskonferenzen-5789/" data-event-show="permalink" data-event-id="10983447">Zeugniskonferenzen 5,7,8,9</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-7235-3 > div > div:nth-child(2) > div > div > div

Kontext: <div class="pp-time-short"> <time datetime="2026-06-22T14...</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-7235-3 > div > div:nth-child(2) > div > div > div > time:nth-child(1)

Kontext: <time datetime="2026-06-22T14:00:00+02:00">14: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-7235-3 > div > div:nth-child(2) > div > div > div > time:nth-child(2)

Kontext: <time datetime="2026-06-23T16: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-8103-4 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/zielorientierungsworkshop-klasse-10/" data-event-show="permalink" data-event-id="10983409">ZIelorientierungsworksh...

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-7383-5 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/msa-mdl-3/" data-event-show="permalink" data-event-id="10983506">MSA mdl</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-7868-6 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/zukunftscafe-2/" data-event-show="permalink" data-event-id="10983536">Zukunftscafé</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-7868-6 > div > div:nth-child(2) > div > div > div

Kontext: <div class="pp-time-short"> <time datetime="2026-06-25T18...</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-7868-6 > div > div:nth-child(2) > div > div > div > time:nth-child(1)

Kontext: <time datetime="2026-06-25T18:00:00+02:00">18: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-7868-6 > div > div:nth-child(2) > div > div > div > time:nth-child(2)

Kontext: <time datetime="2026-06-25T21:00:00+02:00">21: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-7278-7 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/sporttag/" data-event-show="permalink" data-event-id="10983433">alternative Bundesjugendspiele</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-7380-8 > div > div:nth-child(2) > h3 > a

Kontext: <a href="https://johannes-brahms-gymnasium.hamburg.de/pp_event/6kunited/" data-event-show="permalink" data-event-id="10983518">6KUnited</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: 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>