Aktueller Check

hardeck.de

https://hardeck.de

Geprüfte URL: https://hardeck.de/ Seite öffnen

Letzter Scan am 09.04.2026, 01:49

Kritisch 271 Probleme 6 Kategorien mit Problemen

Diese Website hat kritische Probleme mit der Barrierefreiheit und sollte priorisiert überarbeitet werden.

Score

0

Automatisch berechnete Bewertung für den neuesten Scan.

Score

0

Status

Kritisch

Probleme

271

Kategorien

6

Letzter Scan

09.04.2026, 01:49

Automatische Scans dienen als Orientierung und ersetzen keine vollständige manuelle Prüfung. Mehr dazu

Wie sich der Score zusammensetzt

Probleme im Überblick

Schneller Überblick über die Arten von Problemen im neuesten Scan.

Kategorie

Kontrast

12 Probleme

Kategorie

Bilder

31 Probleme

Kategorie

Links

184 Probleme

Kategorie

Labels

18 Probleme

Kategorie

Navigation

17 Probleme

Kategorie

Struktur

9 Probleme

Alle gefundenen Probleme

Die Probleme des neuesten Scans sind nach Kategorie gruppiert und verständlicher beschrieben.

Kontrast

12 Probleme

12 Probleme Alle Probleme anzeigen

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.68:1. Recommendation: change background to #5a7e6e.

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

Kontext: <div class="promobar__text" style="color: rgb(255, 255, 255);"><a href="https://www.hardeck.de...</div>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.68:1. Recommendation: change background to #5a7e6e.

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

Kontext: <a href="https://www.hardeck.de/deko-und-haushalt" style="color: rgb(255, 255, 255); text-decoration: none;">Nur für kurze Zeit: <span style...</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.68:1. Recommendation: change background to #5a7e6e.

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

Kontext: <span style="font-weight: bold;">20 % Rabatt </span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.68:1. Recommendation: change background to #5a7e6e.

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

Kontext: <span style="text-decoration-line: underline;"><a href="https://www.hardeck.de...</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.68:1. Recommendation: change background to #5a7e6e.

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

Kontext: <a href="https://www.hardeck.de/deko-und-haushalt" style="color: rgb(255, 255, 255);">Deko &amp; Haushalt</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.68:1. Recommendation: change background to #5a7e6e.

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

Kontext: <a href="https://www.hardeck.de/textilien" style="color: rgb(255, 255, 255); text-decoration-line: underline;">Textilien</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.68:1. Recommendation: change background to #5a7e6e.

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

Kontext: <a href="https://www.hardeck.de/leuchten" style="color: rgb(255, 255, 255); text-decoration-line: underline;">Leuchten</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.68:1. Recommendation: change background to #5a7e6e.

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

Kontext: <span style="font-weight: bold;"> KORBVOLL </span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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

Selector: #swiper-wrapper-ece1058fec4712924 > div:nth-child(1) > div > div > a > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > span

Kontext: <span itemprop="brand">FMD</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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

Selector: #swiper-wrapper-ece1058fec4712924 > div:nth-child(2) > div > div > a > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > span

Kontext: <span itemprop="brand">Vito</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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

Selector: #swiper-wrapper-ece1058fec4712924 > div:nth-child(3) > div > div > a > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > span

Kontext: <span itemprop="brand">Bega</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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

Selector: #page_newsletter > div:nth-child(2) > div > div > div > div:nth-child(2) > div

Kontext: <div class="newsletter__hint" style="color: #757373"> *Gilt für Neukäufe im ...</div>

Bilder

31 Probleme

31 Probleme Alle Probleme anzeigen

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(1) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1770625143/cms/Navigation/kennenlernrabatt_navigation.jpg" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(2) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1669676268/cms/Navigation/sale.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(3) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1648218402/cms/Navigation/deko-korbvoll.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(4) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1648218403/cms/Navigation/leuchten-korbvoll.png" style="width: 300px;" data-filename="leuchten-korbvoll.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(5) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1655971242/cms/Navigation/outlet.png" style="width: 300px;" data-filename="outlet.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(6) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload//f_auto,q_auto/v1770625158/cms/Navigation/termin-buchen_navigation_2.jpg" style="width: 300px;" data-filename="termin-buchen_naviga...

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(7) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1716451783/cms/Navigation/kundenclub.png" data-filename="kundenclub.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(8) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1724661838/cms/Navigation/stile_navigation.png" style="width: 300px;" data-filename="magazin-hardeck.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(9) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1677682925/cms/Navigation/gutschein-hardeck.png" data-filename="gutschein-hardeck.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(10) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1724661284/cms/Navigation/raumkonzept_navigation.png" style="width: 300px;" data-filename="raumkonzept_navigation.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(1) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1770625143/cms/Navigation/kennenlernrabatt_navigation.jpg" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(2) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1669676268/cms/Navigation/sale.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(3) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1648218402/cms/Navigation/deko-korbvoll.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(4) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1648218403/cms/Navigation/leuchten-korbvoll.png" style="width: 300px;" data-filename="leuchten-korbvoll.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(5) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1655971242/cms/Navigation/outlet.png" style="width: 300px;" data-filename="outlet.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(6) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload//f_auto,q_auto/v1770625158/cms/Navigation/termin-buchen_navigation_2.jpg" style="width: 300px;" data-filename="termin-buchen_naviga...

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(7) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1716451783/cms/Navigation/kundenclub.png" data-filename="kundenclub.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(8) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1724661838/cms/Navigation/stile_navigation.png" style="width: 300px;" data-filename="magazin-hardeck.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(9) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1677682925/cms/Navigation/gutschein-hardeck.png" data-filename="gutschein-hardeck.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(10) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1724661284/cms/Navigation/raumkonzept_navigation.png" style="width: 300px;" data-filename="raumkonzept_navigation.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(1) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1770625143/cms/Navigation/kennenlernrabatt_navigation.jpg" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(2) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1669676268/cms/Navigation/sale.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(3) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1648218402/cms/Navigation/deko-korbvoll.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(4) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1648218403/cms/Navigation/leuchten-korbvoll.png" style="width: 300px;" data-filename="leuchten-korbvoll.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(5) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1655971242/cms/Navigation/outlet.png" style="width: 300px;" data-filename="outlet.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(6) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload//f_auto,q_auto/v1770625158/cms/Navigation/termin-buchen_navigation_2.jpg" style="width: 300px;" data-filename="termin-buchen_naviga...

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(7) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1716451783/cms/Navigation/kundenclub.png" data-filename="kundenclub.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(8) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1724661838/cms/Navigation/stile_navigation.png" style="width: 300px;" data-filename="magazin-hardeck.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(9) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1677682925/cms/Navigation/gutschein-hardeck.png" data-filename="gutschein-hardeck.png" style="width: 300px;">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

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

Selector: #mobile-menu-footer > div:nth-child(1) > div > div > div:nth-child(10) > a > div:nth-child(1) > img

Kontext: <img src="https://cdn.hardeck.de/image/upload/f_auto,q_auto/v1724661284/cms/Navigation/raumkonzept_navigation.png" style="width: 300px;" data-filename="raumkonzept_navigation.png">

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

Originalmeldung: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

Selector: #product-appointment-modal > div:nth-child(2) > div > div > div > div:nth-child(2) > div > div:nth-child(4) > form

Kontext: <form data-v-199f02b0-s="" data-v-374a901d-s="" method="post" novalidate="" class=""><!--v-if--><!--v-if--><!--v-if-...</form>

Labels

18 Probleme

18 Probleme Alle Probleme anzeigen

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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(5) > div > button

Kontext: <button class="close promobar__close" data-warning-disable="Promobar"> <svg viewBox="0 0 40 4...</button>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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: #fact-finder-search-input > div > button

Kontext: <button type="submit" class="search-button--mobile search__icon-default"> <svg width="24" he...</button>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Selector: #ffSearchInput

Kontext: <input id="ffSearchInput" name="query" type="search" class="full-width" placeholder="Finde dein neues Lieblingsstück" value="" data-qa="search-bar" data-translation-search="Find...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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: #ff-suggest-results-close

Kontext: <button class="ff-suggest-results-close display-none" type="button" id="ff-suggest-results-close"> <svg width="12...</button>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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: #fact-finder-search-input > div > div > button:nth-child(2)

Kontext: <button type="submit" class="search-button display-none"> <div class="ic...</button>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Kontext: <button id="talk" class="icon-microphone"> <div class="mi...</button>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Kontext: <button id="close_search" type="button" class="close-search"> <svg width="20...</button>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Kontext: <input type="email" id="newsletter_subscription_form_email" name="newsletter_subscription_form[email]" required="required" placeholder="Deine E-Mail-Adresse" maxlength="50" clas...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Kontext: <input type="text" id="newsletter_subscription_form_zip_code" name="newsletter_subscription_form[zip_code]" required="required" placeholder="Deine PLZ" maxlength="5" pattern="[0...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Kontext: <input type="text" id="newsletter_subscription_form_zip_code" name="newsletter_subscription_form[zip_code]" required="required" placeholder="Deine PLZ" maxlength="5" pattern="[0...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Selector: html > body > footer > div:nth-child(4) > div > div > ul > li:nth-child(1) > div > input

Kontext: <input type="checkbox" class="accordion__checkbox hide-m">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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 > footer > div:nth-child(4) > div > div > ul > li:nth-child(1) > div > input

Kontext: <input type="checkbox" class="accordion__checkbox hide-m">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Selector: html > body > footer > div:nth-child(4) > div > div > ul > li:nth-child(2) > div > input

Kontext: <input type="checkbox" class="accordion__checkbox hide-m">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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 > footer > div:nth-child(4) > div > div > ul > li:nth-child(2) > div > input

Kontext: <input type="checkbox" class="accordion__checkbox hide-m">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Selector: html > body > footer > div:nth-child(4) > div > div > ul > div > div > li:nth-child(1) > div > input

Kontext: <input type="checkbox" class="accordion__checkbox hide-m">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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 > footer > div:nth-child(4) > div > div > ul > div > div > li:nth-child(1) > div > input

Kontext: <input type="checkbox" class="accordion__checkbox hide-m">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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

Selector: #product-appointment-modal > div:nth-child(2) > div > div > div > div:nth-child(2) > div > div:nth-child(4) > form > div > div > div:nth-child(1) > select

Kontext: <select data-v-4cbaebdc="" name="" required="" class="h-select-wrapped"><option data-v-4cbaebdc="" disa...</select>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

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: #product-appointment-modal > div:nth-child(2) > div > div > div > div:nth-child(2) > div > div:nth-child(4) > form > div > div > div:nth-child(1) > select

Kontext: <select data-v-4cbaebdc="" name="" required="" class="h-select-wrapped"><option data-v-4cbaebdc="" disa...</select>

Navigation

17 Probleme

17 Probleme Alle Probleme anzeigen

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "mobile-menu-footer" found on the web page.

Selector: #mobile-menu-footer

Kontext: <div id="mobile-menu-footer" class="mobile-menu-footer hide-m"> ...</div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "custom-navigation__advert" found on the web page.

Selector: #custom-navigation__advert

Kontext: <div id="custom-navigation__advert" class="custom-navigation__advert"></div>

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "mobile-menu-footer" found on the web page.

Selector: #mobile-menu-footer

Kontext: <div id="mobile-menu-footer" class="mobile-menu-footer hide-m"> ...</div>

Struktur

9 Probleme

9 Probleme Alle Probleme anzeigen

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "symbol-delivery" found on the web page.

Selector: #symbol-delivery

Kontext: <symbol id="symbol-delivery" viewBox="0 0 24 24"><g stroke="#333" stroke-width="...</symbol>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "symbol-search" found on the web page.

Selector: #symbol-search

Kontext: <symbol id="symbol-search" viewBox="0 0 198.4 198.4"><style>.st0{fill:#181715}</styl...</symbol>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "symbol-user" found on the web page.

Selector: #symbol-user

Kontext: <symbol id="symbol-user" viewBox="0 0 53 53"><path d="M18.613 41.552l-7.907 ...</symbol>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "view-symbol-delivery" found on the web page.

Selector: #view-symbol-delivery

Kontext: <view id="view-symbol-delivery" viewBox="750 50 50 50"></view>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "view-symbol-search" found on the web page.

Selector: #view-symbol-search

Kontext: <view id="view-symbol-search" viewBox="100 300 50 50"></view>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "view-symbol-user" found on the web page.

Selector: #view-symbol-user

Kontext: <view id="view-symbol-user" viewBox="250 350 50 50"></view>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "close_search" found on the web page.

Selector: #close_search

Kontext: <button id="close_search" class="main-header__item main-header__item_search--mobile" title="Finde dein neues Lieblingsstück"> ...</button>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

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

Selector: #product-appointment-modal > div:nth-child(2) > div > div > div > div:nth-child(2) > div > h1

Kontext: <h1 data-v-199f02b0="" class="modal-header__title no-padding"></h1>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "modallayer" found on the web page.

Selector: #modallayer

Kontext: <div id="modallayer" class="module__MODALLAYER_9007199254740991 AreaLayout__row__full___2o208"></div>

Historie

1 Scan insgesamt

09.04.2026, 01:49

Aktueller Scan

https://hardeck.de/

Erster Scan

Score

0

Status

Kritisch

Probleme

271

Wie barrierefrei ist hardeck.de aktuell?

Kurze Einordnung des aktuellen automatischen Scans mit den wichtigsten Signalen zu Status, Problemen und Entwicklung.

hardeck.de erreichte im neuesten automatischen Scan vom 09.04.2026, 01:49 den Status Kritisch bei einem Score von 0.

Auffällig waren vor allem Probleme in den Bereichen Links und Bilder. Insgesamt wurden 271 Probleme in 6 Kategorien erkannt.

Unklare oder leere Links erschweren Orientierung und Navigation, besonders wenn Linkziele für Screenreader oder Tastaturnutzung nicht eindeutig sind. Mehr dazu im Themenartikel Digitale Barrierefreiheit erklärt .

Der Eintrag basiert auf einem automatischen Scan und dient als Orientierung. Für eine verlässliche Gesamtbewertung der Barrierefreiheit bleibt eine manuelle Prüfung wichtig.

Wie istbarrierefrei.de scannt und wie der Score einzuordnen ist, erklärt der Artikel Wie der Score auf istbarrierefrei.de zustande kommt .

Mehr zur Einordnung solcher Ergebnisse steht im Artikel Automatische Scans richtig einordnen .

Weiterführende Informationen

Wenn Sie das Ergebnis besser einordnen möchten, finden Sie hier zwei weiterführende Artikel aus dem Themenbereich.

© 2026 istbarrierefrei.de

Ein Projekt von studiokpz