hoffnungszeichen.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 3.29:1. Recommendation: change background to #008a10.

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

Kontext: <a href="https://www.hoffnungszeichen.de/engagieren/protestieren/venezuela-hoffnung-politische-gefangene " tabindex="0" data-once="handle-link">Mehr erfahren und protestieren</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.29:1. Recommendation: change background to #008a10.

Selector: #block-soh-content > article > div > div > div:nth-child(1) > div > div > div:nth-child(2) > span > span > a

Kontext: <a href="/ueber-uns">Über uns</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.29:1. Recommendation: change text colour to #008a10.

Selector: #block-views-block-themen-icons-block-2 > div > div > div > div > ul > li:nth-child(1) > div > div > a

Kontext: <a href="/informieren/themen/armutsbekaempfung" hreflang="de"> + weiterlesen </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.29:1. Recommendation: change text colour to #008a10.

Selector: #block-views-block-themen-icons-block-2 > div > div > div > div > ul > li:nth-child(2) > div > div > a

Kontext: <a href="/informieren/themen/bildung-und-soziales" hreflang="de"> + weiterlesen </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.29:1. Recommendation: change text colour to #008a10.

Selector: #block-views-block-themen-icons-block-2 > div > div > div > div > ul > li:nth-child(3) > div > div > a

Kontext: <a href="/informieren/themen/gesundheit" hreflang="de"> + weiterlesen </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.29:1. Recommendation: change text colour to #008a10.

Selector: #block-views-block-themen-icons-block-2 > div > div > div > div > ul > li:nth-child(4) > div > div > a

Kontext: <a href="/informieren/themen/menschenrechte" hreflang="de"> + weiterlesen </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.29:1. Recommendation: change text colour to #008a10.

Selector: #block-views-block-themen-icons-block-2 > div > div > div > div > ul > li:nth-child(5) > div > div > a

Kontext: <a href="/informieren/themen/nahrung" hreflang="de"> + weiterlesen </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.29:1. Recommendation: change text colour to #008a10.

Selector: #block-views-block-themen-icons-block-2 > div > div > div > div > ul > li:nth-child(6) > div > div > a

Kontext: <a href="/informieren/themen/not-und-katastrophenhilfe" hreflang="de"> + weiterlesen </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.29:1. Recommendation: change text colour to #008a10.

Selector: #block-views-block-themen-icons-block-2 > div > div > div > div > ul > li:nth-child(7) > div > div > a

Kontext: <a href="/informieren/themen/wasser" hreflang="de"> + weiterlesen </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 1:1. Recommendation: change text colour to #949494.

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(1) > h2

Kontext: <h2 class="field__item">Ihre Spende wirkt: Unsere 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 1:1. Recommendation: change text colour to #767676.

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1)

Kontext: <div class="field__label">geförderte Projekte</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 1:1. Recommendation: change text colour to #949494.

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2)

Kontext: <div class="field__item">81</div>

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

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="field__label">Projektländer</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 1:1. Recommendation: change text colour to #949494.

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2)

Kontext: <div class="field__item">19</div>

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

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1)

Kontext: <div class="field__label">erreichte Personen</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 1:1. Recommendation: change text colour to #949494.

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2)

Kontext: <div class="field__item">1,5 Mio.</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.68:1. Recommendation: change text colour to #949494.

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(3) > div:nth-child(3) > div:nth-child(3) > div:nth-child(1)

Kontext: <div class="field__label">Verwaltungskosten</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.68:1. Recommendation: change text colour to #949494.

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(3) > div:nth-child(3) > div:nth-child(3) > div:nth-child(2)

Kontext: <div class="field__item">4,8%</div>

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

Selector: #ui-id-1

Kontext: <a href="#blocktabs-news_tabs_front-1" tabindex="-1" class="ui-tabs-anchor" id="ui-id-1" data-once="fragment-scroll">Berichte</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.31:1. Recommendation: change text colour to #6c6c6c.

Selector: #ui-id-2

Kontext: <a href="#blocktabs-news_tabs_front-2" tabindex="-1" class="ui-tabs-anchor" id="ui-id-2" data-once="fragment-scroll">Videos</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.31:1. Recommendation: change text colour to #6c6c6c.

Selector: #ui-id-3

Kontext: <a href="#blocktabs-news_tabs_front-3" tabindex="-1" class="ui-tabs-anchor" id="ui-id-3" data-once="fragment-scroll">Pressemitteilungen</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.31:1. Recommendation: change text colour to #6c6c6c.

Selector: #ui-id-4

Kontext: <a href="#blocktabs-news_tabs_front-4" tabindex="-1" class="ui-tabs-anchor" id="ui-id-4" data-once="fragment-scroll">Liebe Freunde</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.29:1. Recommendation: change text colour to #008a10.

Selector: #blocktabs-news_tabs_front-1 > div > div > div > div:nth-child(1) > article > div > div > div > div > div > a

Kontext: <a href="/informieren/berichte/reimund-reubelt" class="more-link" aria-label="Read more about Reimund Reubelt" hreflang="de"> + weiterlesen</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.29:1. Recommendation: change text colour to #008a10.

Selector: #blocktabs-news_tabs_front-1 > div > div > div > div:nth-child(2) > article > div > div > div > div > div > a

Kontext: <a href="/informieren/berichte/israel-gaza-stellungnahme-von-hoffnungszeichen" class="more-link" aria-label="Read more about Stellungnahme von Hoffnungszeichen" hreflang="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 3.29:1. Recommendation: change text colour to #008a10.

Selector: #blocktabs-news_tabs_front-1 > div > div > div > div:nth-child(3) > article > div > div > div > div > div > a

Kontext: <a href="/informieren/berichte/internationaler-tag-des-testaments" class="more-link" aria-label="Read more about Internationaler Tag des Testaments" hreflang="de"> + weiterlesen...

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

Selector: #blocktabs-news_tabs_front-1 > div > div > footer > a

Kontext: <a href="/informieren/berichte" class="insert-class-here" rel="nofollow">Alle Berichte</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.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(1) > a

Kontext: <a href="/haeufig-gestellte-fragen-faq" class="w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/1040">FAQ</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.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(2) > a

Kontext: <a href="/kontakt" class="w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/26">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 3.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(3) > a

Kontext: <a href="/tv-magazin" class="hide-en w3-button li-link li-link-menu-footer" title="TV-Magazin" role="menuitem" data-drupal-link-system-path="node/784">TV-Magazin</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.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(4) > a

Kontext: <a href="/liebe-freunde" class="hide-en w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/575">Liebe Freunde</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.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(5) > a

Kontext: <a href="/downloads" class="w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/148">Downloads</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.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(6) > a

Kontext: <a href="/newsletter" class="hide-en w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/791">Newsletter</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.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(7) > a

Kontext: <a href="/presse" class="w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/75">Presse</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.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(9) > a

Kontext: <a href="/jobs" class="w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/207">Jobs</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.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(10) > a

Kontext: <a href="/datenschutz" class="w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/171">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 3.29:1. Recommendation: change background to #008a10.

Selector: #block-fusszeilenmenu > ul > li:nth-child(11) > span

Kontext: <span onclick="try { klaro.show() } catch (e) { if (drupalSettings.user.uid !== 0) alert(Drupal.t('Not available for authenticated users.')) }" class="w3-button li-link li-link-...

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

Selector: #block-fusszeilenmenu > ul > li:nth-child(12) > a

Kontext: <a href="/impressum" class="w3-button li-link li-link-menu-footer" role="menuitem" data-drupal-link-system-path="node/110">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 3.86:1. Recommendation: change text colour to #0e8763.

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

Kontext: <a target="_blank" 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 3.86:1. Recommendation: change text colour to #0e8763.

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

Kontext: <a target="_blank" 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 3.29:1. Recommendation: change background to #008a10.

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

Kontext: <button class="cm-btn cm-btn-success" type="button">Allen zustimmen</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.29:1. Recommendation: change background to #008a10.

Selector: #slick-525133576a1 > div > div > div:nth-child(1) > div > div:nth-child(2) > div > div > p:nth-child(4) > a

Kontext: <a href="/node/1410 " tabindex="-1">Mehr erfahren und 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 3.29:1. Recommendation: change background to #008a10.

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

Kontext: <a href="node/1523 " tabindex="-1">Jetzt Spendenshop entdecken</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.29:1. Recommendation: change background to #008a10.

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

Kontext: <a href="/node/1520 " tabindex="-1">Mehr erfahren und 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 3.29:1. Recommendation: change background to #008a10.

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

Kontext: <a href="/node/1410 " tabindex="-1">Mehr erfahren und 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 3.29:1. Recommendation: change background to #008a10.

Selector: #slick-525133576a1 > div > div > div:nth-child(6) > div > div:nth-child(2) > div > div > p:nth-child(4) > a

Kontext: <a href="https://www.hoffnungszeichen.de/engagieren/protestieren/venezuela-hoffnung-politische-gefangene " tabindex="0" data-once="handle-link">Mehr erfahren und protestieren</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.29:1. Recommendation: change background to #008a10.

Selector: #slick-525133576a1 > div > div > div:nth-child(7) > div > div:nth-child(2) > div > div > p:nth-child(4) > a

Kontext: <a href="node/1523 " tabindex="-1">Jetzt Spendenshop entdecken</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.29:1. Recommendation: change background to #008a10.

Selector: #slick-525133576a1 > div > div > div:nth-child(8) > div > div:nth-child(2) > div > div > p:nth-child(4) > a

Kontext: <a href="/node/1520 " tabindex="-1">Mehr erfahren und 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 3.29:1. Recommendation: change background to #008a10.

Selector: #slick-525133576a1 > div > div > div:nth-child(9) > div > div:nth-child(2) > div > div > p:nth-child(4) > a

Kontext: <a href="/node/1410 " tabindex="-1">Mehr erfahren und spenden</a>

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

Selector: #block-headerspenden > div > div > p > a > img

Kontext: <img src="/themes/custom/soh/images/soh_donate_button.svg" data-entity-uuid="7103623f-813b-4802-9ec5-0116cc7578e4" data-entity-type="node" width="32" height="28" data-entity-sub...

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

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

Kontext: <img src="/themes/custom/soh/images/hz_spendenslider.svg">

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

Selector: #donation-slider > div:nth-child(2) > img

Kontext: <img src="/sites/default/files/styles/crop_6_5_spendenslider_md_1x_w540/public/images/spendenschiebergrossstartseitebild1spezialnahrung%281%29.jpg?itok=B1Itx4mm">

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

Selector: #block-soh-content > article > div > div > div:nth-child(5) > div > div:nth-child(3) > div:nth-child(2) > div > div > div > div > img

Kontext: <img loading="lazy" width="280px" height="280px" src="/sites/default/files/images/diagramm_2025_paths.svg" title="diagramm_2025_paths.svg" class="w3-image">

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

Selector: html > body > a

Kontext: <a href="#main-content" class="visually-hidden focusable skip-link" data-once="fragment-scroll"> Direkt zum Inhalt </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: #block-headersuche > div > div > section > p > a

Kontext: <a class="search" href="/suche" title="Suchen"><img alt="" data-entity-type=""...</a>

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

Selector: #edit-submit-search

Kontext: <input class="form-submit" id="edit-submit-search" type="submit">

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: #donation-slider > div:nth-child(3) > div:nth-child(3) > input:nth-child(1)

Kontext: <input type="text" name="amount" value="15€" size="60" maxlength="128">

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: #donation-slider > div:nth-child(3) > div:nth-child(3) > input:nth-child(1)

Kontext: <input type="text" name="amount" value="15€" size="60" maxlength="128">

Originalmeldung: Duplicate id attribute value "taxonomy-term-6" found on the web page.

Selector: #taxonomy-term-6

Kontext: <div id="taxonomy-term-6" class="taxonomy-term vocabulary-news-types"> <div class="content"> ...</div>

Originalmeldung: Duplicate id attribute value "taxonomy-term-6" found on the web page.

Selector: #taxonomy-term-6

Kontext: <div id="taxonomy-term-6" class="taxonomy-term vocabulary-news-types"> <div class="content"> ...</div>