Aktueller Check

bod.de

https://bod.de

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

Letzter Scan am 08.04.2026, 21:41

Kritisch 37 Probleme 5 Kategorien mit Problemen

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

Score

6

Automatisch berechnete Bewertung für den neuesten Scan.

Score

6

Status

Kritisch

Probleme

37

Kategorien

5

Letzter Scan

08.04.2026, 21:41

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

21 Probleme

Kategorie

Links

7 Probleme

Kategorie

Labels

1 Problem

Kategorie

Formulare

6 Probleme

Kategorie

Struktur

2 Probleme

Alle gefundenen Probleme

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

Kontrast

21 Probleme

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

Selector: #nav-item-1 > span:nth-child(1)

Kontext: <span class="title-3">Home <span class="visually-hidd...</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 3.03:1. Recommendation: change background to #d93c1d.

Selector: #myBoD-Login > div > a:nth-child(2)

Kontext: <a class="btn btn-primary mb-0" href="https://my.bod.de/project/start">Neues Buchprojekt</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.74:1. Recommendation: change text colour to #110300.

Selector: #c80 > div > div:nth-child(1) > div > div > div > p > a:nth-child(1)

Kontext: <a href="#c94" title="So funktioniert Buch" class="btn btn-secondary ico-play ico ico-left">So funktioniert BoD</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 3.03:1. Recommendation: change background to #d93c1d.

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

Kontext: <a href="https://my.bod.de/login" title="Dein neues Buchprojekt" target="_blank" class="btn btn-primary" rel="noreferrer">Dein neues Buchprojekt</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 3.03:1. Recommendation: change text colour to #d93c1d.

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

Kontext: <a href="/buch/buch-drucken" title="Mehr über Buch drucken" class="link link-primary ico-arrow-right ico ico-right">Mehr über Buch drucken</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 3.03:1. Recommendation: change text colour to #d93c1d.

Selector: #c81 > div > div > div:nth-child(2) > div:nth-child(2) > div > p > a

Kontext: <a href="/preise" title="Über Preise und Honorar" class="link link-primary ico-arrow-right ico ico-right">Über Preise und Honorar</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 3.03:1. Recommendation: change text colour to #d93c1d.

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

Kontext: <a href="/buch/buch-gestalten" title="Buchausstattung" class="link link-primary ico-arrow-right ico ico-right">Vielfalt ansehen</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 3.03:1. Recommendation: change text colour to #d93c1d.

Selector: #c81 > div > div > div:nth-child(4) > div:nth-child(2) > div > p > a

Kontext: <a href="/leistungen" class="link link-primary ico-arrow-right ico ico-right">Alle Leistungen</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 3.41:1. Recommendation: change text colour to #767676.

Selector: #c104 > div:nth-child(3) > div:nth-child(1) > div > p

Kontext: <p class="text-center body-2 text-darkgrey-100 mb-60">*ab 2,05 €/St.</p>

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

Selector: #c104 > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div:nth-child(8) > a

Kontext: <a href="https://my.bod.de/project/start?product=Publish" class="btn btn-primary ico ico-right ico-arrow-right-long mb-40">Jetzt starten</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 3.03:1. Recommendation: change text colour to #d93c1d.

Selector: #c8593 > div > div > div:nth-child(2) > div > p:nth-child(2) > a

Kontext: <a href="/buch/dein-weg-zum-eigenen-buch" title="Weiterlesen" class="link link-primary ico-arrow-right ico ico-right">Weiterlesen</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 3.03:1. Recommendation: change text colour to #d93c1d.

Selector: #c8594 > div > div > div:nth-child(2) > div > p:nth-child(2) > a

Kontext: <a href="/buch/mit-dem-eigenen-sachbuch-zum-erfolg" title="Weiterlesen" class="link link-primary ico-arrow-right ico ico-right">Weiterlesen</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 3.03:1. Recommendation: change background to #d93c1d.

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

Kontext: <a href="https://page.bod.de/nlsubscription?mandant=1" title="Zur Newsletter-Anmeldung" target="_blank" class="btn btn-primary ico-arrow-right ico ico-right" rel="noreferrer">Zu...

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

Selector: #c6340 > div > div > div:nth-child(2) > div > p:nth-child(2) > a

Kontext: <a href="https://page.bod.de/email-kurs-tropes" title="Zur Anmeldung" target="_blank" class="link link-primary ico-arrow-right ico ico-right" rel="noreferrer">Zur Anmeldung</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.74:1. Recommendation: change text colour to #110300.

Selector: #c816 > div > div > div:nth-child(2) > div > p:nth-child(2) > a

Kontext: <a href="https://page.bod.de/email-kurs-spicy-schreiben" title="Artikel lesen" target="_blank" class="link link-primary ico-arrow-right ico ico-right" rel="noreferrer">Zur Anmel...

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

Selector: #c107 > div > div > p

Kontext: <p class="body-2">Weitere Infos in der <a href="/...</p>

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

Selector: #c108 > div > div > div:nth-child(2) > div:nth-child(2) > div > p:nth-child(2) > a

Kontext: <a href="https://page.bod.de/nlsubscription?mandant=1" title="Zur Newsletter-Anmeldung" target="_blank" class="link link-primary ico-arrow-right ico ico-right" rel="noreferrer">...

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

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

Kontext: <a href="https://blog.bod.de/" title="Zum Blog" target="_blank" class="link link-primary ico-arrow-right ico ico-right" rel="noreferrer">Zum Blog</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 3.03:1. Recommendation: change text colour to #d93c1d.

Selector: #c108 > div > div > div:nth-child(4) > div:nth-child(2) > div > p:nth-child(2) > a

Kontext: <a href="/podcasts" title="Zu den Podcasts" class="link link-primary ico-arrow-right ico ico-right">Zu den Podcasts</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.61:1. Recommendation: change text colour to #767676.

Selector: #c1091 > div > div > p:nth-child(1)

Kontext: <p class="body-2">Mit BoD veröffentlichst du dein...</p>

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

Selector: #c1091 > div > div > p:nth-child(2)

Kontext: <p class="body-2">Das bahnbrechende Konzept hinte...</p>

Labels

1 Problem

1 Problem 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: #p1 > button

Kontext: <button class="js_btn-scroll-up btn-scroll-up"><span class="ico ico-left ico-a...</button>

Formulare

6 Probleme

6 Probleme Alle Probleme anzeigen

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #splide01-list

Kontext: <ul class="splide__list" id="splide01-list" role="presentation" style="transform: translateX(0px);"><li class="splide__slide is-act...</ul>

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #splide02-list

Kontext: <ul class="splide__list" id="splide02-list" role="presentation" style="transform: translateX(0px);"><li class="splide__slide is-act...</ul>

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #splide03-list

Kontext: <ul class="splide__list" id="splide03-list" role="presentation" style="transform: translateX(0px);"><li class="splide__slide is-act...</ul>

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #splide04-list

Kontext: <ul class="splide__list" id="splide04-list" role="presentation" style="transform: translateX(0px);"><li class="splide__slide is-act...</ul>

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #splide05-list

Kontext: <ul class="splide__list" id="splide05-list" role="presentation" style="transform: translateX(0px);"><li class="splide__slide is-act...</ul>

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #splide06-list

Kontext: <ul class="splide__list" id="splide06-list" role="presentation" style="transform: translateX(0px);"><li class="splide__slide is-act...</ul>

Struktur

2 Probleme

2 Probleme Alle Probleme anzeigen

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: #c92 > div > div:nth-child(1) > h2

Kontext: <h2 class="headline-2"></h2>

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

Technische Details anzeigen

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

Selector: #c100

Kontext: <div id="c100" class=""><header class=""></header><div ...</div>

Historie

1 Scan insgesamt

08.04.2026, 21:41

Aktueller Scan

https://bod.de/

Erster Scan

Score

6

Status

Kritisch

Probleme

37

Wie barrierefrei ist bod.de aktuell?

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

bod.de erreichte im neuesten automatischen Scan vom 08.04.2026, 21:41 den Status Kritisch bei einem Score von 6.

Auffällig waren vor allem Probleme in den Bereichen Kontrast und Links. Insgesamt wurden 37 Probleme in 5 Kategorien erkannt.

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 .

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