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(4) > 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 "> Raus ins Grüne <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.28:1. Recommendation: change background to #030303.

Selector: #main > section:nth-child(4) > 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 "> Helfen Sie mit <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.28:1. Recommendation: change background to #030303.

Selector: #main > section:nth-child(4) > 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 "> Zum WWF Shop <svg role="img" c...</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="/aktiv-werden/tipps-fuer-den-alltag/tipps-fuer-ein-nachhaltiges-osterfest" class="btn stage__cta u-bg-pink-mid"> So geht's </a>

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

Selector: #main > section:nth-child(4) > div:nth-child(2) > div > div > div > a:nth-child(1) > figure > img

Kontext: <img loading="lazy" class="three-tile-teaser__img" title="Kinder mit dreckigen Händen © Peter Jelinek / WWF" src="/fileadmin/_processed_/f/0/csm_WWF-Junior-kinder-dreckige-haend...

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

Selector: #main > section:nth-child(4) > div:nth-child(2) > div > div > div > a:nth-child(3) > figure > img

Kontext: <img loading="lazy" class="three-tile-teaser__img" title="Ostercollage26" src="/fileadmin/_processed_/e/1/csm_Ostercollage26_bf51d61e2b.png" width="1208" height="906" alt="">

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

Kontext: <input class="ds__slider" type="range" id="NsvPZN8u" 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.61.0/cross-domain-bridge.html" style="display: none;"></iframe>