kolpingjugend.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.33:1. Recommendation: change background to #b36200.

Selector: #dr-hiddencat-btn-show-more-hide

Kontext: <a id="dr-hiddencat-btn-show-more-hide" role="button" class="cc-btn cc-details dr-roundcorners dr-noborder-deny dr-key-tabable" tabindex="2" data-keytab="noreturn" href="#">Deta...

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.33:1. Recommendation: change background to #b36200.

Selector: #cc-deny-01

Kontext: <a id="cc-deny-01" data-denymode="strict" role="button" class="cc-btn cc-deny dr-roundcorners dr-noborder-deny dr-key-tabable" tabindex="1">Nur erforderliche Cookies erlau...</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.33:1. Recommendation: change background to #b36200.

Selector: #cc-allow-01

Kontext: <a id="cc-allow-01" role="button" class="cc-btn cc-allow dr-roundcorners dr-btn-shadow dr-noborder-allow dr-key-tabable" tabindex="3">Alle Cookies erlauben</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.33:1. Recommendation: change text colour to #b36200.

Selector: #navi-desktop > div:nth-child(2) > div > div > div > ul > li:nth-child(1) > a

Kontext: <a href="/ueber-uns/kolpingjugend/wer-wir-sind/" title="Über uns" class="dropdown-toggle has-submenu" data-toggle="dropdown">Über uns<span class="sub-arrow"...</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.33:1. Recommendation: change text colour to #b36200.

Selector: #navi-desktop > div:nth-child(2) > div > div > div > ul > li:nth-child(1) > a > span

Kontext: <span class="sub-arrow">...</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 2.33:1. Recommendation: change text colour to #b36200.

Selector: #navi-desktop > div:nth-child(2) > div > div > div > ul > li:nth-child(2) > a

Kontext: <a href="/themen/mehr-europa/" title="Themen" class="dropdown-toggle has-submenu" data-toggle="dropdown">The­men<span class="sub-arrow">...</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.33:1. Recommendation: change text colour to #b36200.

Selector: #navi-desktop > div:nth-child(2) > div > div > div > ul > li:nth-child(2) > a > span

Kontext: <span class="sub-arrow">...</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 2.33:1. Recommendation: change text colour to #b36200.

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

Kontext: <a href="/haupt-navigation/fuer-euch/" title="Für Euch" class="dropdown-toggle has-submenu" data-toggle="dropdown">Für Euch<span class="sub-arrow"...</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.33:1. Recommendation: change text colour to #b36200.

Selector: #navi-desktop > div:nth-child(2) > div > div > div > ul > li:nth-child(3) > a > span

Kontext: <span class="sub-arrow">...</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 2.33:1. Recommendation: change text colour to #b36200.

Selector: #navi-desktop > div:nth-child(2) > div > div > div > ul > li:nth-child(4) > a

Kontext: <a href="https://kolpingmagazin.de/x-mag" target="_blank" title="X-Mag">X-Mag</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.33:1. Recommendation: change text colour to #b36200.

Selector: #navi-desktop > div:nth-child(2) > div > div > div > ul > li:nth-child(5) > a

Kontext: <a href="/kontakt/" title="Kontakt">Kon­takt</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.33:1. Recommendation: change text colour to #b36200.

Selector: #c6215 > h2

Kontext: <h2>Wir sind eine of­fe­ne Ge­mein­...</h2>

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

Selector: #c8307 > h2 > strong

Kontext: <strong>Ak­tu­el­les</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 2.33:1. Recommendation: change background to #b36200.

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

Kontext: <a href="/ueber-uns/news/news-details/sei-dabei-impact-days-2026/"> Sei dabei: Im­pact Days 2...</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.33:1. Recommendation: change background to #b36200.

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

Kontext: <a href="/ueber-uns/news/news-details/wandel-aktiv-mitgestalten/"> Wan­del aktiv mit­ge­stal...</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.33:1. Recommendation: change background to #b36200.

Selector: #content > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(4) > div > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(2) > div:nth-child(1) > h2 > a

Kontext: <a href="/ueber-uns/news/news-details/kolpingjugendpreis-2026-jetzt-melden/"> Kol­ping­ju­gend­preis 20...</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.33:1. Recommendation: change background to #b36200.

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

Kontext: <a href="/ueber-uns/news/news-details/frieden-und-sicherheit-in-europa-sind-keine-selbstlaeufer/"> Frie­den und Si­cher­heit...</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.33:1. Recommendation: change background to #b36200.

Selector: #content > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(4) > div > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > h2 > a

Kontext: <a href="/ueber-uns/news/news-details/bundeskonferenz-tagte-in-koeln/"> Bun­des­kon­fe­renz tagte...</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.33:1. Recommendation: change background to #b36200.

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

Kontext: <a href="https://www.kolpingjugend.de/haupt-navigation/themen/das-klimamobil/"> ...</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.33:1. Recommendation: change text colour to #b36200.

Selector: #c10109 > div > div:nth-child(2) > h2

Kontext: <h2>Prä­ven­ti­on und Hilfe</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 2.33:1. Recommendation: change text colour to #b36200.

Selector: #c8910 > div > div:nth-child(2) > h2

Kontext: <h2>Neues Cor­po­ra­te De­sign</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 2.33:1. Recommendation: change text colour to #b36200.

Selector: #c9023 > div > div:nth-child(2) > h2

Kontext: <h2>Ei­ge­nes Logo ge­ne­rie­ren</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 2.33:1. Recommendation: change text colour to #b36200.

Selector: #c10809 > div > div:nth-child(2) > h2

Kontext: <h2>Un­se­re Po­si­tio­nen</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 2.33:1. Recommendation: change text colour to #b36200.

Selector: #c10810 > div > div:nth-child(2) > h2

Kontext: <h2>Mit­glied wer­den</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 2.33:1. Recommendation: change text colour to #b36200.

Selector: #c10738 > div > div:nth-child(2) > h2

Kontext: <h2>X-Mag</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 2.17:1. Recommendation: change background to #767676.

Selector: #content > div > div:nth-child(5) > div > ul > li:nth-child(1) > a > span:nth-child(2)

Kontext: <span class="share_text">teilen</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 2.17:1. Recommendation: change background to #767676.

Selector: #content > div > div:nth-child(5) > div > ul > li:nth-child(2) > a > span:nth-child(2)

Kontext: <span class="share_text">tweet</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 2.17:1. Recommendation: change background to #767676.

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

Kontext: <span class="share_text">mail</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 2.17:1. Recommendation: change background to #767676.

Selector: #content > div > div:nth-child(5) > div > ul > li:nth-child(4) > a > span:nth-child(2)

Kontext: <span class="share_text">teilen</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 2.93:1. Recommendation: change text colour to #75757f.

Selector: html > body > div:nth-child(6) > div > div > div:nth-child(1) > p

Kontext: <p>© Kol­ping­ju­gend Deutsch­land...</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 2.93:1. Recommendation: change text colour to #75757f.

Selector: html > body > div:nth-child(6) > div > div > div:nth-child(2) > div > ul > li:nth-child(1) > a

Kontext: <a href="/sitemap/">Site­map</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.93:1. Recommendation: change text colour to #75757f.

Selector: html > body > div:nth-child(6) > div > div > div:nth-child(2) > div > ul > li:nth-child(2) > a

Kontext: <a href="/impressum/">Im­pres­sum</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.93:1. Recommendation: change text colour to #75757f.

Selector: html > body > div:nth-child(6) > div > div > div:nth-child(2) > div > ul > li:nth-child(3) > a

Kontext: <a href="/datenschutz/">Da­ten­schutz</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.93:1. Recommendation: change text colour to #75757f.

Selector: html > body > div:nth-child(6) > div > div > div:nth-child(2) > div > ul > li:nth-child(4) > a

Kontext: <a href="/kontakt/">Kon­takt</a>

Originalmeldung: Image submit button missing an alt attribute. Specify a text alternative that describes the button's function, using the alt attribute.

Selector: #searchbutton

Kontext: <input type="image" name="tx_indexedsearch_pi2[search][submitButton]" src="/fileadmin/system/kolpingjugend/templates/res/images/searchButton.png" id="searchbutton">

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

Selector: html > body > nav:nth-child(3) > div > div:nth-child(1) > a

Kontext: <a class="navbar-brand" href="#"></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: #content > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(4) > div > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="/ueber-uns/news/news-details/sei-dabei-impact-days-2026/"><img src="/fileadmin/user_uploa...</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: #content > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(4) > div > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(1) > a

Kontext: <a href="/ueber-uns/news/news-details/wandel-aktiv-mitgestalten/"><img src="/fileadmin/user_uploa...</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: #content > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(4) > div > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(1) > a

Kontext: <a href="/ueber-uns/news/news-details/kolpingjugendpreis-2026-jetzt-melden/"><img src="/fileadmin/user_uploa...</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: #content > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(4) > div > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > div:nth-child(4) > div:nth-child(1) > a

Kontext: <a href="/ueber-uns/news/news-details/frieden-und-sicherheit-in-europa-sind-keine-selbstlaeufer/"><img src="/fileadmin/user_uploa...</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: #content > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(4) > div > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > div:nth-child(5) > div:nth-child(1) > a

Kontext: <a href="/ueber-uns/news/news-details/bundeskonferenz-tagte-in-koeln/"><img src="/fileadmin/user_uploa...</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: #content > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(4) > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div > div:nth-child(1) > a

Kontext: <a href="https://www.kolpingjugend.de/haupt-navigation/themen/das-klimamobil/"> ...</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: #c10109 > div > div:nth-child(1) > div > div > div > div > figure > a

Kontext: <a href="/haupt-navigation/themen/praevention-und-hilfe/" target="_blank"><img class="image-embed-item" s...</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: #c8910 > div > div:nth-child(1) > div > div > div > div > figure > a

Kontext: <a href="/fuer-euch/logos-designs/" target="_blank"><img class="image-embed-item" s...</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: #c9023 > div > div:nth-child(1) > div > div > div > div > figure > a

Kontext: <a href="https://logo.kolpingjugend.de/" target="_blank"><img class="image-embed-item" s...</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: #c10809 > div > div:nth-child(1) > div > div > div > div > figure > a

Kontext: <a href="/ueber-uns/beschluesse-protokolle/" target="_blank"><img class="image-embed-item" s...</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: #c10810 > div > div:nth-child(1) > div > div > div > div > figure > a

Kontext: <a href="/fuer-euch/mitglied-werden/" target="_blank"><img class="image-embed-item" s...</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: #c10738 > div > div:nth-child(1) > div > div > div > div > figure > a

Kontext: <a href="https://kolpingmagazin.de/x-mag/" target="_blank"><img class="image-embed-item" s...</a>

Originalmeldung: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label , aria-labelledby .

Selector: #sidebar-box > ul > li:nth-child(1) > div > div > form > fieldset

Kontext: <fieldset class="cf"> <span class="txt"><input t...</fieldset>

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: #suche

Kontext: <input type="text" name="tx_indexedsearch_pi2[search][sword]" id="suche" value="" placeholder="Suche">

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: #suche

Kontext: <input type="text" name="tx_indexedsearch_pi2[search][sword]" id="suche" value="" placeholder="Suche">

Originalmeldung: This imageinput element does not have a name available to an accessibility API. Valid names are: alt , title , aria-label , aria-labelledby .

Selector: #searchbutton

Kontext: <input type="image" name="tx_indexedsearch_pi2[search][submitButton]" src="/fileadmin/system/kolpingjugend/templates/res/images/searchButton.png" id="searchbutton">

Originalmeldung: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

Selector: #sidebar-box > ul > li:nth-child(1) > div > div > form > fieldset

Kontext: <fieldset class="cf"> <span class="txt"><input t...</fieldset>