dife.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.96:1. Recommendation: change text colour to #0c8939.

Selector: #my-page > section:nth-child(1) > div > div > div:nth-child(1) > a:nth-child(1) > svg > g > text > tspan:nth-child(1)

Kontext: <tspan x="0" y="20">Deutsches Institut </tspan>

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

Selector: #my-page > section:nth-child(1) > div > div > div:nth-child(1) > a:nth-child(1) > svg > g > text > tspan:nth-child(2)

Kontext: <tspan x="0" y="44">für Ernährungsforschung</tspan>

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

Selector: #my-page > section:nth-child(1) > div > div > div:nth-child(1) > a:nth-child(1) > svg > g > text > tspan:nth-child(3)

Kontext: <tspan x="0" y="68">Potsdam-Rehbrücke</tspan>

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

Selector: #my-page > section:nth-child(1) > div > div > div:nth-child(3) > div > ul:nth-child(2) > li:nth-child(1) > a

Kontext: <a href="/news/presse/" class="meta-nav__link nav-link " title="Presse"> 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 2.96:1. Recommendation: change text colour to #0c8939.

Selector: #my-page > section:nth-child(1) > div > div > div:nth-child(3) > div > ul:nth-child(2) > li:nth-child(2) > a

Kontext: <a href="/ueber-uns/kontakt/" class="meta-nav__link nav-link " title="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.96:1. Recommendation: change text colour to #0c8939.

Selector: #my-page > section:nth-child(1) > div > div > div:nth-child(3) > div > ul:nth-child(2) > li:nth-child(3) > a

Kontext: <a href="http://intranet.intern.dife.de/index.php/de/" class="meta-nav__link nav-link " target="_blank" title="Intern"> Intern ...</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.96:1. Recommendation: change text colour to #0c8939.

Selector: #my-page > section:nth-child(1) > div > div > div:nth-child(3) > div > ul:nth-child(3) > li > a > span

Kontext: <span>EN</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.64:1. Recommendation: change background to #23a050.

Selector: #my-page > div:nth-child(2) > div:nth-child(2) > div > h2

Kontext: <h2 class="mb-2">Ernährung erforschen. Gesundhei...</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 2.64:1. Recommendation: change background to #038030.

Selector: #my-page > div:nth-child(2) > div:nth-child(2) > div > p

Kontext: <p class="card-text">Das Deutsche Institut für Ernäh...</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.28:1. Recommendation: change text colour to #4e4e4e.

Selector: #news-list-carousel > div > div:nth-child(1) > a > div:nth-child(2) > div > span

Kontext: <span class="label label-info">Kurzmeldung</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.28:1. Recommendation: change text colour to #4e4e4e.

Selector: #news-list-carousel > div > div:nth-child(1) > a > div:nth-child(2) > div > time

Kontext: <time itemprop="datePublished" datetime="2026-03-19"> 19.03.2026 </time>

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

Selector: #news-list-carousel > div > div:nth-child(1) > a > div:nth-child(4) > small > span:nth-child(1)

Kontext: <span>weiterlesen</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.28:1. Recommendation: change text colour to #4e4e4e.

Selector: #news-list-carousel > div > div:nth-child(2) > a > div:nth-child(2) > div > span

Kontext: <span class="label label-info">Pressemeldung</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.28:1. Recommendation: change text colour to #4e4e4e.

Selector: #news-list-carousel > div > div:nth-child(2) > a > div:nth-child(2) > div > time

Kontext: <time itemprop="datePublished" datetime="2026-02-26"> 26.02.2026 </time>

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

Selector: #news-list-carousel > div > div:nth-child(2) > a > div:nth-child(4) > small > span:nth-child(1)

Kontext: <span>weiterlesen</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.28:1. Recommendation: change text colour to #4e4e4e.

Selector: #news-list-carousel > div > div:nth-child(3) > a > div:nth-child(2) > div > span

Kontext: <span class="label label-info">Pressemeldung</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.28:1. Recommendation: change text colour to #4e4e4e.

Selector: #news-list-carousel > div > div:nth-child(3) > a > div:nth-child(2) > div > time

Kontext: <time itemprop="datePublished" datetime="2026-02-23"> 23.02.2026 </time>

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

Selector: #news-list-carousel > div > div:nth-child(3) > a > div:nth-child(4) > small > span:nth-child(1)

Kontext: <span>weiterlesen</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.96:1. Recommendation: change background to #0c8939.

Selector: #news-container-108 > div:nth-child(2) > a

Kontext: <a href="/news/meldungen/" class="btn btn-primary btn-sm"> Weitere Meldungen ...</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.72:1. Recommendation: change background to #25a252.

Selector: #teaser-text-carousel > div > div:nth-child(1) > a > div:nth-child(1) > div > h2

Kontext: <h2 class="card-text">Wie wirkt sich unsere Ernährung...</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 2.72:1. Recommendation: change background to #058232.

Selector: #teaser-text-carousel > div > div:nth-child(1) > a > div:nth-child(2) > small > span:nth-child(1)

Kontext: <span>Mehr erfahren</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.72:1. Recommendation: change background to #25a252.

Selector: #teaser-text-carousel > div > div:nth-child(2) > a > div:nth-child(1) > div > h2

Kontext: <h2>Welche Rolle spielt die Ernähru...</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 2.72:1. Recommendation: change background to #058232.

Selector: #teaser-text-carousel > div > div:nth-child(2) > a > div:nth-child(2) > small > span:nth-child(1)

Kontext: <span>Mehr erfahren</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.72:1. Recommendation: change background to #25a252.

Selector: #teaser-text-carousel > div > div:nth-child(3) > a > div:nth-child(1) > div > h2

Kontext: <h2>Wie beeinflussen physiologische...</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 2.72:1. Recommendation: change background to #058232.

Selector: #teaser-text-carousel > div > div:nth-child(3) > a > div:nth-child(2) > small > span:nth-child(1)

Kontext: <span>Mehr erfahren</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.96:1. Recommendation: change background to #0c8939.

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

Kontext: <span>Mehr erfahren</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.72:1. Recommendation: change background to #25a252.

Selector: #c1345 > div > div > div > span > h1 > span

Kontext: <span class="text-light">Hier geht's zu den DIfE-Risiko-...</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.64:1. Recommendation: change text colour to #038030.

Selector: #c1345 > div > div > div > div > a > span

Kontext: <span>Mehr erfahren</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.72:1. Recommendation: change text colour to #25a252.

Selector: #c1343 > div > h2

Kontext: <h2 class="text-primary">Ernährung erforschen. Gesundhei...</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 2.72:1. Recommendation: change text colour to #058232.

Selector: #my-page > section:nth-child(5) > div > div:nth-child(3) > div > div:nth-child(2) > ul > li:nth-child(1) > a

Kontext: <a href="/ueber-uns/kontakt/" class="nav-link pt-0 " title="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.72:1. Recommendation: change text colour to #058232.

Selector: #my-page > section:nth-child(5) > div > div:nth-child(3) > div > div:nth-child(2) > ul > li:nth-child(2) > a

Kontext: <a href="/impressum/" class="nav-link pt-0 " title="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.72:1. Recommendation: change text colour to #058232.

Selector: #my-page > section:nth-child(5) > div > div:nth-child(3) > div > div:nth-child(2) > ul > li:nth-child(3) > a

Kontext: <a href="/datenschutz/" class="nav-link pt-0 " title="Datenschutz"> Datenschut...</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: #my-page > section:nth-child(1) > div > div > div:nth-child(3) > div > ul:nth-child(4) > li > form

Kontext: <form class="search-form" action=""><input type="text" class="searc...</form>

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

Selector: #aaa

Kontext: <a class="trigger-mobile-menu" href="#dife-menu" id="aaa"><span class="dife-burger"><span...</a>

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

Selector: #dife-menu > a

Kontext: <a class="close-desktop-menu"><svg xmlns="http://www.w3.org/2...</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: #my-page > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > a

Kontext: <a href="http://www.leibniz-gemeinschaft.de/" target="_blank" rel="noreferrer"><img src="/fileadmin/Logos/Leib...</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: #my-page > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > a

Kontext: <a href="/ueber-uns/campus/efre/" target="_blank"><img src="/fileadmin/Logos/EFRE...</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: #my-page > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > a

Kontext: <a href="/karriere/berufsausbildung/" target="_blank"><img src="/fileadmin/Logos/2601...</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: #my-page > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > a

Kontext: <a href="/karriere/arbeiten-am-dife/#c853" target="_blank"><img src="/fileadmin/user_uploa...</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: #my-page > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(6) > a

Kontext: <a href="http://www.charta-der-vielfalt.de" target="_blank" rel="noreferrer"><img src="/fileadmin/Logos/Logo...</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: #my-page > section:nth-child(1) > div > div > div:nth-child(3) > div > ul:nth-child(4) > li > form > input

Kontext: <input type="text" class="search-input" name="q">

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: #my-page > section:nth-child(1) > div > div > div:nth-child(3) > div > ul:nth-child(4) > li > form > input

Kontext: <input type="text" class="search-input" name="q">

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

Selector: #splide01-list

Kontext: <ul class="splide__list" id="splide01-list" role="presentation" style="transform: translateX(0px);"><li class="splide__slide is-act...</ul>