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

Selector: #cc-deny-01

Kontext: <a role="button" id="cc-deny-01" class="cc-btn cc-deny dr-roundcorners dr-noborder-deny dr-key-tabable" tabindex="12">Einstellungen übernehmen</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: #form-newsletter-modal

Kontext: <form method="post" class="v3" action="/newsletter/subscribe-form/" id="form-newsletter-modal"> <input type="hidden" n...</form>

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: #form-newyear-raffle-modal

Kontext: <form method="post" class="v3" action="/neujahresgewinnspiel/submit/" id="form-newyear-raffle-modal"> <input type="hidden" n...</form>

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

Selector: #dr-privacylink-id

Kontext: <a id="dr-privacylink-id" data-url="https://www.jacob.de/datenschutz.html" class="dr-privacylink dr-key-tabable" tabindex="98" title="" href="#"> </a>

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

Selector: #newsletter-modal > a

Kontext: <a class="c-overlay__back" href="#_"></a>

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

Selector: #newsletter-modal > a

Kontext: <a class="c-overlay__back" href="#_"></a>

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

Selector: #newsletter-modal > div > div:nth-child(1) > a

Kontext: <a class="c-modal__close" href="#_">&nbsp;</a>

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

Selector: #newsletter-modal > div > div:nth-child(1) > a

Kontext: <a class="c-modal__close" href="#_">&nbsp;</a>

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

Selector: #newyear-raffle-modal > a

Kontext: <a class="c-overlay__back" href="#_"></a>

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

Selector: #newyear-raffle-modal > a

Kontext: <a class="c-overlay__back" href="#_"></a>

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

Selector: #newyear-raffle-modal > div > div:nth-child(1) > a

Kontext: <a class="c-modal__close" href="#_">&nbsp;</a>

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

Selector: #newyear-raffle-modal > div > div:nth-child(1) > a

Kontext: <a class="c-modal__close" href="#_">&nbsp;</a>

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

Selector: #dr_mobilePreviewCookie

Kontext: <svg role="presentation" version="1.1" id="dr_mobilePreviewCookie" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 ...

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

Kontext: <input type="text" id="query" name="query" class="aws-search-input c-textfield" style="vertical-align: middle; border-radius: 2rem 0 0 2rem; padding-left: 1.5rem; height: 37px;"...

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

Kontext: <input type="text" id="query" name="query" class="aws-search-input c-textfield" style="vertical-align: middle; border-radius: 2rem 0 0 2rem; padding-left: 1.5rem; height: 37px;"...

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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="glide__bullet glide__bullet--active" data-glide-dir="=0">&nbsp;</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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(2)

Kontext: <button class="glide__bullet" data-glide-dir="=1">&nbsp;</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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(3)

Kontext: <button class="glide__bullet" data-glide-dir="=2">&nbsp;</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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(4)

Kontext: <button class="glide__bullet" data-glide-dir="=3">&nbsp;</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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(5)

Kontext: <button class="glide__bullet" data-glide-dir="=4">&nbsp;</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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(6)

Kontext: <button class="glide__bullet" data-glide-dir="=5">&nbsp;</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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(7)

Kontext: <button class="glide__bullet" data-glide-dir="=6">&nbsp;</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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(8)

Kontext: <button class="glide__bullet" data-glide-dir="=7">&nbsp;</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 > div:nth-child(9) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > button:nth-child(9)

Kontext: <button class="glide__bullet" data-glide-dir="=8">&nbsp;</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: #reco-carousel > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="glide__arrow glide__arrow--left" data-glide-dir="&lt;"></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: #reco-carousel > div:nth-child(2) > button:nth-child(2)

Kontext: <button class="glide__arrow glide__arrow--right" data-glide-dir="&gt;"></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: #discover > div:nth-child(2) > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="glide__arrow glide__arrow--left" data-glide-dir="&lt;"></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: #discover > div:nth-child(2) > div:nth-child(2) > button:nth-child(2)

Kontext: <button class="glide__arrow glide__arrow--right" data-glide-dir="&gt;"></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: #BrandCarousel > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="glide__arrow glide__arrow--left" data-glide-dir="&lt;"></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: #BrandCarousel > div:nth-child(2) > button:nth-child(2)

Kontext: <button class="glide__arrow glide__arrow--right" data-glide-dir="&gt;"></button>