sonax.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.52:1. Recommendation: change background to #72777a.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(6) > a > div > div:nth-child(3) > div:nth-child(1)

Kontext: <div class="snx-badge snx-is--color-backup snx-is--color-wheel-rims">Felgen | Reifen | Gummi</div>

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.5:1. Recommendation: change background to #6e7881.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(7) > a > div > div:nth-child(3) > div:nth-child(1)

Kontext: <div class="snx-badge snx-is--color-backup snx-is--color-profiline">PROFILINE</div>

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.5:1. Recommendation: change background to #6e7881.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(8) > a > div > div:nth-child(3) > div:nth-child(1)

Kontext: <div class="snx-badge snx-is--color-backup snx-is--color-profiline">PROFILINE</div>

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.03:1. Recommendation: change background to #007eb6.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > a > div > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="snx-badge snx-is--color-backup snx-is--color-winter">Winter</div>

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.52:1. Recommendation: change background to #72777a.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(4) > a > div > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="snx-badge snx-is--color-backup snx-is--color-wheel-rims">Felgen | Reifen | Gummi</div>

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.5:1. Recommendation: change background to #6e7881.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(6) > a > div > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="snx-badge snx-is--color-backup snx-is--color-profiline">PROFILINE</div>

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.5:1. Recommendation: change background to #6e7881.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(8) > a > div > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="snx-badge snx-is--color-backup snx-is--color-profiline">PROFILINE</div>

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.03:1. Recommendation: change background to #007eb6.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > a > div > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="snx-badge snx-is--color-backup snx-is--color-winter">Winter</div>

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

Selector: #popup-link

Kontext: <a class="ppms_cm_link" id="popup-link" href="https://www.sonax.com/en/footer/legal/privacy-policy" target="_self">Privacy policy</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 1.99:1. Recommendation: change background to #767675.

Selector: #ppms_cm_reject-all

Kontext: <button class="ppms_cm_button" id="ppms_cm_reject-all">Decline all</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.19:1. Recommendation: change text colour to #767676.

Selector: #ppms_cm_save-choices

Kontext: <button class="ppms_cm_save-choices" id="ppms_cm_save-choices">Save and close</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 2.73:1. Recommendation: change text colour to #737373.

Selector: #ppms_cm_footer__powered_by

Kontext: <span class="ppms_cm_footer__powered_by" data-disable-select="true" id="ppms_cm_footer__powered_by">Powered by</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.27:1. Recommendation: change background to #757575.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(1) > button

Kontext: <button type="button">1</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 4.27:1. Recommendation: change background to #757575.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(1) > button

Kontext: <button type="button">1</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 4.27:1. Recommendation: change background to #757575.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(5) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(1) > button

Kontext: <button type="button">1</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 4.27:1. Recommendation: change background to #757575.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(1) > button

Kontext: <button type="button">1</button>

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(1) > a > div:nth-child(1) > picture > img

Kontext: <img src="https://images.ctfassets.net/myziqoe43fa7/17R7noWW56NMwX6ZEupVBN/d63b5b6b27cf5bf1b01de499e04a00d7/790995ff1cde-snx__keyviz__interior_1440p.png" loading="lazy">

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: #st-form-search__input

Kontext: <input id="st-form-search__input" class="snx-form-search__input snx-st-form-search__input st-form-search__input snx-st-search-input st-search-input" placeholder="Wonach suchst d...

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: #st-form-search__input

Kontext: <input id="st-form-search__input" class="snx-form-search__input snx-st-form-search__input st-form-search__input snx-st-search-input st-search-input" placeholder="Wonach suchst d...

Originalmeldung: Duplicate id attribute value "toggleNavButton" found on the web page.

Selector: #toggleNavButton

Kontext: <span id="toggleNavButton" class="snx-btn snx-toggle-offcanvas-js"><svg class="snx-icon" viewBox="...</span>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(1)

Kontext: <li role="presentation" data-glide-dir="=0" class="glide__bullet--active"><button type="button">1</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(2)

Kontext: <li role="presentation" data-glide-dir="=1"><button type="button">2</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(3)

Kontext: <li role="presentation" data-glide-dir="=2"><button type="button">3</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(4)

Kontext: <li role="presentation" data-glide-dir="=3"><button type="button">4</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(5)

Kontext: <li role="presentation" data-glide-dir="=4"><button type="button">5</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(6)

Kontext: <li role="presentation" data-glide-dir="=5"><button type="button">6</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(7)

Kontext: <li role="presentation" data-glide-dir="=6" class="snx-hide"><button type="button">7</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(8)

Kontext: <li role="presentation" data-glide-dir="=7" class="snx-hide"><button type="button">8</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(1)

Kontext: <li role="presentation" data-glide-dir="=0" class="glide__bullet--active"><button type="button">1</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(2)

Kontext: <li role="presentation" data-glide-dir="=1"><button type="button">2</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(3)

Kontext: <li role="presentation" data-glide-dir="=2"><button type="button">3</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(4)

Kontext: <li role="presentation" data-glide-dir="=3"><button type="button">4</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(5)

Kontext: <li role="presentation" data-glide-dir="=4"><button type="button">5</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(6)

Kontext: <li role="presentation" data-glide-dir="=5"><button type="button">6</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(7)

Kontext: <li role="presentation" data-glide-dir="=6"><button type="button">7</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(8)

Kontext: <li role="presentation" data-glide-dir="=7"><button type="button">8</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(9)

Kontext: <li role="presentation" data-glide-dir="=8" class="snx-hide"><button type="button">9</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(10)

Kontext: <li role="presentation" data-glide-dir="=9" class="snx-hide"><button type="button">10</butto...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(5) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(1)

Kontext: <li role="presentation" data-glide-dir="=0" class="glide__bullet--active"><button type="button">1</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(5) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(2)

Kontext: <li role="presentation" data-glide-dir="=1"><button type="button">2</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(5) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(3)

Kontext: <li role="presentation" data-glide-dir="=2"><button type="button">3</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(5) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(4)

Kontext: <li role="presentation" data-glide-dir="=3"><button type="button">4</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(5) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(5)

Kontext: <li role="presentation" data-glide-dir="=4"><button type="button">5</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(5) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(6)

Kontext: <li role="presentation" data-glide-dir="=5" class="snx-hide"><button type="button">6</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(1)

Kontext: <li role="presentation" data-glide-dir="=0" class="glide__bullet--active"><button type="button">1</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(2)

Kontext: <li role="presentation" data-glide-dir="=1"><button type="button">2</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(3)

Kontext: <li role="presentation" data-glide-dir="=2"><button type="button">3</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(4)

Kontext: <li role="presentation" data-glide-dir="=3"><button type="button">4</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(5)

Kontext: <li role="presentation" data-glide-dir="=4"><button type="button">5</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(6)

Kontext: <li role="presentation" data-glide-dir="=5"><button type="button">6</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(7)

Kontext: <li role="presentation" data-glide-dir="=6"><button type="button">7</button...</li>

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

Selector: html > body > div:nth-child(6) > div:nth-child(2) > section:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > ul > li:nth-child(8)

Kontext: <li role="presentation" data-glide-dir="=7" class="snx-hide"><button type="button">8</button...</li>