petrinum.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.22:1. Recommendation: change text colour to #727272.

Selector: #mdx_header > div:nth-child(1) > div > div > div:nth-child(1) > div > strong

Kontext: <strong>Gymnasium Petrinum Recklinghaus...</strong>

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

Selector: #drop-down-left > li:nth-child(1) > a > span

Kontext: <span class="k-item-desc">Nachrichten</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:1. Recommendation: change text colour to #767676.

Selector: #drop-down-left > li:nth-child(2) > a > span

Kontext: <span class="k-item-desc">Schulprofil</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:1. Recommendation: change text colour to #767676.

Selector: #drop-down-left > li:nth-child(3) > a > span

Kontext: <span class="k-item-desc">Organisation</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:1. Recommendation: change text colour to #767676.

Selector: #drop-down-left > li:nth-child(4) > a > span

Kontext: <span class="k-item-desc">Unterricht</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:1. Recommendation: change text colour to #767676.

Selector: #drop-down-left > li:nth-child(5) > a > span

Kontext: <span class="k-item-desc">Schulleben</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:1. Recommendation: change text colour to #767676.

Selector: #drop-down-left > li:nth-child(6) > a > span

Kontext: <span class="k-item-desc">Schulgemeinschaft</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:1. Recommendation: change text colour to #767676.

Selector: #drop-down-left > li:nth-child(7) > a > span

Kontext: <span class="k-item-desc">Kontakt</span>

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: #mdx_extra > div:nth-child(1) > div > div > div > div > div:nth-child(1) > ul > li > div:nth-child(2) > span > h2

Kontext: <h2 class="quacolor pribg"></h2>

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 background to #052800.

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

Kontext: <a href="" data-slide-index="0" class="bx-pager-link active">1</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.5:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > h1

Kontext: <h1 class="title-widget">Aktuelle Nachrichten (<a href="...</h1>

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.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(1) > div:nth-child(2) > div

Kontext: <div class="recent-news-date">22. Oct 2026</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.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(1) > div:nth-child(3) > div > p:nth-child(2)

Kontext: <p style="text-align: justify;">Am 3. Oktober 2026 – vor 800 Ja...</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 3.55:1. Recommendation: change text colour to #d5412f.

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

Kontext: <a href="nachrichten/auf-den-franziskanischen-spuren-in-recklinghausen-bis-heute/" class="moretag" title="read more">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 4.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(2) > div:nth-child(2) > div

Kontext: <div class="recent-news-date">22. Oct 2026</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.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(2) > div:nth-child(3) > div > p:nth-child(2)

Kontext: <p style="text-align: justify;">„Recklinghausen leuchtet 2026“ ...</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 3.55:1. Recommendation: change text colour to #d5412f.

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

Kontext: <a href="nachrichten/recklinghausen-leuchtet-2026-in-der-gymnasialkirche/" class="moretag" title="read more">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 4.48:1. Recommendation: change text colour to #767676.

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

Kontext: <div class="recent-news-date">18. Oct 2026</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.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(3) > div:nth-child(3) > div > p:nth-child(2)

Kontext: <p>Der Kunst-LK erkundete Amsterda...</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 3.55:1. Recommendation: change text colour to #d5412f.

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

Kontext: <a href="nachrichten/fünf-tage-voller-kunst,-kreativität-und-unvergesslicher-eindrücke/" class="moretag" title="read more">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 4.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(4) > div:nth-child(2) > div

Kontext: <div class="recent-news-date">17. Oct 2026</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.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(4) > div:nth-child(3) > div > p:nth-child(2)

Kontext: <p style="text-align: justify;">„Hallo? Hören Sie mich?“ Ein Sc...</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 3.55:1. Recommendation: change text colour to #d5412f.

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

Kontext: <a href="nachrichten/reanimationstraining-mit-dem-prosper-hospital-recklinghausen2026/" class="moretag" title="read more">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 4.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(5) > div:nth-child(2) > div

Kontext: <div class="recent-news-date">15. Oct 2026</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.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(5) > div:nth-child(3) > div > p:nth-child(2)

Kontext: <p>Für 15 Minuten am Tag wird es i...</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 3.55:1. Recommendation: change text colour to #d5412f.

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

Kontext: <a href="nachrichten/15-minuten-auszeit-–-unsere-tägliche-lesezeit/" class="moretag" title="read more">Mehr</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.69:1. Recommendation: change background to #030303.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(3) > div > li > a:nth-child(1) > span > span:nth-child(1)

Kontext: <span class="custom-button-title">IServ</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.69:1. Recommendation: change background to #030303.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(3) > div > li > a:nth-child(2) > span > span:nth-child(1)

Kontext: <span class="custom-button-title">WebUntis</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.69:1. Recommendation: change background to #030303.

Selector: #mdx_MainTopChunks > div > div > div:nth-child(3) > div > li > a:nth-child(3) > span > span:nth-child(1)

Kontext: <span class="custom-button-title">Video-Tutorials</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.5:1. Recommendation: change text colour to #767676.

Selector: #mdx_footer > div > div > div > div:nth-child(1) > h1

Kontext: <h1 class="title-widget">Netzwerk</h1>

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.5:1. Recommendation: change text colour to #767676.

Selector: #mdx_footer > div > div > div > div:nth-child(2) > h1

Kontext: <h1 class="title-widget">Kontakt</h1>

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.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_footer > div > div > div > div:nth-child(2) > div:nth-child(3) > span:nth-child(1)

Kontext: <span class="m-contact-street" itemprop="street-address">Herzogswall 29</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 4.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_footer > div > div > div > div:nth-child(2) > div:nth-child(3) > span:nth-child(2) > span:nth-child(1)

Kontext: <span class="m-contact-zip" itemprop="postal-code">45657</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 4.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_footer > div > div > div > div:nth-child(2) > div:nth-child(3) > span:nth-child(2) > span:nth-child(2)

Kontext: <span class="m-contact-city" itemprop="locality">Recklinghausen</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 4.48:1. Recommendation: change text colour to #767676.

Selector: #mdx_footer > div > div > div > div:nth-child(2) > div:nth-child(3) > span:nth-child(4) > span

Kontext: <span class="m-contact-country" itemprop="country-name">Deutschland</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.55:1. Recommendation: change text colour to #d5412f.

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

Kontext: <a href="tel:+49 (2361) 904470" class=""> +49 (2361) 904470</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 #d5412f.

Selector: #mdx_footer > div > div > div > div:nth-child(2) > div:nth-child(5) > a

Kontext: <a href="mailto:email@petrinum.schulen-re.de" class="">email@petrinum.schulen-re.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 3.55:1. Recommendation: change text colour to #d5412f.

Selector: #mdx_footer > div > div > div > div:nth-child(2) > div:nth-child(6) > a

Kontext: <a href="https://petrinum.de/" class="">https://petrinum.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 3.5:1. Recommendation: change text colour to #767676.

Selector: #mdx_footer > div > div > div > div:nth-child(3) > h1

Kontext: <h1 class="title-widget">Links</h1>

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 #d5412f.

Selector: #mdx_footer > div > div > div > div:nth-child(3) > a:nth-child(2)

Kontext: <a href="kontakt">Anfahrt</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 #d5412f.

Selector: #mdx_footer > div > div > div > div:nth-child(3) > a:nth-child(4)

Kontext: <a href="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 3.55:1. Recommendation: change text colour to #d5412f.

Selector: #mdx_footer > div > div > div > div:nth-child(3) > a:nth-child(6)

Kontext: <a href="files/02.02 - DS-Erklaerung Schule - Homepage.pdf">Datenschutzerklärung</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 #d5412f.

Selector: #mdx_footer > div > div > div > div:nth-child(3) > a:nth-child(8)

Kontext: <a href="https://www.recklinghausen.de/">Stadt Recklinghausen</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 #d5412f.

Selector: #mdx_footer > div > div > div > div:nth-child(3) > a:nth-child(10)

Kontext: <a href="http://www.bezreg-muenster.nrw.de">Bezirksregierung Münster</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 #d5412f.

Selector: #mdx_footer > div > div > div > div:nth-child(3) > a:nth-child(12)

Kontext: <a href="https://www.schulministerium.nrw.de/">Bildungsportal NRW</a>

Originalmeldung: The html element should have a lang or xml:lang attribute which describes the language of the document.

Selector: html

Kontext: <html class=" js no-touch js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets...

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: html > body > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="https://petrinum.de/"><img src="images/Logo_Petrinum....</a>

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

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

Kontext: <a href="https://twitter.com/PetrinumRE" target="_blank"><i class="fa fa-twitter"></i></a>

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

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

Kontext: <a href="https://facebook.com/PetrinumRE" target="_blank"><i class="fa fa-facebook"></i></a>

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

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

Kontext: <a href="https://youtube.com/PetrinumRE" target="_blank"><i class="fa fa-youtube"></i></a>

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

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

Kontext: <a href="https://www.instagram.com/petrinumre/" target="_blank"><i class="fa fa-instagram"></i></a>

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

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

Kontext: <a href="nachrichten.rss" target="_blank"><i class="fa fa-rss"></i></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: #mdx_header > div:nth-child(3) > div > div > div:nth-child(2) > a

Kontext: <a href="https://petrinum.de/"><img src="images/Logo_Petrinum....</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: #mdx_extra > div:nth-child(1) > div > div > div > div > div:nth-child(1) > ul > li > a

Kontext: <a href="organisation/tag-der-offenen-tür"> <img src="https://www.petrin...</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: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(1) > div:nth-child(3) > figure > a

Kontext: <a href="nachrichten/auf-den-franziskanischen-spuren-in-recklinghausen-bis-heute/"><img class="attachment-thumbnai...</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: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(2) > div:nth-child(3) > figure > a

Kontext: <a href="nachrichten/recklinghausen-leuchtet-2026-in-der-gymnasialkirche/"><img class="attachment-thumbnai...</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: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(3) > div:nth-child(3) > figure > a

Kontext: <a href="nachrichten/fünf-tage-voller-kunst,-kreativität-und-unvergesslicher-eindrücke/"><img class="attachment-thumbnai...</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: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(4) > div:nth-child(3) > figure > a

Kontext: <a href="nachrichten/reanimationstraining-mit-dem-prosper-hospital-recklinghausen2026/"><img class="attachment-thumbnai...</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: #mdx_MainTopChunks > div > div > div:nth-child(2) > div > ul > li:nth-child(5) > div:nth-child(3) > figure > a

Kontext: <a href="nachrichten/15-minuten-auszeit-–-unsere-tägliche-lesezeit/"><img class="attachment-thumbnai...</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: #mdx_footer > div > div > div > div:nth-child(1) > a:nth-child(2)

Kontext: <a href="schulgemeinschaft/foerderverein"><img style="padding:10px" 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: #mdx_footer > div > div > div > div:nth-child(1) > a:nth-child(3)

Kontext: <a href="schulgemeinschaft/ehemalige/"><img style="padding:10px" 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: #mdx_footer > div > div > div > div:nth-child(1) > a:nth-child(4)

Kontext: <a href="organisation/offener-ganztag"><img style="padding:10px" 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: #mdx_footer > div > div > div > div:nth-child(1) > a:nth-child(5)

Kontext: <a href="schulleben/reike-pokal"><img style="padding:10px" 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

Kontext: <input type="text" placeholder="Suchbegriff" autocomplete="off" class="form-control" name="search" id="search" value="">

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

Kontext: <input type="text" placeholder="Suchbegriff" autocomplete="off" class="form-control" name="search" id="search" value="">