nabu-sh.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.78:1. Recommendation: change background to #b75f00.

Selector: #header > div > div:nth-child(1) > nav:nth-child(4) > div:nth-child(2) > ul > li:nth-child(5) > a

Kontext: <a title="Spenden &amp; Mitmachen" href="https://schleswig-holstein.nabu.de/spenden-und-mitmachen/index.html">Spenden &amp; Mitmachen</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.7:1. Recommendation: change text colour to #595951.

Selector: #calendar-container > div > table > tbody > tr:nth-child(1) > td:nth-child(1)

Kontext: <td class="day othermonth">30</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(1) > td:nth-child(2)

Kontext: <td class="day othermonth">31</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(5) > td:nth-child(5)

Kontext: <td class="day othermonth">1</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(5) > td:nth-child(6)

Kontext: <td class="day othermonth oweekend">2</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(5) > td:nth-child(7)

Kontext: <td class="day othermonth oweekend">3</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(6) > td:nth-child(1)

Kontext: <td class="day othermonth">4</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(6) > td:nth-child(2)

Kontext: <td class="day othermonth">5</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(6) > td:nth-child(3)

Kontext: <td class="day othermonth">6</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(6) > td:nth-child(4)

Kontext: <td class="day othermonth">7</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(6) > td:nth-child(5)

Kontext: <td class="day othermonth">8</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(6) > td:nth-child(6)

Kontext: <td class="day othermonth oweekend">9</td>

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

Selector: #calendar-container > div > table > tbody > tr:nth-child(6) > td:nth-child(7)

Kontext: <td class="day othermonth oweekend">10</td>

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

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

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

Selector: #readspeaker_content > div:nth-child(11) > ul > li:nth-child(2) > a > span:nth-child(2)

Kontext: <span class="share_text">mailen</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.46:1. Recommendation: change background to #247bbd.

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

Kontext: <span class="share_text">twittern</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.74:1. Recommendation: change text colour to #725700.

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

Kontext: <h3>Wissenswertes rund ums Osterei</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.88:1. Recommendation: change background to #967100.

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

Kontext: <a href="https://www.nabu.de/umwelt-und-ressourcen/oekologisch-leben/feste-feiern/ostern/12107.html" class="btn col-sm-12 col-xs-11"> <i class="...</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.74:1. Recommendation: change text colour to #725700.

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

Kontext: <h3>NABU-Vogeltrainer</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 3.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(5) > div:nth-child(2) > p

Kontext: <p>Funfacts &amp; Infos zu häufige...</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.88:1. Recommendation: change background to #967100.

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

Kontext: <a href="https://vogeltrainer.nabu.de/" class="btn col-sm-12 col-xs-11"> <i class="...</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.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(7) > div:nth-child(2) > a:nth-child(1) > h3

Kontext: <h3>NABU-Information vor Ort</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 3.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(7) > div:nth-child(2) > p

Kontext: <p>Die NABU-Naturzentren, -Naturst...</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.88:1. Recommendation: change background to #967100.

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

Kontext: <a href="https://schleswig-holstein.nabu.de/natur-und-landschaft/naturzentren-naturstationen-infos/index.html" class="btn col-sm-12 col-xs-11"> <i class="...</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.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(8) > div:nth-child(2) > a:nth-child(1) > h3

Kontext: <h3>Übersicht der NABU-Schutzgebiet...</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 3.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(8) > div:nth-child(2) > p

Kontext: <p>Der NABU setzt sich für die Sic...</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.88:1. Recommendation: change background to #967100.

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

Kontext: <a href="https://schleswig-holstein.nabu.de/natur-und-landschaft/nabu-schutzgebiete/index.html" class="btn col-sm-12 col-xs-11"> <i class="...</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.91:1. Recommendation: change text colour to #67654c.

Selector: #spendenform2_1 > div > div:nth-child(5) > p

Kontext: <p>Euro</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.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(12) > div:nth-child(2) > a:nth-child(1) > h3

Kontext: <h3>Natürlich einkaufen</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 3.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(12) > div:nth-child(2) > p

Kontext: <p>Der NABU-Shop</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.88:1. Recommendation: change background to #967100.

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

Kontext: <a href="https://www.nabu-shop.de" class="btn col-sm-12 col-xs-11"> <i class="...</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.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(14) > div:nth-child(2) > a:nth-child(1) > h3

Kontext: <h3>Fledermaus-Hotline NABU Schlesw...</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 3.74:1. Recommendation: change text colour to #725700.

Selector: #rflexblockindex > div:nth-child(14) > div:nth-child(2) > p

Kontext: <p>Sie haben in Schleswig-Holstein...</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.88:1. Recommendation: change background to #967100.

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

Kontext: <a href="https://www.nabu.de/tiere-und-pflanzen/saeugetiere/fledermaeuse/18829.html" class="btn col-sm-12 col-xs-11"> <i class="...</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.59:1. Recommendation: change background to #00599b.

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

Kontext: <h3>Adresse &amp; Kontakt </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 3.59:1. Recommendation: change background to #00599b.

Selector: #footer > div > div:nth-child(2) > h3

Kontext: <h3>Infothek &amp; Service</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 3.59:1. Recommendation: change background to #00599b.

Selector: #footer > div > div:nth-child(3) > h3

Kontext: <h3>Topthemen</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 3.59:1. Recommendation: change background to #00599b.

Selector: #footer > div > div:nth-child(4) > h3

Kontext: <h3>Spenden und Helfen</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 #4a79af.

Selector: #cookieScreen > div:nth-child(2) > div:nth-child(3) > div > button:nth-child(1)

Kontext: <button type="button" class="cm-btn cm-btn-success cm-btn-info cm-btn-accept">Auswahl bestätigen</button>

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

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

Kontext: <button type="button" class="cm-btn cm-btn-success cm-btn-accept-all">Alle auswählen &amp; bestätigen</button>

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

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

Kontext: <a target="_blank" href="https://kiprotect.com/klaro" rel="noopener">Realisiert mit Klaro!</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: #searchform-mobile

Kontext: <form id="searchform-mobile" class="navbar-form navbar-left" action="/modules/suche/htdig.php" method="get" name="searchform"> <div class="form-group"> ...</form>

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

Kontext: <form method="post" action="https://schleswig-holstein.nabu.de/spenden-und-mitmachen/spenden/spenden/" id="spendenform2_1"><div class="amount"><input type...</form>

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

Selector: #lightbox > div:nth-child(1) > div > img

Kontext: <img class="lb-image" src="">

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

Selector: #searchform-mobile > div > a

Kontext: <a class="btn btn-default" title="Suche" onclick="$('#searchform-mobile').submit()"><i class="fa fa-search"></i></a>

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

Selector: #spendenform2_1 > a

Kontext: <a href="#" class="btn col-xs-12" onclick="document.getElementById('spendenform2_1').submit(); return false"> <i class="fa fa-a...</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: #footer > div > div:nth-child(6) > div:nth-child(1) > a

Kontext: <a href="http://www.facebook.com/NABU.Schleswig.Holstein" target="_blank"><img src="/css_nabu/2014/images...</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: #footer > div > div:nth-child(6) > div:nth-child(2) > a

Kontext: <a href="mailto:info@nabu-sh.de"><img src="/css_nabu/2014/images...</a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-prev" href=""></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-next" href=""></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-cancel"></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-close"></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: #searchform > input

Kontext: <input type="text" name="words" 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: #searchform > input

Kontext: <input type="text" name="words" placeholder="Suche">

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: #searchform > button

Kontext: <button type="submit"> <svg xmlns="http://www...</button>

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: #searchform-mobile > div > input

Kontext: <input type="text" name="words" placeholder="Suche" class="form-control">

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: #searchform-mobile > div > input

Kontext: <input type="text" name="words" placeholder="Suche" class="form-control">

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

Selector: #selection

Kontext: <select id="selection" onchange="location.href=this.options[this.selectedIndex].value" name="Bundesland"> ...</select>

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

Kontext: <select id="selection" onchange="location.href=this.options[this.selectedIndex].value" name="Bundesland"> ...</select>

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: #spendenform2_1 > div > input:nth-child(4)

Kontext: <input name="andererBetrag" type="text" placeholder="50 €">

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: #spendenform2_1 > div > input:nth-child(4)

Kontext: <input name="andererBetrag" type="text" placeholder="50 €">

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

Selector: #readspeaker_content > div:nth-child(9) > article:nth-child(4) > div:nth-child(2) > h4

Kontext: <h4> <a tit...</h4>

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

Selector: #readspeaker_content > div:nth-child(9) > article:nth-child(7) > div:nth-child(2) > h4

Kontext: <h4> <a tit...</h4>