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

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

Kontext: <a class="nav-link" title="Tafel-Akademie" target="_blank" href="http://www.tafel-akademie.de/">Tafel-Akademie</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.76:1. Recommendation: change background to #b95e00.

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

Kontext: <a class="nav-link" title="Tafel Jugend" target="_blank" href="https://tafel-jugend.de/">Tafel Jugend</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.76:1. Recommendation: change background to #e77500.

Selector: #c3 > div > div > div > h5

Kontext: <h5>Menschen helfen.</h5>

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

Selector: #c4 > div > section:nth-child(1) > article > footer > a

Kontext: <a href="/ueber-uns" class="text-uppercase tafel-button"> Mehr über die Tafeln ...</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.76:1. Recommendation: change text colour to #e77500.

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

Kontext: <h2 class="bvdt-locations-search__title">Die Tafeln vor Ort</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 4.07:1. Recommendation: change background to #38836a.

Selector: #nav-tabnum0-tab

Kontext: <button class="nav-link active" id="nav-tabnum0-tab" data-bs-toggle="tab" data-bs-target="#nav-tabnum0" type="button" role="tab" aria-controls="nav-tabnum0" aria-selected="true"...

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

Selector: #nav-tabnum0 > div:nth-child(1) > p

Kontext: <p>Um regelmäßig 1,5 Millionen Men...</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.76:1. Recommendation: change background to #b95e00.

Selector: #nav-tabnum0 > div:nth-child(1) > a

Kontext: <a href="/spenden/jetzt-spenden" target="_blank" class="text-uppercase tafel-button"> Jetzt spenden </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.76:1. Recommendation: change background to #b95e00.

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

Kontext: <a href="/spenden/geld-spenden/privatspenden/spende-verschenken-doppelt-freude-machen" class="tafel-button">Jetzt eine Spende verschenken</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.76:1. Recommendation: change background to #b95e00.

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

Kontext: <a href="/themen/integration" class="tafel-button">Mehr über Vielfalt und Teilhabe</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.76:1. Recommendation: change background to #b95e00.

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

Kontext: <a href="/spenden/lebensmittel-spenden/allianz-fuer-lebensmittelrettung" class="tafel-button">Mehr über die Allianz erfahren</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.07:1. Recommendation: change background to #38836a.

Selector: html > body > div:nth-child(1) > footer > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a

Kontext: <a class="tafel-button support-us" title="Jetzt Spenden!" href="/spenden/jetzt-spenden">Jetzt Spenden!</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.76:1. Recommendation: change background to #b95e00.

Selector: html > body > div:nth-child(1) > footer > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > a

Kontext: <a class="tafel-button" title="Newsletter Anmeldung" href="/newsletter">Newsletter-Anmeldung</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.76:1. Recommendation: change background to #b95e00.

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

Kontext: <a class="nav-link" title="Impressum" href="/footprintnavigation/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.76:1. Recommendation: change background to #b95e00.

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

Kontext: <a class="nav-link" title="Datenschutz" href="/footprintnavigation/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.76:1. Recommendation: change background to #b95e00.

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

Kontext: <a class="nav-link" title="Barrierefreiheit" href="/barrierefreiheit">Barrierefreiheit</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.76:1. Recommendation: change background to #b95e00.

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

Kontext: <a href="#" onclick="cookieman.show(); return false;" class="nav-link" title="Cookie-Einstellungen anpassen">Cookie-Einstellungen</a>

Originalmeldung: Img element with empty alt text must have absent or empty title attribute.

Selector: #c3 > div > div > img

Kontext: <img class="w-100 mobile_img_carousel" src="/fileadmin/_processed_/0/3/csm_2023-09-21_Bild_Startseite_2413faa27d.jpg" alt="" title="© Reiner Pfisterer">

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: #cookieman-modal > div:nth-child(2) > form

Kontext: <form data-cookieman-form="" class="mt-3 bvdt-cookieman-settings" data-cookieman-dnt-enabled="You already opted out of user tracking via your &lt;a target=&quot;_blank&quot; rel...

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

Selector: #c4 > div > section:nth-child(2) > div > div > div > div > div > div > form > fieldset

Kontext: <fieldset class="bvdt-locations-search__address-field locations-search__field"> ...</fieldset>

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

Selector: #locations-search__address

Kontext: <input placeholder="Ort / PLZ" class="bvdt-locations-search__address" id="locations-search__address" type="search" name="tx_wwmap_map[search]" required="required">

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

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

Kontext: <a class="lb-cancel" role="button" tabindex="0"></a>

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

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

Kontext: <a class="lb-close" role="button" tabindex="0"></a>

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

Selector: #c4 > div > section:nth-child(2) > div > div > div > div > div > div > form > fieldset

Kontext: <fieldset class="bvdt-locations-search__address-field locations-search__field"> ...</fieldset>

Originalmeldung: Duplicate id attribute value "c6175" found on the web page.

Selector: #c6175

Kontext: <section id="c6175" class="document-section--gapless document-section d-flex w-100 flex-column "> <div class="tafel-text-i...</section>

Originalmeldung: Duplicate id attribute value "c5847" found on the web page.

Selector: #c5847

Kontext: <section id="c5847" class="document-section--gapless document-section d-flex w-100 flex-column "> <div class="tafel-text-i...</section>

Originalmeldung: Duplicate id attribute value "c6176" found on the web page.

Selector: #c6176

Kontext: <section id="c6176" class="document-section--gapless document-section d-flex w-100 flex-column "> <div class="tafel-text-i...</section>