hit.de

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

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

Kontext: <a href="javascript:;" class="component-fab md:hover:bg-surface-md-hover transition-colors flex justify-center items-center w-[44px] h-[44px] rounded-xl relative bg-surface-md g...

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

Kontext: <button class="component-fab hover:bg-surface-md-hover transition-colors flex justify-center items-center focus-visible:outline-brand-blue outline-transparent outline outline-4 ...

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

Kontext: <button class="component-button justify-center inline-flex items-center gap-3 px-6 pt-1.5 pb-2.5 rounded-full transition-colors group relative filled hidden search-button rounde...

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

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

Kontext: <div class="hit-font-body-xs text-extras-lines transition-all group-hover:opacity-75 group-hover:-translate-x-1">Markt auswählen</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 4.498:1. Recommendation: change background to #268739.

Selector: #section-rezepte > div:nth-child(2) > article:nth-child(1) > a > div:nth-child(1) > div > div:nth-child(2) > div

Kontext: <div class=""> NEU </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 4.498:1. Recommendation: change background to #268739.

Selector: #section-rezepte > div:nth-child(2) > article:nth-child(2) > a > div:nth-child(1) > div > div:nth-child(2) > div

Kontext: <div class=""> NEU </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 4.498:1. Recommendation: change background to #268739.

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

Kontext: <div class=""> NEU </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 4.498:1. Recommendation: change background to #268739.

Selector: #section-rezepte > div:nth-child(2) > article:nth-child(4) > a > div:nth-child(1) > div > div:nth-child(2) > div

Kontext: <div class=""> NEU </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 2.38:1. Recommendation: change text colour to #767676.

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

Kontext: <span class="additional-info__price-info hit-font-body-xs text-typo-disabled semi:max-w-[175px] lg:max-w-[266px]"> Alle Preise in Euro (€) in...</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.38:1. Recommendation: change text colour to #767676.

Selector: html > body > div:nth-child(6) > footer > div:nth-child(7) > nav > a:nth-child(1)

Kontext: <a href="javascript:Cookiebot.show()" title="Cookie-Einstellungen" target="_self" class=" legals__nav-label hit-font-body-xs text-typo-disabled hit-hover-text-to-red"> Cookie-Ei...

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

Selector: html > body > div:nth-child(6) > footer > div:nth-child(7) > nav > a:nth-child(2)

Kontext: <a href="https://www.hit.de/cookies" title="Informationen zu Cookies" target="_self" class=" legals__nav-label hit-font-body-xs text-typo-disabled hit-hover-text-to-red"> Inform...

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

Selector: html > body > div:nth-child(6) > footer > div:nth-child(7) > nav > a:nth-child(3)

Kontext: <a href="https://www.hit.de/agb" title="Nutzungsbedingungen" target="_self" class=" legals__nav-label hit-font-body-xs text-typo-disabled hit-hover-text-to-red"> Nutzungsbedingu...

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

Selector: html > body > div:nth-child(6) > footer > div:nth-child(7) > nav > a:nth-child(4)

Kontext: <a href="https://www.hit.de/datenschutz" title="Datenschutz" target="_self" class=" legals__nav-label hit-font-body-xs text-typo-disabled hit-hover-text-to-red"> 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.38:1. Recommendation: change text colour to #767676.

Selector: html > body > div:nth-child(6) > footer > div:nth-child(7) > nav > a:nth-child(5)

Kontext: <a href="https://www.hit.de/impressum" title="Impressum" target="_self" class=" legals__nav-label hit-font-body-xs text-typo-disabled hit-hover-text-to-red"> 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.38:1. Recommendation: change text colour to #767676.

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

Kontext: <span class="legals__copyright hit-font-body-xs text-typo-disabled"> © 2026,&nbsp;HIT HANDE...</span>

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

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

Kontext: <a href="javascript:;" class="component-fab md:hover:bg-surface-md-hover transition-colors flex justify-center items-center w-[44px] h-[44px] rounded-xl relative bg-surface-md g...

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

Kontext: <button class="component-fab hover:bg-surface-md-hover transition-colors flex justify-center items-center focus-visible:outline-brand-blue outline-transparent outline outline-4 ...

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

Kontext: <button class="component-fab hover:bg-surface-md-hover transition-colors flex justify-center items-center focus-visible:outline-brand-blue outline-transparent outline outline-4 ...

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

Kontext: <button class="component-fab hover:bg-surface-md-hover transition-colors flex justify-center items-center focus-visible:outline-brand-blue outline-transparent outline outline-4 ...

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

Kontext: <button class="component-fab hover:bg-surface-md-hover transition-colors flex justify-center items-center focus-visible:outline-brand-blue outline-transparent outline outline-4 ...

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

Kontext: <button class="component-fab hover:bg-surface-md-hover transition-colors flex justify-center items-center focus-visible:outline-brand-blue outline-transparent outline outline-4 ...

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

Kontext: <button class="component-fab hover:bg-surface-md-hover transition-colors flex justify-center items-center focus-visible:outline-brand-blue outline-transparent outline outline-4 ...

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

Selector: #section-angebote > div:nth-child(2) > div > article:nth-child(4) > a > div:nth-child(2) > div:nth-child(2) > div > div > img

Kontext: <img src="/assets/img/hit-app-coupon.png?v2" class="w-9 self-end -mr-2 z-10 ">

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

Selector: #section-angebote > div:nth-child(2) > div > article:nth-child(11) > a > div:nth-child(2) > div:nth-child(2) > div > div > img

Kontext: <img src="/assets/img/hit-app-coupon.png?v2" class="w-9 self-end -mr-2 z-10 ">

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

Selector: #section-angebote > div:nth-child(2) > div > article:nth-child(13) > a > div:nth-child(2) > div:nth-child(2) > div > div > img

Kontext: <img src="/assets/img/hit-app-coupon.png?v2" class="w-9 self-end -mr-2 z-10 ">

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

Selector: #section-angebote > div:nth-child(2) > div > article:nth-child(17) > a > div:nth-child(2) > div:nth-child(2) > div > div > img

Kontext: <img src="/assets/img/hit-app-coupon.png?v2" class="w-9 self-end -mr-2 z-10 ">

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: html > body > header > div:nth-child(1) > div:nth-child(2) > form > div:nth-child(1) > div > div > input

Kontext: <input type="text" class="w-full border-0 hit-font-body text-typo-headline placeholder:text-typo-base-alt placeholder:hit-font-body bg-transparent p-0 focus:ring-0 search-input"...

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

Kontext: <input type="text" class="w-full border-0 hit-font-body text-typo-headline placeholder:text-typo-base-alt placeholder:hit-font-body bg-transparent p-0 focus:ring-0 search-input"...

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

Kontext: <button class="flex-none ml-auto hidden clear-input" type="button"><svg width="24" class="fill-typ...</button>

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: #leaflet-custom-name-input

Kontext: <input name="leaflet-custom-name-input" id="leaflet-custom-name-input" placeholder="Einkaufsliste" type="text" class="form-input-wide border-extras-lines" maxlength="45" minleng...

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: #leaflet-custom-name-input

Kontext: <input name="leaflet-custom-name-input" id="leaflet-custom-name-input" placeholder="Einkaufsliste" type="text" class="form-input-wide border-extras-lines" maxlength="45" minleng...

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: #leaflet-create-name-input

Kontext: <input name="leaflet-create-name-input" id="leaflet-create-name-input" placeholder="Einkaufsliste" type="text" class="form-input-wide border-extras-lines" maxlength="45">

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: #leaflet-create-name-input

Kontext: <input name="leaflet-create-name-input" id="leaflet-create-name-input" placeholder="Einkaufsliste" type="text" class="form-input-wide border-extras-lines" maxlength="45">

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 > div:nth-child(1) > div:nth-child(3) > section:nth-child(1) > div > div:nth-child(1) > div:nth-child(1) > span > h6

Kontext: <h6>&nbsp;</h6>