hero-eltern.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 3.68:1. Recommendation: change text colour to #fffcfb.

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

Kontext: <p class="mb-4 font-heading font-bold text-accent" style="font-size:clamp(15px,2.5vw,18px);line-height:1.4;" data-astro-cid-7nmnspah=""> Viele Eltern fühlen sich damit...</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.9:1. Recommendation: change text colour to #7f746b.

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

Kontext: <p class="m-0 text-[17px] text-[#8a7f76]" style="font-family:Georgia,'Times New Roman',serif;font-style:italic;"> So sieht dein Abend mit — und ...</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.9:1. Recommendation: change text colour to #7f746b.

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

Kontext: <div class="text-[13px] text-[#8a7f76]" style="font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:1px;"> oder </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.9:1. Recommendation: change text colour to #7f746b.

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

Kontext: <p class="mt-7 text-center text-[15px] text-[#8a7f76]" style="font-family:Georgia,'Times New Roman',serif;font-style:italic;line-height:1.6;"> Derselbe Abend. Dasselbe Kind....</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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(3) > div > div:nth-child(5)

Kontext: <div class="mt-3.5 text-center text-xs text-[#8a7f76]" style="line-height:1.8;"> ⚡ <strong class="text-[#0A0908...</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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(4) > div > div:nth-child(5) > div

Kontext: <div class="mb-3.5 text-[13px] text-[#8a7f76]" style="font-family:Georgia,'Times New Roman',serif;font-style:italic;"> Wähle deinen Weg: </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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(4) > div > div:nth-child(5) > a:nth-child(4)

Kontext: <a href="#checkout" data-checkout-price="price_1TWeqw8BESWwjTLKFI5SdbX2" data-checkout-value="37" data-checkout-product="bibliothek" data-checkout-label="bibliothek-cta-section3...

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

Selector: html > body > main > section:nth-child(4) > div > div:nth-child(5) > p

Kontext: <p class="mt-5 text-xs text-[#8a7f76]" style="line-height:1.6;"> 🛡 <a href="/garantie" class="...</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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(5) > div > p:nth-child(3)

Kontext: <p class="mx-auto mb-2 max-w-[520px] text-[17px] text-[#8a7f76]" style="font-family:Georgia,'Times New Roman',serif;font-style:italic;line-height:1.6;"> Mit <strong class="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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(5) > div > p:nth-child(4)

Kontext: <p class="mb-7 text-[13px] text-[#8a7f76]" style="opacity:0.7;"> So sieht deine tägliche Audio-...</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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(5) > div > p:nth-child(7)

Kontext: <p class="mx-auto mt-7 max-w-[400px] text-[14px] text-[#8a7f76]" style="font-family:Georgia,'Times New Roman',serif;font-style:italic;line-height:1.7;"> …oder bleib beim Standar...

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

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

Kontext: <div class="mb-6 text-[13px] text-[#8a7f76]" data-astro-cid-fbd7bsr7="">Gründer, HERO Eltern</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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > div:nth-child(2)

Kontext: <div class="mt-1 text-[11px] uppercase tracking-[1.5px] text-[#8a7f76]">Disziplinen</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.63:1. Recommendation: change text colour to #070300.

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

Kontext: <div class="mt-1 text-[11px] uppercase tracking-[1.5px] text-[#8a7f76]">Jahre Forschung</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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(5) > div:nth-child(2)

Kontext: <div class="mt-1 text-[11px] uppercase tracking-[1.5px] text-[#8a7f76]">Tägliche Übungen</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 1:1. Recommendation: change text colour to #0c0802.

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

Kontext: <div class="flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-[11px] border-[1.5px] border-black/12 bg-[#FAF6F0] text-[19px]"> 💬 </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.9:1. Recommendation: change text colour to #7f746b.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(4)

Kontext: <div class="text-[12px] tracking-[0.5px] text-[#8a7f76]"> Fundament der <strong class="t...</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 1:1. Recommendation: change text colour to #0c0802.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(4) > div > div:nth-child(1)

Kontext: <div class="flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-[11px] border-[1.5px] border-black/12 bg-[#FAF6F0] text-[19px]"> 💙 </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.9:1. Recommendation: change text colour to #7f746b.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(4) > div > div:nth-child(2) > div:nth-child(4)

Kontext: <div class="text-[12px] tracking-[0.5px] text-[#8a7f76]"> Herzstück von <strong class="t...</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 1:1. Recommendation: change text colour to #0c0802.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(5) > div > div:nth-child(1)

Kontext: <div class="flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-[11px] border-[1.5px] border-black/12 bg-[#FAF6F0] text-[19px]"> ⛵ </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.9:1. Recommendation: change text colour to #7f746b.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(5) > div > div:nth-child(2) > div:nth-child(4)

Kontext: <div class="text-[12px] tracking-[0.5px] text-[#8a7f76]"> Basis der <strong class="text-...</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.63:1. Recommendation: change text colour to #070300.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(7) > p:nth-child(3)

Kontext: <p class="mt-4 text-xs text-[#8a7f76]"> ⚡ Sofortiger Zugang · 🛡 30 Ta...</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.07:1. Recommendation: change text colour to #fff7f5.

Selector: html > body > footer > div > div:nth-child(3) > div:nth-child(1) > h3

Kontext: <h3 class="mb-4 font-heading text-[11px] font-extrabold uppercase tracking-[0.16em] text-accent" data-astro-cid-35ed7um5="">Produkte</h3>

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

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

Kontext: <h3 class="mb-4 font-heading text-[11px] font-extrabold uppercase tracking-[0.16em] text-accent" data-astro-cid-35ed7um5="">Erfahre mehr</h3>

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

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

Kontext: <h3 class="mb-4 font-heading text-[11px] font-extrabold uppercase tracking-[0.16em] text-accent" data-astro-cid-35ed7um5="">Rechtliches</h3>

Originalmeldung: This link points to a named anchor "checkout" within the document, but no anchor exists with that name.

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

Kontext: <a href="#checkout" data-checkout-price="price_1TWeqw8BESWwjTLKFI5SdbX2" data-checkout-value="37" data-checkout-product="bibliothek" data-checkout-label="hero-primary" class="bl...

Originalmeldung: This link points to a named anchor "checkout" within the document, but no anchor exists with that name.

Selector: html > body > main > section:nth-child(3) > div > a

Kontext: <a href="#checkout" data-checkout-price="price_1TWeqw8BESWwjTLKFI5SdbX2" data-checkout-value="37" data-checkout-product="bibliothek" data-checkout-label="after-schlafenszeit-cta...

Originalmeldung: This link points to a named anchor "checkout" within the document, but no anchor exists with that name.

Selector: html > body > main > section:nth-child(4) > div > div:nth-child(5) > a:nth-child(2)

Kontext: <a href="#checkout" data-checkout-price="price_1TWerS8BESWwjTLKn9UWaDBF" data-checkout-value="57" data-checkout-product="vip" data-checkout-label="vip-cta-section3" class="mb-3 ...

Originalmeldung: This link points to a named anchor "checkout" within the document, but no anchor exists with that name.

Selector: html > body > main > section:nth-child(4) > div > div:nth-child(5) > a:nth-child(4)

Kontext: <a href="#checkout" data-checkout-price="price_1TWeqw8BESWwjTLKFI5SdbX2" data-checkout-value="37" data-checkout-product="bibliothek" data-checkout-label="bibliothek-cta-section3...

Originalmeldung: This link points to a named anchor "checkout" within the document, but no anchor exists with that name.

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

Kontext: <a href="#checkout" data-checkout-price="price_1TWeqw8BESWwjTLKFI5SdbX2" data-checkout-value="37" data-checkout-product="bibliothek" data-checkout-label="was-ist-drin-cta" class...

Originalmeldung: This link points to a named anchor "checkout" within the document, but no anchor exists with that name.

Selector: html > body > main > section:nth-child(6) > div:nth-child(3) > div > a:nth-child(5)

Kontext: <a href="#checkout" data-checkout-price="price_1TWeqw8BESWwjTLKFI5SdbX2" data-checkout-value="37" data-checkout-product="bibliothek" data-checkout-label="pricing-section-cta" cl...

Originalmeldung: This link points to a named anchor "checkout" within the document, but no anchor exists with that name.

Selector: html > body > main > section:nth-child(7) > div > div:nth-child(7) > a

Kontext: <a href="#checkout" data-checkout-price="price_1TWeqw8BESWwjTLKFI5SdbX2" data-checkout-value="37" data-checkout-product="bibliothek" data-checkout-label="wissenschaft-cta" class...

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: #heroChatInput

Kontext: <input class="hero-chat-input" id="heroChatInput" type="text" placeholder="Deine Frage..." onkeydown="if(event.key==='Enter')sendMsg()">

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: #heroChatInput

Kontext: <input class="hero-chat-input" id="heroChatInput" type="text" placeholder="Deine Frage..." onkeydown="if(event.key==='Enter')sendMsg()">