rokpa.org

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.59:1. Recommendation: change background to #da3d1b.

Selector: #wrapper > header > div:nth-child(1) > div:nth-child(4) > a

Kontext: <a class="btn btn--shout" href="/en/your-options/donate"><span class="material-symbols-r...</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.59:1. Recommendation: change background to #da3d1b.

Selector: #wrapper > header > div:nth-child(1) > div:nth-child(4) > a > span

Kontext: <span class="material-symbols-rounded">favorite</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 2.63:1. Recommendation: change text colour to #c65300.

Selector: #main-content > div > main > div > section > div:nth-child(1) > div:nth-child(1) > div > a:nth-child(1) > span

Kontext: <span class="material-symbols-rounded">campaign</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 2.63:1. Recommendation: change text colour to #c65300.

Selector: #main-content > div > main > div > section > div:nth-child(1) > div:nth-child(1) > div > a:nth-child(2) > span

Kontext: <span class="material-symbols-rounded">favorite_border</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 2.63:1. Recommendation: change text colour to #c65300.

Selector: #main-content > div > main > div > section > div:nth-child(1) > div:nth-child(1) > div > a:nth-child(3) > span

Kontext: <span class="material-symbols-rounded">videocam</span>

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

Selector: #main-content > div > main > div > section > div:nth-child(2) > article > section > div > div > div:nth-child(1) > a > div:nth-child(1) > span

Kontext: <span class="material-symbols-rounded">spa</span>

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

Selector: #main-content > div > main > div > section > div:nth-child(2) > article > section > div > div > div:nth-child(2) > a > div:nth-child(1) > span

Kontext: <span class="material-symbols-rounded">groups</span>

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

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

Kontext: <span class="material-symbols-rounded">volunteer_activism</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 2.63:1. Recommendation: change text colour to #c65300.

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(1) > a > div:nth-child(2) > div > h5 > small

Kontext: <small>News, March 2026</small>

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(2) > a > div:nth-child(2) > div > h5 > small

Kontext: <small>News, March 2026</small>

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(3) > a > div:nth-child(2) > div > h5 > small

Kontext: <small>News, March 2026</small>

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(4) > a > div:nth-child(2) > div > h5 > small

Kontext: <small>News, February 2026</small>

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(5) > a > div:nth-child(2) > div > h5 > small

Kontext: <small>News, December 2025</small>

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(6) > a > div:nth-child(2) > div > h5 > small

Kontext: <small>Project News, June 2025</small>

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

Selector: #main-content > div > main > div > section > div:nth-child(4) > article > section > div > form > div > div:nth-child(1) > label > span

Kontext: <span class="donation__amount-currency">CHF</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.59:1. Recommendation: change text colour to #da3d1b.

Selector: #main-content > div > main > div > section > div:nth-child(4) > article > section > div > form > div > div:nth-child(2) > label > span

Kontext: <span class="donation__amount-currency">CHF</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.9:1. Recommendation: change text colour to #767676.

Selector: #main-content > div > main > div > section > div:nth-child(4) > article > section > div > form > div > div:nth-child(3) > label > span

Kontext: <span class="donation__amount-currency">CHF</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.9:1. Recommendation: change text colour to #767676.

Selector: #main-content > div > main > div > section > div:nth-child(4) > article > section > div > form > div > div:nth-child(4) > label > span

Kontext: <span class="donation__amount-currency">CHF</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.59:1. Recommendation: change background to #da3d1b.

Selector: #main-content > div > main > div > section > div:nth-child(4) > article > section > div > form > button

Kontext: <button class="donation__button btn btn--shout">Donate now</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.47:1. Recommendation: change text colour to #0c0500.

Selector: #wrapper > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > a > span

Kontext: <span class="material-symbols-rounded">phone</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 2.47:1. Recommendation: change text colour to #0c0500.

Selector: #wrapper > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > a > span

Kontext: <span class="material-symbols-rounded">email</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.33:1. Recommendation: change text colour to #0b0500.

Selector: #wrapper > footer > div > div:nth-child(1) > div:nth-child(2) > nav > a:nth-child(1)

Kontext: <a href="https://www.linkedin.com/company/rokpa-international/" target="_blank" title="LinkedIn" class="btn btn--icon btn--plain icon icon--only icon-social-linkedin">LinkedIn</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.33:1. Recommendation: change text colour to #0b0500.

Selector: #wrapper > footer > div > div:nth-child(1) > div:nth-child(2) > nav > a:nth-child(2)

Kontext: <a href="https://www.facebook.com/ROKPA.org" target="_blank" title="Facebook" class="btn btn--icon btn--plain icon icon--only icon-social-facebook">Facebook</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.33:1. Recommendation: change text colour to #0b0500.

Selector: #wrapper > footer > div > div:nth-child(1) > div:nth-child(2) > nav > a:nth-child(3)

Kontext: <a href="https://www.instagram.com/rokpa_international/" target="_blank" title="Instagram" class="btn btn--icon btn--plain icon icon--only icon-social-instagram">Instagram</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.33:1. Recommendation: change text colour to #0b0500.

Selector: #wrapper > footer > div > div:nth-child(1) > div:nth-child(2) > nav > a:nth-child(4)

Kontext: <a href="https://www.youtube.com/user/rokpainfo" target="_blank" title="YouTube" class="btn btn--icon btn--plain icon icon--only icon-social-youtube">YouTube</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.59:1. Recommendation: change background to #da3d1b.

Selector: #cookie-banner > a

Kontext: <a class="btn btn--shout message__action">OK</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 2.47:1. Recommendation: change text colour to #0c0500.

Selector: #cookie-banner > p:nth-child(3) > a

Kontext: <a href="/en/privacy-policy">Privacy policy</a>

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(1) > a > div:nth-child(1) > div > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(2) > a > div:nth-child(1) > div > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(3) > a > div:nth-child(1) > div > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(4) > a > div:nth-child(1) > div > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(5) > a > div:nth-child(1) > div > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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

Selector: #main-content > div > main > div > section > div:nth-child(3) > article > section > div > div > div > div:nth-child(6) > a > div:nth-child(1) > div > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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

Selector: #main-content > div > main > div > section > div:nth-child(4) > article > section > div > div:nth-child(2) > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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

Selector: #main-content > div > main > div > section > div:nth-child(5) > article > section > div > div > div > div:nth-child(2) > a > div:nth-child(1) > div > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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

Selector: #main-content > div > main > div > section > div:nth-child(5) > article > section > div > div > div > div:nth-child(3) > a > div:nth-child(1) > div > div > span > img

Kontext: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position: absolute; inset: 0px; box-sizi...

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: #wrapper > header > div:nth-child(1) > div:nth-child(2) > div > form > button

Kontext: <button class="input__icon icon icon-search icon--only"></button>

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

Selector: #wrapper > header > div:nth-child(1) > div:nth-child(2) > div > form > input

Kontext: <input type="search" name="term" class="input__widget" placeholder="Search">

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: #wrapper > header > div:nth-child(1) > nav:nth-child(3) > ul > li:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div > div > form > button

Kontext: <button class="input__icon icon icon-search icon--only"></button>

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

Selector: #wrapper > header > div:nth-child(1) > nav:nth-child(3) > ul > li:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div > div > form > input

Kontext: <input type="search" name="term" class="input__widget" placeholder="Search">

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

Selector: #panels-2-closed

Kontext: <input type="radio" class="mobile-menu__toggle" value="" name="panels-2" id="panels-2-closed" checked="">

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: #panels-2-closed

Kontext: <input type="radio" class="mobile-menu__toggle" value="" name="panels-2" id="panels-2-closed" checked="">

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

Selector: #panels-37-closed

Kontext: <input type="radio" class="mobile-menu__toggle" value="" name="panels-37" id="panels-37-closed" checked="">

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: #panels-37-closed

Kontext: <input type="radio" class="mobile-menu__toggle" value="" name="panels-37" id="panels-37-closed" checked="">

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

Selector: #panels-45-closed

Kontext: <input type="radio" class="mobile-menu__toggle" value="" name="panels-45" id="panels-45-closed" checked="">

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: #panels-45-closed

Kontext: <input type="radio" class="mobile-menu__toggle" value="" name="panels-45" id="panels-45-closed" checked="">

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

Selector: #panels-57-closed

Kontext: <input type="radio" class="mobile-menu__toggle" value="" name="panels-57" id="panels-57-closed" checked="">

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: #panels-57-closed

Kontext: <input type="radio" class="mobile-menu__toggle" value="" name="panels-57" id="panels-57-closed" checked="">

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: #main-content > div > main > div > section > div:nth-child(4) > article > section > div > div:nth-child(3) > iframe

Kontext: <iframe class="overlay__content" title="" src="" allow="payment *"></iframe>