wwf.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 4.28:1. Recommendation: change background to #030303.

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

Kontext: <span> <svg class="svg-icon svg-icon-...</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 1.99:1. Recommendation: change background to #a76900.

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

Kontext: <span> <svg class="svg-icon svg-icon-...</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.28:1. Recommendation: change background to #030303.

Selector: #main > section:nth-child(6) > div:nth-child(2) > div > div > div > a:nth-child(1) > div > span

Kontext: <span class=" three-tile-teaser__cta btn u-bg-pink-mid btn--icon-right "> Helfen Sie mit! <svg role="img...</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.84:1. Recommendation: change background to #e37819.

Selector: #main > section:nth-child(6) > div:nth-child(2) > div > div > div > a:nth-child(2) > div > p:nth-child(1)

Kontext: <p class="three-tile-teaser__card-headline h3"> Neu im WWF 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.84:1. Recommendation: change background to #be5a00.

Selector: #main > section:nth-child(6) > div:nth-child(2) > div > div > div > a:nth-child(2) > div > p:nth-child(2)

Kontext: <p class="three-tile-teaser__card-text"> Alpaka, Känguru oder lieber St...</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.28:1. Recommendation: change background to #030303.

Selector: #main > section:nth-child(6) > div:nth-child(2) > div > div > div > a:nth-child(2) > div > span

Kontext: <span class=" three-tile-teaser__cta btn u-bg-pink-mid btn--icon-right "> Hier entdecken <svg role="img"...</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.06:1. Recommendation: change background to #737c1f.

Selector: #main > section:nth-child(6) > div:nth-child(2) > div > div > div > a:nth-child(3) > div > p:nth-child(2)

Kontext: <p class="three-tile-teaser__card-text"> Fossile Energien haben uns lan...</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.28:1. Recommendation: change background to #030303.

Selector: #main > section:nth-child(6) > div:nth-child(2) > div > div > div > a:nth-child(3) > div > span

Kontext: <span class=" three-tile-teaser__cta btn u-bg-pink-mid btn--icon-right "> Energiewende jetzt <svg role="...</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.28:1. Recommendation: change background to #030303.

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

Kontext: <a href="/themen-projekte/waelder/waldbraende/waldbraende-in-der-mittelmeerregion" class="btn stage__cta u-bg-pink-mid"> Was sind die Ursachen? </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: #main > div > section > div > div:nth-child(2) > div:nth-child(2) > form

Kontext: <form data-ec-view="{&quot;type&quot;:&quot;event&quot;,&quot;ec_Event&quot;:[{&quot;type&quot;:&quot;view&quot;,&quot;pid&quot;:&quot;99ISAP2113&quot;,&quot;name&quot;:&quot;Al...

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

Kontext: <form class="ds__form"><div class="ds__wrapper"><input...</form>

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: html > body > header > div > div:nth-child(3) > button

Kontext: <button class="header__meta-buttons-btn"> <svg class="svg-icon svg-icon-...</button>

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: html > body > header > div > div:nth-child(4) > button

Kontext: <button class="header__search-btn" aria-expanded="false" aria-controls="header-search-form"> <svg role="img" class="svg-ico...</button>

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: #header-search-form > button

Kontext: <button class="header__search-btn header__search-btn--close" aria-expanded="false" aria-controls="header-search-form"> <svg role="img" class="svg-ico...</button>

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

Selector: #NLh78KfV

Kontext: <input class="ds__slider" type="range" id="NLh78KfV" min="4" max="300" value="75">

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: #main > div > section > div > div:nth-child(2) > div:nth-child(2) > div > div > form > div:nth-child(4) > input

Kontext: <input class="ds__input" type="text" value="75">

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: #main > div > section > div > div:nth-child(2) > div:nth-child(2) > div > div > form > div:nth-child(4) > input

Kontext: <input class="ds__input" type="text" value="75">

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

Selector: #splide04-list

Kontext: <ul class="splide__list" id="splide04-list" role="presentation" style="transform: translateX(0px);"><li class="news__card news__opa...</ul>

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="banderole__item spl...</ul>

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

Selector: #splide02-list

Kontext: <ul class="splide__list" id="splide02-list" role="presentation" style="transform: translateX(0px);"> <li class="banderole__item spl...</ul>

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: #uc-cross-domain-bridge

Kontext: <iframe id="uc-cross-domain-bridge" src="https://app.usercentrics.eu/browser-sdk/4.62.3/cross-domain-bridge.html" style="display: none;"></iframe>