sansibar.de

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

Selector: html > body > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-carousel:nth-child(2) > div:nth-child(1) > swiper-container > swiper-slide:nth-child(1) > app-sansibar-banner > div > div > div:nth-child(1) > div > div > p:nth-child(1)

Kontext: <p _ngcontent-ng-c502973471="" class="sub-headline ng-star-inserted">GEWINNSPIEL</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 1:1. Recommendation: change text colour to #767676.

Selector: html > body > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-carousel:nth-child(2) > div:nth-child(1) > swiper-container > swiper-slide:nth-child(1) > app-sansibar-banner > div > div > div:nth-child(1) > div > p

Kontext: <p _ngcontent-ng-c502973471="" class="text ng-star-inserted">Gewinne zusammen mit der Sansib...</p>

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

Selector: html > body > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-carousel:nth-child(2) > div:nth-child(1) > swiper-container > swiper-slide:nth-child(2) > app-sansibar-banner > div > div > div:nth-child(1) > div > div > p

Kontext: <p _ngcontent-ng-c502973471="" class="sub-headline ng-star-inserted">SOMMER COCKTAILS</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 1:1. Recommendation: change text colour to #767676.

Selector: html > body > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-carousel:nth-child(2) > div:nth-child(1) > swiper-container > swiper-slide:nth-child(2) > app-sansibar-banner > div > div > div:nth-child(1) > div > p

Kontext: <p _ngcontent-ng-c502973471="" class="text ng-star-inserted">Die Favoriten für den Sommer: H...</p>

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

Selector: html > body > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-carousel:nth-child(4) > div:nth-child(1) > swiper-container > swiper-slide > app-sansibar-banner > div > div > div:nth-child(1) > div > div > p

Kontext: <p _ngcontent-ng-c502973471="" class="sub-headline ng-star-inserted">KIDS SOMMER KOLLEKTION</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 1:1. Recommendation: change text colour to #767676.

Selector: html > body > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-carousel:nth-child(4) > div:nth-child(1) > swiper-container > swiper-slide > app-sansibar-banner > div > div > div:nth-child(1) > div > p

Kontext: <p _ngcontent-ng-c502973471="" class="text ng-star-inserted">Entdecke die Sansibar Kids Koll...</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.15:1. Recommendation: change text colour to #8c7342.

Selector: html > body > app-root > cx-storefront > footer > cx-page-layout > cx-page-slot > app-sansibar-anonymous-consent > div > div > div:nth-child(2) > button:nth-child(1)

Kontext: <button _ngcontent-ng-c925055985="" class="btn btn-secondary btn-secondary-gold ng-tns-c925055985-3"> Alle Ablehnen </button>

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.15:1. Recommendation: change text colour to #8c7342.

Selector: html > body > app-root > cx-storefront > footer > cx-page-layout > cx-page-slot > app-sansibar-anonymous-consent > div > div > div:nth-child(2) > button:nth-child(2)

Kontext: <button _ngcontent-ng-c925055985="" class="btn btn-secondary btn-secondary-gold ng-tns-c925055985-3"> Einstellungen Anpassen </button>

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.15:1. Recommendation: change background to #8c7342.

Selector: html > body > app-root > cx-storefront > footer > cx-page-layout > cx-page-slot > app-sansibar-anonymous-consent > div > div > div:nth-child(2) > button:nth-child(3)

Kontext: <button _ngcontent-ng-c925055985="" class="btn btn-primary btn-primary-gold ng-tns-c925055985-3"> Alle Akzeptieren </button>

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

Selector: #cx-header > cx-page-layout:nth-child(1) > cx-page-slot:nth-child(1) > app-header > div > div:nth-child(4) > a

Kontext: <a _ngcontent-ng-c950286003="" class="wishlist-icon" href="/sansibar/de/sign-in"><!----><app-icon _ngcontent-ng-...</a>

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

Selector: #cx-header > cx-page-layout:nth-child(1) > cx-page-slot:nth-child(1) > app-header > div > div:nth-child(4) > app-mini-cart > div > div > a

Kontext: <a _ngcontent-ng-c2756023433="" class="mini-cart-icon ng-tns-c2756023433-1" href="/sansibar/de/cart"><!----><app-icon _ngcontent-ng-...</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: #cx-header > cx-page-layout:nth-child(1) > cx-page-slot:nth-child(1) > app-header > div > div:nth-child(2) > app-sansibar-search-box > div > div > div > input

Kontext: <input _ngcontent-ng-c3977477320="" autocomplete="false" spellcheck="false" autocapitalize="off" autocorrect="off" class="search-box-input" placeholder="Produkte suchen">

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: #cx-header > cx-page-layout:nth-child(1) > cx-page-slot:nth-child(1) > app-header > div > div:nth-child(2) > app-sansibar-search-box > div > div > div > input

Kontext: <input _ngcontent-ng-c3977477320="" autocomplete="false" spellcheck="false" autocapitalize="off" autocorrect="off" class="search-box-input" placeholder="Produkte suchen">

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

Selector: html > body > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-static-banner-carousel > div > div:nth-child(1) > cx-banner > cx-generic-link > a

Kontext: <a href="https://www.sansibar.de/sansibar/de/Wein/Spirituosen/Skin-Gin-Sansibar-Edition-/p/000000000000305489" tabindex="0" aria-label=" " class="ng-star-inserted"><!----></a>

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

Selector: html > body > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-static-banner-carousel > div > div:nth-child(2) > cx-banner > cx-generic-link > a

Kontext: <a href="https://www.sansibar.de/sansibar/de/Wein/Weisswein/c/0000100003" tabindex="0" aria-label=" " class="ng-star-inserted"><!----></a>

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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(3) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(1) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > app-sansibar-add-to-cart > div > form > button

Kontext: <button _ngcontent-ng-c1498729883="" type="submit" class="btn btn-primary btn-block add-to-cart-button icon-button"><!----><app-icon _ngcontent-ng-...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(3) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(2) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > app-sansibar-add-to-cart > div > form > button

Kontext: <button _ngcontent-ng-c1498729883="" type="submit" class="btn btn-primary btn-block add-to-cart-button icon-button"><!----><app-icon _ngcontent-ng-...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(3) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(3) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > app-sansibar-add-to-cart > div > form > button

Kontext: <button _ngcontent-ng-c1498729883="" type="submit" class="btn btn-primary btn-block add-to-cart-button icon-button"><!----><app-icon _ngcontent-ng-...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(3) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(4) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > app-sansibar-add-to-cart > div > form > button

Kontext: <button _ngcontent-ng-c1498729883="" type="submit" class="btn btn-primary btn-block add-to-cart-button icon-button"><!----><app-icon _ngcontent-ng-...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(3) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(5) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > app-sansibar-add-to-cart > div > form > button

Kontext: <button _ngcontent-ng-c1498729883="" type="submit" class="btn btn-primary btn-block add-to-cart-button icon-button"><!----><app-icon _ngcontent-ng-...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(3) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(6) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > app-sansibar-add-to-cart > div > form > button

Kontext: <button _ngcontent-ng-c1498729883="" type="submit" class="btn btn-primary btn-block add-to-cart-button icon-button"><!----><app-icon _ngcontent-ng-...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(5) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(1) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button _ngcontent-ng-c2741992909="" type="button" class="btn btn-primary btn-block variants-icon ng-star-inserted"><app-icon _ngcontent-ng-c274199...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(5) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(2) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button _ngcontent-ng-c2741992909="" type="button" class="btn btn-primary btn-block variants-icon ng-star-inserted"><app-icon _ngcontent-ng-c274199...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(5) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(3) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button _ngcontent-ng-c2741992909="" type="button" class="btn btn-primary btn-block variants-icon ng-star-inserted"><app-icon _ngcontent-ng-c274199...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(5) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(4) > app-sansibar-product-card > a > div:nth-child(3) > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button _ngcontent-ng-c2741992909="" type="button" class="btn btn-primary btn-block variants-icon ng-star-inserted"><app-icon _ngcontent-ng-c274199...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(5) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(5) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button _ngcontent-ng-c2741992909="" type="button" class="btn btn-primary btn-block variants-icon ng-star-inserted"><app-icon _ngcontent-ng-c274199...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(5) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(6) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button _ngcontent-ng-c2741992909="" type="button" class="btn btn-primary btn-block variants-icon ng-star-inserted"><app-icon _ngcontent-ng-c274199...</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 > app-root > cx-storefront > main > cx-page-layout > cx-page-slot:nth-child(1) > app-sansibar-product-carousel:nth-child(5) > div:nth-child(2) > div > swiper-container > swiper-slide:nth-child(7) > app-sansibar-product-card > a > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button _ngcontent-ng-c2741992909="" type="button" class="btn btn-primary btn-block variants-icon ng-star-inserted"><app-icon _ngcontent-ng-c274199...</button>

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

Selector: #cx-header > cx-page-layout:nth-child(1) > cx-page-slot:nth-child(1) > app-header > div > div:nth-child(2) > app-sansibar-search-box > div > div > div > button

Kontext: <button _ngcontent-ng-c3977477320="" role="presentation" class="search-box-icon"><app-icon _ngcontent-ng-c397747...</button>