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

Selector: #app > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(1) > a

Kontext: <a wire:navigate="" href="/company" data-title="Company" class=" h-full block px-5 py-1.5 text-grey-light font-navi font-extralight tracking-wider uppercase leading-none whitesp...

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 #767676.

Selector: #app > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(2) > a

Kontext: <a wire:navigate="" href="/health-solutions" data-title="Health Solutions" class=" h-full block px-5 py-1.5 text-grey-light font-navi font-extralight tracking-wider uppercase le...

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 #767676.

Selector: #app > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(3) > a

Kontext: <a wire:navigate="" href="/private-label" data-title="PRIVATE LABEL SOLUTIONS" class=" h-full block px-5 py-1.5 text-grey-light font-navi font-extralight tracking-wider uppercas...

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 #767676.

Selector: #app > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(4) > a

Kontext: <a wire:navigate="" href="/food-additives" data-title="Food Additives" class=" h-full block px-5 py-1.5 text-grey-light font-navi font-extralight tracking-wider uppercase leadin...

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 #767676.

Selector: #app > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(5) > a

Kontext: <a wire:navigate="" href="/technology-and-science" data-title="Technology &amp; Science" class=" h-full block px-5 py-1.5 text-grey-light font-navi font-extralight tracking-wide...

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 #767676.

Selector: #app > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(6) > a

Kontext: <a wire:navigate="" href="/quality" data-title="Quality" class=" h-full block px-5 py-1.5 text-grey-light font-navi font-extralight tracking-wider uppercase leading-none whitesp...

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 #767676.

Selector: #app > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(7) > a

Kontext: <a wire:navigate="" href="/news-events" data-title="News &amp; Events" class=" h-full block px-5 py-1.5 text-grey-light font-navi font-extralight tracking-wider uppercase leadin...

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

Selector: #app > div:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(2) > img

Kontext: <img src="https://clients-cdn.kraenk.de/aquanova/bilder/nature_like.png">

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

Selector: html > body > div:nth-child(4) > div > div > div > div:nth-child(1) > img

Kontext: <img src="/img/chatbot-closed.svg" class="w-full h-auto">

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

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

Kontext: <img src="/img/fold-down.svg" class="w-full">

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

Selector: html > body > div:nth-child(4) > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > img

Kontext: <img src="/img/chatbot-face.svg" class="w-16" wire:loading.class="animate-pulse">

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

Selector: html > body > div:nth-child(4) > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > img

Kontext: <img src="/img/chatbot-face.svg" class="w-8" wire:loading.class="animate-pulse">

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

Selector: html > body > div:nth-child(4) > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > img

Kontext: <img src="/img/chatbot-face.svg" class="w-8" wire:loading.class="animate-pulse">

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

Selector: html > body > div:nth-child(4) > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > div > img

Kontext: <img src="/img/bubble.svg" class="w-12">

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

Selector: html > body > div:nth-child(4) > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button > img

Kontext: <img src="/img/send-message.svg" class="w-8">

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: #app > div:nth-child(1) > div:nth-child(2) > a

Kontext: <a href="/" wire:navigate="" data-current=""> <img src="https://...</a>

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

Selector: #footer > div > div:nth-child(3) > div:nth-child(2) > p:nth-child(262) > a:nth-child(2)

Kontext: <a href="https://www.linkedin.com/psettings/guest-controls/retargeting-opt-out"><br></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: #app > button

Kontext: <button class=" z-40 absolute top-9 right-0 block w-20 h-12 bg-linear-[120deg] from-black to-grey-darkest cursor-pointer md:hidden " type="button" x-on:click="toggleMenu"> <div ...

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: #contact-form > div:nth-child(2) > div:nth-child(1) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="text" name="company">

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: #contact-form > div:nth-child(2) > div:nth-child(1) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="text" name="company">

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: #contact-form > div:nth-child(2) > div:nth-child(2) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="text" name="first_name">

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: #contact-form > div:nth-child(2) > div:nth-child(2) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="text" name="first_name">

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: #contact-form > div:nth-child(2) > div:nth-child(3) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="text" name="last_name">

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: #contact-form > div:nth-child(2) > div:nth-child(3) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="text" name="last_name">

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: #contact-form > div:nth-child(2) > div:nth-child(4) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="email" name="email">

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: #contact-form > div:nth-child(2) > div:nth-child(5) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="text" name="phone">

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: #contact-form > div:nth-child(2) > div:nth-child(5) > input

Kontext: <input class="form-input block w-full border-0 h-[30px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" type="text" name="phone">

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

Selector: #contact-form > div:nth-child(2) > div:nth-child(6) > textarea

Kontext: <textarea class="form-input block w-full border-0 h-[100px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" name="message"></textarea>

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: #contact-form > div:nth-child(2) > div:nth-child(6) > textarea

Kontext: <textarea class="form-input block w-full border-0 h-[100px] px-2 py-[3px] rounded-none bg-grey-lightest text-black font-normal appearance-none" name="message"></textarea>

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: #contact-form > div:nth-child(2) > div:nth-child(7) > input

Kontext: <input type="text" name="bienenstich" class="opacity-0 absolute w-px h-px">

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: #contact-form > div:nth-child(2) > div:nth-child(7) > input

Kontext: <input type="text" name="bienenstich" class="opacity-0 absolute w-px h-px">

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

Kontext: <button class="z-10 cursor-pointer absolute top-4 right-4 w-8 h-8" type="button" wire:click="closeChatbot"> <img src="/img/fold-do...</button>

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

Selector: html > body > div:nth-child(4) > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > textarea

Kontext: <textarea x-ref="question" wire:model="question" x-on:keydown.enter="ask" wire:loading.attr="readonly" class="relative font-medium text-base leading-[1.1em] w-full bg-white px-3...

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: html > body > div:nth-child(4) > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > textarea

Kontext: <textarea x-ref="question" wire:model="question" x-on:keydown.enter="ask" wire:loading.attr="readonly" class="relative font-medium text-base leading-[1.1em] w-full bg-white px-3...

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

Kontext: <button type="button" x-on:click="ask" wire:loading.attr="disabled" x-bind:class="{ 'opacity-50 pointer-events-none': !okToSubmit }" class="cursor-pointer absolute bottom-2.5 ri...

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

Selector: #app > div:nth-child(6) > div:nth-child(2) > div > div > div:nth-child(1) > h4

Kontext: <h4></h4>

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 > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > h2

Kontext: <h2 class="uppercase mb-5 leading-[1.1] text-[1.5rem] md:text-[2.2rem]"> &nbsp; ...</h2>