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

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

Kontext: <span class="text-[10px] uppercase tracking-[0.3em] text-primary font-semibold">02 · Persönlich</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.37:1. Recommendation: change text colour to #090400.

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

Kontext: <span class="inline-flex items-center gap-2 text-sm font-medium text-primary group-hover:gap-3 transition-all">Atelier betreten<svg xmlns="htt...</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.45:1. Recommendation: change background to #2c2824.

Selector: #main-content > section:nth-child(15) > section > div > div:nth-child(3) > div:nth-child(2) > button

Kontext: <button class="w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all duration-500 shrink-0 bg-muted text-muted-foreground">2</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.45:1. Recommendation: change background to #2c2824.

Selector: #main-content > section:nth-child(15) > section > div > div:nth-child(3) > div:nth-child(3) > button

Kontext: <button class="w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all duration-500 shrink-0 bg-muted text-muted-foreground">3</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 1.98:1. Recommendation: change background to #008933.

Selector: #main-content > section:nth-child(21) > div > div > div:nth-child(2) > div:nth-child(4) > a:nth-child(2)

Kontext: <a href="https://wa.me/491719360591" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 bg-[#25D366] hover:bg-[#20bd5a] text-white font-bold px-5 py...

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: #main-content > section:nth-child(32) > div > form > div:nth-child(1) > input:nth-child(1)

Kontext: <input type="text" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm...

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: #main-content > section:nth-child(32) > div > form > div:nth-child(1) > input:nth-child(1)

Kontext: <input type="text" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm...

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: #main-content > section:nth-child(32) > div > form > div:nth-child(1) > input:nth-child(2)

Kontext: <input type="text" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm...

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: #main-content > section:nth-child(32) > div > form > div:nth-child(1) > input:nth-child(2)

Kontext: <input type="text" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm...

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

Selector: #main-content > section:nth-child(32) > div > form > div:nth-child(2) > input

Kontext: <input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-s...

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

Selector: #root > div:nth-child(7) > footer > div > div:nth-child(3) > div:nth-child(2) > div > form > input

Kontext: <input type="email" class="flex w-full rounded-md border border-input px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-...

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

Selector: #root > div:nth-child(7) > footer > div > div:nth-child(4) > div:nth-child(5) > div:nth-child(1) > form > input

Kontext: <input type="email" class="flex w-full rounded-md border border-input px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-...