bernkastel.de

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

Selector: #CybotCookiebotDialogBodyContentText > a

Kontext: <a href="https://www.bernkastel.de/wir-fuer-sie/datenschutz" style="">Zur Datenschutzerklärung</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 1.86:1. Recommendation: change text colour to #ac5f06.

Selector: #CybotCookiebotDialogBodyEdgeMoreDetailsLink

Kontext: <a id="CybotCookiebotDialogBodyEdgeMoreDetailsLink" href="#" class="">Details zeigen</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.09:1. Recommendation: change background to #b36119.

Selector: #c44378 > div > a

Kontext: <a href="/fileadmin/user_upload/PDF/Ausschreibung_f%C3%BCr_eine_Auszubildendenstelle_im_Mosel-G%C3%A4ste-Zentrum_Bernkastel-Kues.pdf" target="_blank" class="btn btn-primary btn-...

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.91:1. Recommendation: change text colour to #060300.

Selector: #c44329 > header > h3

Kontext: <h3 class="ce-headline-center text-orange text-handwriting"> Veranstaltungs...</h3>

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

Selector: #c44320 > div > a

Kontext: <a href="https://www.visitmosel.de/stadt-kultur/veranstaltungen/veranstaltungskalender/veranstaltungen/RPT/c8e0324f-376a-481f-aa56-74ffc847fa1a/9--bauern---handwerker----winzerm...

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.09:1. Recommendation: change text colour to #d38139.

Selector: #c12205 > header > h3

Kontext: <h3 class="text-orange text-handwriting"> Mosel erleben ...</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.09:1. Recommendation: change text colour to #d38139.

Selector: #c12811 > header > h3

Kontext: <h3 class="text-orange text-handwriting"> Mosel entdecke...</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.09:1. Recommendation: change text colour to #d38139.

Selector: #c12203 > header > h3

Kontext: <h3 class="text-orange text-handwriting"> Mosel genießen...</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.09:1. Recommendation: change text colour to #d38139.

Selector: #c23046 > header > h3

Kontext: <h3 class="ce-headline-center text-orange text-handwriting"> Unser Urlaubs-...</h3>

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

Selector: #c23037 > div > a

Kontext: <a href="/moselmix" class="btn btn-primary btn-color-orange"> Mehr Infos zur...</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.09:1. Recommendation: change background to #b36119.

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

Kontext: <a href="/pauschalen" class="btn btn-primary btn-color-orange"> Pa...</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.09:1. Recommendation: change background to #b36119.

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

Kontext: <a href="/freizeit/erlebnis-shop" class="btn btn-primary btn-color-orange"> Er...</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.09:1. Recommendation: change text colour to #d38139.

Selector: #c805 > header > h3

Kontext: <h3 class="ce-headline-center text-orange text-handwriting"> Eintauchen in ...</h3>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.78:1. Recommendation: change text colour to #c6742c.

Selector: #c809 > header > h3

Kontext: <h3 class="ce-headline-center text-orange text-handwriting"> Wir helfen Ihn...</h3>

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

Selector: #c5 > ul > li:nth-child(1) > a > span

Kontext: <span>AGB</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 3.93:1. Recommendation: change background to #181818.

Selector: #c5 > ul > li:nth-child(2) > a > span

Kontext: <span>Impressum</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 3.93:1. Recommendation: change background to #181818.

Selector: #c5 > ul > li:nth-child(3) > a > span

Kontext: <span>Datenschutz</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 3.93:1. Recommendation: change background to #181818.

Selector: #c5 > ul > li:nth-child(4) > a > span

Kontext: <span>Barrierefreiheitserklärung</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 3.93:1. Recommendation: change background to #181818.

Selector: #c5 > ul > li:nth-child(5) > a > span

Kontext: <span>Presse</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 3.93:1. Recommendation: change background to #181818.

Selector: #c5 > ul > li:nth-child(6) > a > span

Kontext: <span>Kontakt</span>

Originalmeldung: Img element with empty alt text must have absent or empty title attribute.

Selector: #c5525 > div > div:nth-child(1) > a > div > picture > img

Kontext: <img src="/fileadmin/user_upload/10_Stockbilder/St%C3%A4dte__Trier__Koblenz__Bernkastel__etc._/Burg_Landshut_janmalburg.jpg" width="2048" alt="" title="Burg Landshut in Bernkast...

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

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

Kontext: <a class="site-header-language-link" href="https://en.bernkastel.de/" hreflang="en" title="English" aria-label="English"> <i...</a>

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

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

Kontext: <a class="site-header-language-link" href="https://nl.bernkastel.de/" hreflang="nl" title="Nederlands" aria-label="Nederlands"> <i...</a>

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: #tab-package > form > div > div > div > div > div:nth-child(1) > input

Kontext: <input autocomplete="off" autocapitalize="off" spellcheck="false" type="text" placeholder="🔎︎">

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: #tab-package > form > div > div > div > div > div:nth-child(1) > input

Kontext: <input autocomplete="off" autocapitalize="off" spellcheck="false" type="text" placeholder="🔎︎">

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: #tab-event > form > div > div > div:nth-child(3) > div > div:nth-child(1) > input

Kontext: <input autocomplete="off" autocapitalize="off" spellcheck="false" type="text" placeholder="🔎︎">

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: #tab-event > form > div > div > div:nth-child(3) > div > div:nth-child(1) > input

Kontext: <input autocomplete="off" autocapitalize="off" spellcheck="false" type="text" placeholder="🔎︎">

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

Kontext: <button type="button" class="button-previous-month"><svg width="11" height="16" xml...</button>

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

Kontext: <button type="button" class="button-next-month"><svg width="11" height="16" xml...</button>

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

Kontext: <button type="button" class="reset-button"><svg xmlns="http://www.w3.org/2...</button>

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

Kontext: <button type="button" class="button-previous-month"><svg width="11" height="16" xml...</button>

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

Kontext: <button type="button" class="button-next-month"><svg width="11" height="16" xml...</button>

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

Kontext: <button type="button" class="reset-button"><svg xmlns="http://www.w3.org/2...</button>

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

Kontext: <button type="button" class="button-previous-month"><svg width="11" height="16" xml...</button>

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

Kontext: <button type="button" class="button-next-month"><svg width="11" height="16" xml...</button>

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

Kontext: <button type="button" class="reset-button"><svg xmlns="http://www.w3.org/2...</button>