kolping.de

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

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 3:1, but text in this element has a contrast ratio of 2.75:1. Recommendation: change background to #e67619.

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 3:1, but text in this element has a contrast ratio of 2.75:1. Recommendation: change background to #e67619.

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 3:1, but text in this element has a contrast ratio of 2.75:1. Recommendation: change background to #e67619.

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

Kontext: <a href="/kontakt/" class="icon-contact" title="Sprich uns an!">Sprich uns an!</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(1) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">KOLPING in Kontakt mit Politik</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(2) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">KOLPING war laut in Würzburg</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(3) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">Pfingsten wird es sonnig, und d...</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(4) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">Gemeinsam Zukunft gestalten: Ei...</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(5) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">Christliche Organisationen ford...</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(6) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">Katholisch und queer: Einladung...</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(7) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">KOLPING in Kontakt mit Politik</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(8) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">KOLPING war laut in Würzburg</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(9) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">Pfingsten wird es sonnig, und d...</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(10) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">Gemeinsam Zukunft gestalten: Ei...</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(11) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">Christliche Organisationen ford...</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 2.75:1. Recommendation: change text colour to #e67619.

Selector: #newsslider-3880 > div > div:nth-child(1) > div > div:nth-child(12) > div > div > div:nth-child(3) > h3 > a > span

Kontext: <span itemprop="headline">Katholisch und queer: Einladung...</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 2:1. Recommendation: change background to #7fa002.

Selector: #wegweiser > nav > ul > li:nth-child(1) > span

Kontext: <span class="count">36</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 2:1. Recommendation: change background to #7fa002.

Selector: #wegweiser > nav > ul > li:nth-child(2)

Kontext: <li class="js-select-category" data-uid="2">Arbeitswelt</li>

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

Selector: #wegweiser > nav > ul > li:nth-child(3)

Kontext: <li class="js-select-category" data-uid="7">Bildung</li>

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

Selector: #wegweiser > nav > ul > li:nth-child(4)

Kontext: <li class="js-select-category" data-uid="4">Eine Welt</li>

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

Selector: #wegweiser > nav > ul > li:nth-child(5)

Kontext: <li class="js-select-category" data-uid="8">Erholung</li>

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

Selector: #wegweiser > nav > ul > li:nth-child(6)

Kontext: <li class="js-select-category" data-uid="3">Familie</li>

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

Selector: #wegweiser > nav > ul > li:nth-child(7)

Kontext: <li class="js-select-category" data-uid="5">Glaube</li>

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

Selector: #wegweiser > nav > ul > li:nth-child(8)

Kontext: <li class="js-select-category" data-uid="1">Junge Menschen</li>

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

Selector: #wegweiser > nav > ul > li:nth-child(9)

Kontext: <li class="js-select-category" data-uid="6">Klimaschutz</li>

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

Selector: #wegweiser > nav > ul > li:nth-child(10)

Kontext: <li class="js-select-category" data-uid="9">Veranstaltungen/Events</li>

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.8:1. Recommendation: change background to #3da3a4.

Selector: #c3884 > div > div > div > div > div:nth-child(1) > div

Kontext: <div class="headline"> ...</div>

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.8:1. Recommendation: change background to #3da3a4.

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

Kontext: <a href="/engagement/" target="_blank" class="link-arrow white"> ...</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 2.75:1. Recommendation: change background to #e67619.

Selector: #c3886 > div > div > div > div > div:nth-child(1) > div

Kontext: <div class="headline"> ...</div>

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

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

Kontext: <a href="/verband/" class="link-arrow white"> ...</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 2.75:1. Recommendation: change background to #e67619.

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

Kontext: <div class="overline"> BLICK ...</div>

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

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

Kontext: <div class="headline"> Mut gi...</div>

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

Selector: #c4607 > div:nth-child(2) > div > div:nth-child(2) > p:nth-child(1)

Kontext: <p>Die Spendenkampagne ZukunftsFES...</p>

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

Selector: #c4607 > div:nth-child(2) > div > div:nth-child(2) > p:nth-child(2) > a

Kontext: <a href="https://www.kolpingmagazin.de/im-fokus/artikeldetail/weil-zukunft-mut-braucht/" target="_blank" class="link-arrow white">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 2.75:1. Recommendation: change background to #e67619.

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

Kontext: <a href="https://kolpingmagazin.de" target="_blank" class="link-arrow white" rel="noreferrer">Zum Kolping Magazin</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 2.75:1. Recommendation: change background to #e67619.

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

Kontext: <a href="/verband/kolpingmagazin/kolpingmagazin-abbestellen/" target="_blank" class="link-arrow white">Du möchtest die Print-Ausgabe a...</a>

Originalmeldung: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

Selector: #wegweiser > form

Kontext: <form method="post" class="js-form" autocomplete="off" action="/?tx_rmwegweiser_overview%5Baction%5D=getTeaser&amp;tx_rmwegweiser_overview%5Bcontroller%5D=Item&amp;type=16951136...

Originalmeldung: This link points to a named anchor "content" within the document, but no anchor exists with that name.

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

Kontext: <a href="#content" accesskey="2">Zum Inhalt</a>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #dr_mobilePreviewCookie

Kontext: <svg role="presentation" version="1.1" id="dr_mobilePreviewCookie" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 ...

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

Selector: #searchsubmit

Kontext: <input type="submit" title="Suche" value="" id="searchsubmit">

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #newsslider-3880 > div > div:nth-child(3) > button:nth-child(1)

Kontext: <button role="button" class="owl-dot active"><span></span></button>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #newsslider-3880 > div > div:nth-child(3) > button:nth-child(2)

Kontext: <button role="button" class="owl-dot"><span></span></button>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #newsslider-3880 > div > div:nth-child(3) > button:nth-child(3)

Kontext: <button role="button" class="owl-dot"><span></span></button>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #ts2-3885 > div:nth-child(3) > button:nth-child(1)

Kontext: <button role="button" class="owl-dot active"><span></span></button>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #ts2-3885 > div:nth-child(3) > button:nth-child(2)

Kontext: <button role="button" class="owl-dot"><span></span></button>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #ts2-3885 > div:nth-child(3) > button:nth-child(3)

Kontext: <button role="button" class="owl-dot"><span></span></button>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #ts2-3885 > div:nth-child(3) > button:nth-child(4)

Kontext: <button role="button" class="owl-dot"><span></span></button>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #ts2-3885 > div:nth-child(3) > button:nth-child(5)

Kontext: <button role="button" class="owl-dot"><span></span></button>