Aktueller Check

deutschlandcard.de

https://deutschlandcard.de

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

Letzter Scan am 17.05.2026, 01:08

Mittel 16 Probleme 4 Kategorien mit Problemen

Diese Website weist mehrere Probleme mit der Barrierefreiheit auf, insbesondere in den Bereichen Kontrast und Bilder.

Score

62

Automatisch berechnete Bewertung für den neuesten Scan.

Score

62

Status

Mittel

Probleme

16

Kategorien

4

Letzter Scan

17.05.2026, 01:08

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

Probleme im Überblick

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

Kategorie

Kontrast

7 Probleme

Kategorie

Bilder

4 Probleme

Kategorie

Labels

3 Probleme

Kategorie

Sonstiges

2 Probleme

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 element has role of "button" but does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #__nuxt > div > div > main > div > div:nth-child(1) > nav > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > button:nth-child(2)

Kontext: <button class="o-button-text f-button as-size-large as-secondary no-icon search-toggle f-color-light" role="button" tabindex="0"><!----><!--[--><i class="o-icon...</button>

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

Selector: #__nuxt > div > div > main > div > section:nth-child(5) > div > div:nth-child(2) > section > div:nth-child(2) > div > a:nth-child(1) > span > div:nth-child(3) > div > del

Kontext: <del data-v-cade3664="" class="f-copy-tiny l-color-highlight f-regular">2.097 Punkte</del>

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

Selector: #__nuxt > div > div > main > div > section:nth-child(5) > div > div:nth-child(2) > section > div:nth-child(2) > div > a:nth-child(2) > span > div:nth-child(3) > div > del

Kontext: <del data-v-cade3664="" class="f-copy-tiny l-color-highlight f-regular">4.499 Punkte</del>

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

Selector: #__nuxt > div > div > main > div > section:nth-child(5) > div > div:nth-child(2) > section > div:nth-child(2) > div > a:nth-child(3) > span > div:nth-child(3) > div > del

Kontext: <del data-v-cade3664="" class="f-copy-tiny l-color-highlight f-regular">4.999 Punkte</del>

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

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

Kontext: <del data-v-cade3664="" class="f-copy-tiny l-color-highlight f-regular">5.900 Punkte</del>

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

Selector: #__nuxt > div > div > main > div > section:nth-child(5) > div > div:nth-child(2) > section > div:nth-child(2) > div > a:nth-child(5) > span > div:nth-child(3) > div > del

Kontext: <del data-v-cade3664="" class="f-copy-tiny l-color-highlight f-regular">5.000 Punkte</del>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

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: #__nuxt > div > div > main > div > section:nth-child(8) > div > div > h3

Kontext: <h3 class="f-headline-module l-color-primary" type="neutral"></h3>

Bilder

4 Probleme

4 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: #__nuxt > div > div > main > div > section:nth-child(6) > div > div > div > div > div:nth-child(1) > a > span > picture > picture > img

Kontext: <img loading="lazy">

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: #__nuxt > div > div > main > div > section:nth-child(6) > div > div > div > div > div:nth-child(2) > a > span > picture > picture > img

Kontext: <img loading="lazy">

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: #__nuxt > div > div > main > div > section:nth-child(6) > div > div > div > div > div:nth-child(3) > a > span > picture > picture > img

Kontext: <img loading="lazy">

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: #__nuxt > div > div > main > div > footer > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) > picture > img

Kontext: <img loading="lazy">

Labels

3 Probleme

3 Probleme Alle Probleme anzeigen

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

Kontext: <input value="" class="search-input form-input-child no-validation" type="search" placeholder="Wonach suchst du?">

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

Technische Details anzeigen

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

Selector: #__nuxt > div > div > main > div > footer > div > div:nth-child(2) > div:nth-child(2) > div > a:nth-child(4)

Kontext: <a aria-current="page" href="/" class="router-link-active router-link-exact-active o-link as-primary bottom-link f-regular" data-identity="navigation_footer." role="link" label=...

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

Technische Details anzeigen

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

Selector: #__nuxt > div > div > main > div > footer > div > div:nth-child(2) > div:nth-child(2) > div > a:nth-child(5)

Kontext: <a aria-current="page" href="/" class="router-link-active router-link-exact-active o-link as-primary bottom-link f-regular" data-identity="navigation_footer." role="link" label=...

Sonstiges

2 Probleme

2 Probleme Alle Probleme anzeigen

Iframe element requires a non-empty title attribute that identifies the frame.

Technische Details anzeigen

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: html > body > iframe:nth-child(6)

Kontext: <iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

Iframe element requires a non-empty title attribute that identifies the frame.

Technische Details anzeigen

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: html > body > iframe:nth-child(9)

Kontext: <iframe name="__tcfapiLocator" style="display: none;"></iframe>

Historie

2 Scans insgesamt

17.05.2026, 01:08

Aktueller Scan

https://deutschlandcard.de/

Score -12 Punkte 4 Probleme mehr

Score

62

Status

Mittel

Probleme

16

08.04.2026, 23:06

https://deutschlandcard.de/

Erster Scan

Score

74

Status

Mittel

Probleme

12

Wie barrierefrei ist deutschlandcard.de aktuell?

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

deutschlandcard.de erreichte im neuesten automatischen Scan vom 17.05.2026, 01:08 den Status Mittel bei einem Score von 62.

Auffällig waren vor allem Probleme in den Bereichen Kontrast und Bilder. Insgesamt wurden 16 Probleme in 4 Kategorien erkannt.

Gegenüber dem vorherigen Scan hat sich das Ergebnis verschlechtert.

Kontrastprobleme erschweren vor allem das Lesen kleiner oder weniger hervorgehobener Texte und fallen auf hellen Flächen oft zuerst auf. Mehr dazu im Themenartikel Kontraste .

Manuelle Prüfung

Der Eintrag basiert auf einem automatischen Scan und dient als Orientierung. Für eine verlässliche Gesamtbewertung empfehlen wir eine manuelle Prüfung.

Mehr zur Einordnung automatischer Ergebnisse: Automatische Scans richtig einordnen .

Tipp: Sie können das kostenlose Barrierefreiheits‑Siegel einbinden und so den aktuellen Scan auf Ihrer Website zeigen. Siegel einbetten .

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