Aktueller Check

cyberport.de

https://cyberport.de

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

Letzter Scan am 05.04.2026, 12:52

Kritisch 44 Probleme 5 Kategorien mit Problemen

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

Score

Automatisch berechnete Bewertung für den neuesten Scan.

Score

Status

Kritisch

Probleme

Kategorien

Letzter Scan

05.04.2026, 12:52

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

7 Probleme

Kategorie

Links

1 Problem

Kategorie

Labels

5 Probleme

Kategorie

Struktur

30 Probleme

Kategorie

Sonstiges

1 Problem

Alle gefundenen Probleme

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

Kontrast

7 Probleme

7 Probleme Alle Probleme anzeigen

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

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: #main-app > slot > header > div:nth-child(2) > div > div:nth-child(4) > div > div > div > input

Kontext: <input data-test-id="search-form-input" class="grow box-border w-full h-full outline-none bg-transparent empty:text-ellipsis autofill:shadow-[inset_0_0_0px_100px_var(--colors-cy...

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

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: #main-app > slot > header > div:nth-child(2) > div > div:nth-child(4) > div > div > div > input

Kontext: <input data-test-id="search-form-input" class="grow box-border w-full h-full outline-none bg-transparent empty:text-ellipsis autofill:shadow-[inset_0_0_0px_100px_var(--colors-cy...

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

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: #cms-page-content > div:nth-child(2) > div > div > div:nth-child(5) > div > div > div:nth-child(2) > div > div > input

Kontext: <input class="grow box-border w-full h-full outline-none bg-transparent empty:text-ellipsis autofill:shadow-[inset_0_0_0px_100px_var(--colors-cyber-ui-1000)] placeholder:text-[v...

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

Selector: #cms-page-content > div:nth-child(2) > div > div > div:nth-child(5) > div > div > div:nth-child(2) > div > div > input

Kontext: <input class="grow box-border w-full h-full outline-none bg-transparent empty:text-ellipsis autofill:shadow-[inset_0_0_0px_100px_var(--colors-cyber-ui-1000)] placeholder:text-[v...

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

Selector: #cms-page-content > div:nth-child(2) > div > div > div:nth-child(16) > div > div > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2)

Kontext: <div class="inline-flex py-3xs px-2xs rounded-full text-info font-bold border border-border-primary text-primary bg-light">%Sale</div>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

Selector: #cms-page-content > div:nth-child(2) > div > div > div:nth-child(16) > div > div > div:nth-child(1) > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2)

Kontext: <div class="inline-flex py-3xs px-2xs rounded-full text-info font-bold border border-border-primary text-primary bg-light">%Sale</div>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

Selector: #cms-page-content > div:nth-child(2) > div > div > div:nth-child(16) > div > div > div:nth-child(1) > div > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2)

Kontext: <div class="inline-flex py-3xs px-2xs rounded-full text-info font-bold border border-border-primary text-primary bg-light">%Sale</div>

Links

1 Problem

1 Problem Alle Probleme anzeigen

Leere oder unklare Links sind für Nutzer von Screenreadern nicht verständlich.

Technische Details anzeigen

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

Selector: #cms-page-content > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > div > a:nth-child(1)

Kontext: <a href="https://www.cyberport.de/angebote/kaufberatung/gaming/lenovo-legion.html"><picture><source media="(min-wi...</a>

Labels

5 Probleme

5 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: #main-app > slot > header > div:nth-child(2) > div > div:nth-child(1) > button

Kontext: <button class="relative flex items-center font-bold cursor-pointer hover:shadow-hover active:shadow-press transition-all hover:bg-background-light-hover active:bg-background-lig...

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: #main-app > slot > header > div:nth-child(2) > div > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="relative flex items-center font-bold cursor-pointer hover:shadow-hover active:shadow-press transition-all hover:bg-background-light-hover active:bg-background-lig...

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: #main-app > slot > header > div:nth-child(2) > div > div:nth-child(3) > button

Kontext: <button class="relative flex items-center font-bold cursor-pointer hover:shadow-hover active:shadow-press transition-all hover:bg-background-light-hover active:bg-background-lig...

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: #main-app > slot > header > div:nth-child(2) > div > div:nth-child(4) > div > div > div > button

Kontext: <button class="contents" tabindex="-1"><svg class="h-size-s w-size-s f...</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: #main-app > slot > header > div:nth-child(2) > nav > div > div > ul > li > button

Kontext: <button class="relative flex items-center font-bold cursor-pointer hover:shadow-hover active:shadow-press transition-all hover:bg-background-light-hover active:bg-background-lig...

Struktur

30 Probleme

30 Probleme Alle Probleme anzeigen