sonneninitiative.org

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

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

Kontext: <a :href="'mailto:' + currentFinal?.contact?.email" class="flex items-center gap-3 text-brand-light hover:text-brand-yellow transition-colors group" href="mailto:undefined"> ......

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

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

Kontext: <a :href="'tel:' + currentFinal?.contact?.phone?.replace(/\s/g, '')" class="flex items-center gap-3 text-brand-light hover:text-brand-yellow transition-colors group" href="tel:u...

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

Selector: html > body > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > p:nth-child(2)

Kontext: <p class="text-brand-gray">Willy-Mock-Straße 13<br>35037 M...</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 4.28:1. Recommendation: change background to #f5faff.

Selector: html > body > footer > div:nth-child(2) > div:nth-child(2) > p

Kontext: <p class="text-sm text-brand-gray text-center sm:text-left"> © 2026 Sonneni...</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 4.28:1. Recommendation: change background to #f5faff.

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

Kontext: <a href="/impressum" class="text-sm text-brand-gray hover:text-brand-blue transition-colors">Impressum</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.31:1. Recommendation: change text colour to #000204.

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

Kontext: <span class="text-brand-gray-light">|</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.28:1. Recommendation: change background to #f5faff.

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

Kontext: <a href="/datenschutz" class="text-sm text-brand-gray hover:text-brand-blue transition-colors">Datenschutz</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.31:1. Recommendation: change text colour to #000204.

Selector: html > body > footer > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(4)

Kontext: <span class="text-brand-gray-light">|</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.28:1. Recommendation: change background to #f5faff.

Selector: html > body > footer > div:nth-child(2) > div:nth-child(2) > div > button

Kontext: <button type="button" onclick="openCookieSettings()" class="text-sm text-brand-gray hover:text-brand-blue transition-colors cursor-pointer bg-transparent border-0 p-0 font-inher...

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

Selector: #cookie-consent-banner > div > div > div:nth-child(3) > label:nth-child(1) > div > span:nth-child(2)

Kontext: <span class="text-xs text-brand-gray-light">(immer aktiv)</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.56:1. Recommendation: change text colour to #68778c.

Selector: #cookie-consent-banner > div > div > div:nth-child(3) > label:nth-child(2) > div > span:nth-child(2)

Kontext: <span class="text-xs text-brand-gray-light block sm:inline">– zeigt uns, wie die Seite ...</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.56:1. Recommendation: change text colour to #68778c.

Selector: #cookie-consent-banner > div > div > div:nth-child(3) > label:nth-child(3) > div > span:nth-child(2)

Kontext: <span class="text-xs text-brand-gray-light block sm:inline">– misst, ob unsere Anzeigen ...</span>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a href="" class="hover:text-brand-yellow transition" title="Social Media: Youtube"><i class="fab fa-youtube"></i></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

Selector: html > body > header > div:nth-child(3) > nav > div:nth-child(13) > a:nth-child(1)

Kontext: <a href="" class="hover:text-brand-yellow transition text-2xl me-5"><i class="fab fa-youtube"></i></a>

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

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

Kontext: <a href="https://www.facebook.com/sonneninitiative/" class="hover:text-brand-yellow transition text-2xl me-5"><i class="fab fa-facebook-f"></...</a>

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

Selector: html > body > header > div:nth-child(3) > nav > div:nth-child(13) > a:nth-child(3)

Kontext: <a href="https://www.instagram.com/sonneninitiative/" class="hover:text-brand-yellow transition text-2xl"><i class="fab fa-instagram"></i...</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 > header > div:nth-child(2) > button

Kontext: <button @click="mobileMenuOpen = !mobileMenuOpen" class="cursor-pointer lg:hidden text-brand-blue text-2xl focus:outline-none z-50 relative"> <i class="fas fa-b...</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 > header > div:nth-child(3) > nav > div:nth-child(1) > div:nth-child(1) > button

Kontext: <button class="p-2 focus:outline-none"> ...</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 > header > div:nth-child(3) > nav > div:nth-child(2) > div:nth-child(1) > button

Kontext: <button class="p-2 focus:outline-none"> ...</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 > header > div:nth-child(3) > nav > div:nth-child(3) > div:nth-child(1) > button

Kontext: <button class="p-2 focus:outline-none"> ...</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 > header > div:nth-child(3) > nav > div:nth-child(4) > div:nth-child(1) > button

Kontext: <button class="p-2 focus:outline-none"> ...</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 > header > div:nth-child(3) > nav > div:nth-child(7) > div:nth-child(1) > button

Kontext: <button class="p-2 focus:outline-none"> ...</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 > main > div:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > button

Kontext: <button type="button" class="pointer-events-auto inline-flex h-12 w-12 items-center justify-center rounded-full bg-white text-brand-blue shadow-lg ring-1 ring-black/5 hover:bg-b...

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 > main > div:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > button

Kontext: <button type="button" class="pointer-events-auto inline-flex h-12 w-12 items-center justify-center rounded-full bg-white text-brand-blue shadow-lg ring-1 ring-black/5 hover:bg-b...

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 > main > div:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > div:nth-child(4) > div > button:nth-child(1)

Kontext: <button type="button" class="inline-flex h-11 w-11 items-center justify-center rounded-full bg-white text-brand-blue shadow-md ring-1 ring-black/5 disabled:opacity-40 transition...

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 > main > div:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > div:nth-child(4) > div > button:nth-child(2)

Kontext: <button type="button" class="inline-flex h-11 w-11 items-center justify-center rounded-full bg-white text-brand-blue shadow-md ring-1 ring-black/5 disabled:opacity-40 transition...

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: html > body > main > section:nth-child(3) > div:nth-child(3) > div > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > h3

Kontext: <h3 class="h2-style text-brand-blue-dark" x-text="currentFinal?.title"></h3>