fraenkisch-crumbach.de

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

Selector: #swiper-wrapper-77307cab06107b10b4 > div:nth-child(1) > div > a > div:nth-child(1) > div > span:nth-child(1)

Kontext: <span class="text-2xl font-bold text-secondary-text">10</span>

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

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

Kontext: <span class="text-2xl font-bold text-secondary-text">10</span>

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

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

Kontext: <span class="text-2xl font-bold text-secondary-text">19</span>

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

Selector: #swiper-wrapper-77307cab06107b10b4 > div:nth-child(4) > div > a > div:nth-child(1) > div > span:nth-child(1)

Kontext: <span class="text-2xl font-bold text-secondary-text">20</span>

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

Selector: #swiper-wrapper-77307cab06107b10b4 > div:nth-child(5) > div > a > div:nth-child(1) > div > span:nth-child(1)

Kontext: <span class="text-2xl font-bold text-secondary-text">25</span>

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

Selector: #swiper-wrapper-77307cab06107b10b4 > div:nth-child(6) > div > a > div:nth-child(1) > div > span:nth-child(1)

Kontext: <span class="text-2xl font-bold text-secondary-text">30</span>

Originalmeldung: This link points to a named anchor "help" within the document, but no anchor exists with that name.

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

Kontext: <a class="text-white focus:text-white hover:text-white" href="#help" accesskey="1"> Bedienhilfe </a>

Originalmeldung: This link points to a named anchor "gotosearch" within the document, but no anchor exists with that name.

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

Kontext: <a href="#gotosearch" accesskey="2" class="text-white focus:text-white hover:text-white"> direkt zur Suche </a>

Originalmeldung: This link points to a named anchor "nav" within the document, but no anchor exists with that name.

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

Kontext: <a href="#nav" class="text-white focus:text-white hover:text-white" accesskey="3"> direkt zum Menü </a>

Originalmeldung: This link points to a named anchor "content" within the document, but no anchor exists with that name.

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

Kontext: <a href="#content" class="text-white focus:text-white hover:text-white" accesskey="4"> direkt zum Inhalt </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: #js-global-search-input

Kontext: <input id="js-global-search-input" name="q" class="global-search__input" placeholder="Suchbegriff eingeben" type="text">

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: #js-global-search-input

Kontext: <input id="js-global-search-input" name="q" class="global-search__input" placeholder="Suchbegriff eingeben" type="text">