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 link points to a named anchor "main-navigation-menu" within the document, but no anchor exists with that name.

Selector: #page-top > div > a:nth-child(3)

Kontext: <a href="#main-navigation-menu" class="skip-to-content-link d-inline-flex text-decoration-underline m-1 p-2 fw-bold gap-2 d-none d-lg-block"> ...</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.28:1. Recommendation: change background to #d64300.

Selector: html > body > header > div:nth-child(2) > a > div > div > div:nth-child(2) > span

Kontext: <span class="marketing-line__text">Willkommen im neuen JACOB Shop</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 background to #d64300.

Selector: html > body > header > div:nth-child(2) > a > div > div > div:nth-child(3) > span

Kontext: <span class="marketing-line__link">FAQ zum Relaunch</span>

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #tns1-item0 > div > div:nth-child(1) > div > div:nth-child(2) > h1 > font

Kontext: <font color="#ffffff">Saugen, wischen, mähen – läuft....</font>

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #tns1-item0 > div > div:nth-child(1) > div > div:nth-child(2) > p > font

Kontext: <font color="#ffffff"><b>Während die Roboter arbeiten...</font>

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #tns1-item1 > div > div:nth-child(1) > div > div:nth-child(2) > h2 > font

Kontext: <font color="#000000">Taschen kaufen. Dockingstation ...</font>

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #tns1-item1 > div > div:nth-child(1) > div > div:nth-child(2) > p > font

Kontext: <font color="#000000"><b>Perfekt ausgestattet für mob...</font>

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 background to #d64300.

Selector: #content-main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(5) > section > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="cms-element-jacob-newsletter-banner__badge"> 5 € Gu...</div>

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: 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: Duplicate id attribute value "header-main-search-input" found on the web page.

Selector: #header-main-search-input

Kontext: <input type="search" id="header-main-search-input" name="search" class="jacob-search-input" autocomplete="off" autocapitalize="off" placeholder="Suchbegriff eingeben ..." aria-l...

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: #tns11-item0 > a > div:nth-child(1) > button

Kontext: <button class="category-teaser__arrow btn btn-cta"><span class="icon icon-arrow-ri...</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: #tns11-item1 > a > div:nth-child(1) > button

Kontext: <button class="category-teaser__arrow btn btn-cta"><span class="icon icon-arrow-ri...</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: #tns11-item2 > a > div:nth-child(1) > button

Kontext: <button class="category-teaser__arrow btn btn-cta"><span class="icon icon-arrow-ri...</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: #tns11-item3 > a > div:nth-child(1) > button

Kontext: <button class="category-teaser__arrow btn btn-cta"><span class="icon icon-arrow-ri...</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: #tns11-item4 > a > div:nth-child(1) > button

Kontext: <button class="category-teaser__arrow btn btn-cta"><span class="icon icon-arrow-ri...</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: #tns11-item5 > a > div:nth-child(1) > button

Kontext: <button class="category-teaser__arrow btn btn-cta"><span class="icon icon-arrow-ri...</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: #tns11-item6 > a > div:nth-child(1) > button

Kontext: <button class="category-teaser__arrow btn btn-cta"><span class="icon icon-arrow-ri...</button>

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

Selector: #content-main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(5) > section > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > form > select

Kontext: <select name="option" class="form-select js-newsletter-action" required="required"> <optio...</select>

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

Kontext: <select name="option" class="form-select js-newsletter-action" required="required"> <optio...</select>

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

Selector: #content-main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(5) > section > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > form > div:nth-child(2) > fieldset

Kontext: <fieldset class="jclf-radio-group"> <d...</fieldset>

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

Selector: #content-main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(5) > section > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > form > div:nth-child(3) > input

Kontext: <input class="input-field" type="email" name="email" placeholder="E-Mail Adresse *" required="" autocomplete="email" data-validation="required,email" aria-describedby="newslette...

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

Selector: #content-main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(5) > section > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > form > input

Kontext: <input type="submit" class="submit--hidden d-none">

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

Selector: #content-main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(7) > section > div:nth-child(2) > div > div > div > div > div > div > div > form > div:nth-child(5) > div:nth-child(7) > fieldset

Kontext: <fieldset class="form-group col-12 jacob-contact-form__file-upload" data-jacob-contact-file-upload=""> ...</fieldset>

Originalmeldung: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

Selector: #content-main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(5) > section > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > form > div:nth-child(2) > fieldset

Kontext: <fieldset class="jclf-radio-group"> <d...</fieldset>

Originalmeldung: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

Selector: #content-main > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(7) > section > div:nth-child(2) > div > div > div > div > div > div > div > form > div:nth-child(5) > div:nth-child(7) > fieldset

Kontext: <fieldset class="form-group col-12 jacob-contact-form__file-upload" data-jacob-contact-file-upload=""> ...</fieldset>