codeforniederrhein.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.47:1. Recommendation: change background to #2a8649.

Selector: #menu-item-6 > a

Kontext: <a class="menu-item-link js-smooth-scroll" href="https://www.codeforniederrhein.de/">Home</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.47:1. Recommendation: change text colour to #4aa669.

Selector: #fancy-title-4 > span > p > span

Kontext: <span style="color: #5bb77a;">Niederrhein!</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: #list-5 > p

Kontext: <p>Denken, designen, programmieren...</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.47:1. Recommendation: change background to #2a8649.

Selector: #mk-button-6 > a > span

Kontext: <span class="mk-button--text">NEWS</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.47:1. Recommendation: change text colour to #2a8649.

Selector: #mk-button-7 > a > span

Kontext: <span class="mk-button--text">HACKDAY 2025</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.47:1. Recommendation: change background to #4aa669.

Selector: #fancy-title-13 > span > p > a > span

Kontext: <span style="color: #ffffff;">Hackday 2024 – Alle Infos auf e...</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.55:1. Recommendation: change background to #047a35.

Selector: #mk-icon-box-25 > h3

Kontext: <h3 class="mk-box-icon-2-title">Austausch</h3>

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

Selector: #mk-icon-box-25 > p

Kontext: <p class="mk-box-icon-2-content">Knüpfe neue Kontakte, tausche d...</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 1.55:1. Recommendation: change background to #047a35.

Selector: #mk-icon-box-28 > h3

Kontext: <h3 class="mk-box-icon-2-title">Gemeinsam</h3>

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

Selector: #mk-icon-box-28 > p

Kontext: <p class="mk-box-icon-2-content">Wir sind eine starke Gemeinscha...</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 1.55:1. Recommendation: change background to #047a35.

Selector: #mk-icon-box-31 > h3

Kontext: <h3 class="mk-box-icon-2-title">Kreativ</h3>

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

Selector: #mk-icon-box-31 > p

Kontext: <p class="mk-box-icon-2-content">Egal ob App, Script oder Websit...</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 1.55:1. Recommendation: change background to #047a35.

Selector: #mk-icon-box-34 > h3

Kontext: <h3 class="mk-box-icon-2-title">Unser Ziel</h3>

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

Selector: #mk-icon-box-34 > p

Kontext: <p class="mk-box-icon-2-content">Offene Daten sind das Kapital d...</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.47:1. Recommendation: change text colour to #4aa669.

Selector: #fancy-title-39 > span > p

Kontext: <p>niederrhein</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 4.48:1. Recommendation: change text colour to #767676.

Selector: #text-block-40 > p

Kontext: <p>Wer steckt eigentlich hinter de...</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.47:1. Recommendation: change background to #2a8649.

Selector: #mk-button-42 > a > span

Kontext: <span class="mk-button--text">MITGLIEDER AUF EINEN BLICK</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.79:1. Recommendation: change background to #33a964.

Selector: #fancy-title-47 > span > p:nth-child(1)

Kontext: <p>Neues aus unserem</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.79:1. Recommendation: change background to #33a964.

Selector: #fancy-title-47 > span > p:nth-child(2)

Kontext: <p>Lab</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.79:1. Recommendation: change background to #128843.

Selector: #text-block-48 > p > span

Kontext: <span style="color: #ffffff;">In der Vergangenheit haben wir ...</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.47:1. Recommendation: change background to #2a8649.

Selector: #mk-button-49 > div > a > span

Kontext: <span class="mk-button--text">PROJEKTE ANSEHEN</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.47:1. Recommendation: change text colour to #2a8649.

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

Kontext: <a href="https://github.com/CodeforNiederrhein/satzung/blob/master/satzung.pdf">Satzung </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.47:1. Recommendation: change text colour to #2a8649.

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

Kontext: <a href="https://github.com/CodeforNiederrhein/satzung/blob/master/beitragsordnung.pdf">Beitragsordnung</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.47:1. Recommendation: change text colour to #2a8649.

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

Kontext: <a href="https://www.codeforniederrhein.de/wp-content/uploads/2023/01/beitrittserklaerung.pdf"> .pdf </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.47:1. Recommendation: change text colour to #2a8649.

Selector: #text-2 > div:nth-child(2) > a:nth-child(7)

Kontext: <a href="https://www.codeforniederrhein.de/wp-content/uploads/2023/01/beitrittserklaerung.docx">.docx</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.47:1. Recommendation: change text colour to #2a8649.

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

Kontext: <a href="/kontakt">Kontakt</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.47:1. Recommendation: change text colour to #2a8649.

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

Kontext: <a href="/termine">Termine</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.47:1. Recommendation: change text colour to #2a8649.

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

Kontext: <a href="/hackday-2025">Hackday</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.47:1. Recommendation: change text colour to #2a8649.

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

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

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

Kontext: <a href="/datenschutz">Datenschutz</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.47:1. Recommendation: change text colour to #2a8649.

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

Kontext: <a href="/hackday-coc">Code of Conduct</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.47:1. Recommendation: change background to #2a8649.

Selector: #sub-footer > div:nth-child(1) > span

Kontext: <span class="mk-footer-copyright">Made with ♥ in Moers | © 2016 -...</span>

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #text-1 > div > img

Kontext: <img src="/../wp-content/uploads/2017/01/cfn_logo_150.png">

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

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

Kontext: <a href="#top-of-page" class="mk-go-top js-smooth-scroll js-bottom-corner-btn js-bottom-corner-btn--back"> <svg class="mk-svg-icon" data...</a>

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

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

Kontext: <a href="#" class="mk-quick-contact-link"><svg class="mk-svg-icon" data-n...</a>

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

Selector: #mk-subscribe-60 > form > div:nth-child(1) > div:nth-child(1) > input:nth-child(1)

Kontext: <input type="email" required="required" tabindex="818" placeholder="E-Mail-Adresse" name="mk-subscribe--email" class="mk-subscribe--email" autocomplete="off">

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

Kontext: <input type="text" placeholder="Name*" required="required" id="name" name="name" class="text-input" value="" tabindex="8127">

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

Kontext: <input type="text" placeholder="Name*" required="required" id="name" name="name" class="text-input" value="" tabindex="8127">

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

Selector: #email

Kontext: <input type="email" data-type="email" required="required" placeholder="E-Mail*" id="email" name="email" class="text-input" value="" tabindex="8128">

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

Selector: #content

Kontext: <textarea placeholder="Nachricht*" required="required" id="content" name="content" class="textarea" tabindex="8129"></textarea>

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

Kontext: <textarea placeholder="Nachricht*" required="required" id="content" name="content" class="textarea" tabindex="8129"></textarea>

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: #mk-quick-contact > form > input:nth-child(4)

Kontext: <input placeholder="Captcha eingeben" type="text" data-type="captcha" name="captcha" class="captcha-form text-input full" required="required" autocomplete="off">

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: #mk-quick-contact > form > input:nth-child(4)

Kontext: <input placeholder="Captcha eingeben" type="text" data-type="captcha" name="captcha" class="captcha-form text-input full" required="required" autocomplete="off">