insel-sylt.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 2.13:1. Recommendation: change background to #9d6d00.

Selector: html > body > div:nth-child(7) > div:nth-child(4) > header:nth-child(3) > div > ul > li:nth-child(2) > div > a > span

Kontext: <span class="cta-label cta-icon">Buchen</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 2.13:1. Recommendation: change background to #9d6d00.

Selector: #top > section:nth-child(7) > div > div > div:nth-child(2) > div > a

Kontext: <a href="https://media.canvayo.com/uploads/sites/f8d7cd07ca281f477af6740703d01b2c/2026/04/urlaubsplaner-sylt-mai-juni-2026-veranstaltungen-event-tipps-angebote.pdf" target="_bla...

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

Selector: #top > section:nth-child(8) > div > div > div > div > div:nth-child(2) > p:nth-child(1) > a:nth-child(1)

Kontext: <a title="" href="https://www.insel-sylt.de/syltness-center/" target="" rel="">Syltness Center</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.39:1. Recommendation: change background to #feffff.

Selector: #top > section:nth-child(8) > div > div > div > div > div:nth-child(2) > p:nth-child(1) > a:nth-child(2)

Kontext: <a title="" href="https://www.insel-sylt.de/sylter-welle/" target="" rel="">Sylter Welle</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.39:1. Recommendation: change background to #feffff.

Selector: #top > section:nth-child(8) > div > div > div > div > div:nth-child(2) > p:nth-child(2) > a

Kontext: <a title="" href="https://www.insel-sylt.de/essen-gehen-auf-sylt/" target="" rel="">Schlemmerreise</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.13:1. Recommendation: change background to #9d6d00.

Selector: #top > section:nth-child(10) > div > div > div:nth-child(2) > div > div > div > a

Kontext: <a href="#modal-boxes/sylt-newsletter" data-post-id="181141" title="Zur Anmeldung" class="cta-button btn btn-lg btn-secondary"> ...</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.39:1. Recommendation: change background to #feffff.

Selector: #top > section:nth-child(11) > div > div > div > div > p:nth-child(2) > a

Kontext: <a title="" href="https://www.insel-sylt.de/nordsee-urlaub/" target="" rel="">Nordsee</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.13:1. Recommendation: change background to #9d6d00.

Selector: #modal-cookie-slim > div > div > div:nth-child(3) > div:nth-child(1) > a

Kontext: <a href="#" class="cta-button btn btn-lg btn-icon btn-secondary cookie-accept" data-dismiss="modal" data-cookie-opt-in-accept="true" aria-label="Alle akzeptieren"> Alle a...</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.13:1. Recommendation: change background to #9d6d00.

Selector: #modal-cookie-slim > div > div > div:nth-child(3) > div:nth-child(2) > a

Kontext: <a href="#modal-boxes/modal-cookie" class="cookie-settings cta-button btn btn-lg btn-icon btn-secondary" data-dismiss="modal" data-open-cookie-modal="" aria-label="Einstellungen...

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.13:1. Recommendation: change background to #9d6d00.

Selector: #modal-cookie-slim > div > div > div:nth-child(3) > div:nth-child(3) > a

Kontext: <a href="#" class="cookie-essentials cta-button btn btn-lg btn-icon btn-secondary" data-dismiss="modal" aria-label="Nur wesentliche"> Nur we...</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.59:1. Recommendation: change background to #627894.

Selector: #quick-search-slider-hero-181141 > div:nth-child(2) > div > ul > li:nth-child(2) > a

Kontext: <a href="#1" class="carousel-control " data-slide-index="1" data-slider-id="#quick-search-slider-hero-181141" role="tab"> ...</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.59:1. Recommendation: change background to #627894.

Selector: #quick-search-slider-hero-181141 > div:nth-child(2) > div > ul > li:nth-child(3) > a

Kontext: <a href="#2" class="carousel-control " data-slide-index="2" data-slider-id="#quick-search-slider-hero-181141" role="tab"> ...</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.59:1. Recommendation: change background to #627894.

Selector: #quick-search-slider-hero-181141 > div:nth-child(2) > div > ul > li:nth-child(4) > a

Kontext: <a href="#3" class="carousel-control " data-slide-index="3" data-slider-id="#quick-search-slider-hero-181141" role="tab"> ...</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.59:1. Recommendation: change background to #627894.

Selector: #quick-search-slider-hero-181141 > div:nth-child(2) > div > ul > li:nth-child(5) > a

Kontext: <a href="#4" class="carousel-control " data-slide-index="4" data-slider-id="#quick-search-slider-hero-181141" role="tab"> ...</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.59:1. Recommendation: change background to #627894.

Selector: #quick-search-slider-hero-181141 > div:nth-child(2) > div > ul > li:nth-child(6) > a

Kontext: <a href="#5" class="carousel-control " data-slide-index="5" data-slider-id="#quick-search-slider-hero-181141" role="tab"> ...</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.59:1. Recommendation: change background to #627894.

Selector: #quick-search-slider-hero-181141 > div:nth-child(2) > div > ul > li:nth-child(7) > a

Kontext: <a href="#6" class="carousel-control " data-slide-index="6" data-slider-id="#quick-search-slider-hero-181141" role="tab"> ...</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.59:1. Recommendation: change background to #627894.

Selector: #quick-search-slider-hero-181141 > div:nth-child(2) > div > ul > li:nth-child(8) > a

Kontext: <a href="#7" class="carousel-control " data-slide-index="7" data-slider-id="#quick-search-slider-hero-181141" role="tab"> ...</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.13:1. Recommendation: change background to #9d6d00.

Selector: #bonus-club > div > div > div:nth-child(1) > div > p:nth-child(3) > a:nth-child(1)

Kontext: <a class="cta-button btn btn-secondary btn-lg mt-3" href="#modal-boxes/my-sylt-login-modal" data-post-id="181141" title="Einloggen" tabindex="-1">Einloggen</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.13:1. Recommendation: change background to #9d6d00.

Selector: #bonus-club > div > div > div:nth-child(1) > div > p:nth-child(3) > a:nth-child(2)

Kontext: <a class="cta-button btn btn-secondary btn-lg mt-3" href="#modal-boxes/my-sylt-login-modal" data-post-id="181141" title="Registrieren" tabindex="-1">Registrieren</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.59:1. Recommendation: change background to #627894.

Selector: #form-accommodation-feratel > div > div:nth-child(1) > label

Kontext: <label>Von</label>

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

Selector: #form-accommodation-feratel > div > div:nth-child(2) > label

Kontext: <label>Bis</label>

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

Selector: #form-accommodation-feratel > div > div:nth-child(3) > label

Kontext: <label>Erwachsene</label>

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

Selector: #form-accommodation-feratel > div > div:nth-child(4) > label

Kontext: <label>Kinder</label>

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

Selector: #form-accommodation-feratel > div > div:nth-child(5) > label

Kontext: <label>Einheiten</label>

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.13:1. Recommendation: change background to #9d6d00.

Selector: #form-accommodation-feratel > div > div:nth-child(6) > button

Kontext: <button type="submit" class="btn btn-quicksearch-submit rounded-0 btn-primary w-100 text-white" aria-label="Suchen und Buchen"> Suchen und Buc...</button>

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

Selector: #form-emobility-bookyt > div > div:nth-child(1) > label

Kontext: <label>Von</label>

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

Selector: #form-emobility-bookyt > div > div:nth-child(2) > label

Kontext: <label>Bis</label>

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

Selector: #form-emobility-bookyt > div > div:nth-child(3) > label

Kontext: <label for="[station_id]">Station</label>

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

Selector: #form-emobility-bookyt > div > div:nth-child(4) > label

Kontext: <label for="[fahrzeuggruppe_id]">Fahrzeuggruppe</label>

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.13:1. Recommendation: change background to #9d6d00.

Selector: #form-emobility-bookyt > div > div:nth-child(5) > button

Kontext: <button type="submit" class="btn btn-quicksearch-submit rounded-0 btn-primary w-100 text-white" aria-label="Suchen und Buchen" tabindex="-1"> Suchen und Buc...</button>

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

Selector: #form-beachchairs > div > div:nth-child(1) > label

Kontext: <label for="[region]">Wo</label>

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

Selector: #form-beachchairs > div > div:nth-child(2) > label

Kontext: <label>Von</label>

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

Selector: #form-beachchairs > div > div:nth-child(3) > label

Kontext: <label>Bis</label>

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.13:1. Recommendation: change background to #9d6d00.

Selector: #form-beachchairs > div > div:nth-child(4) > button

Kontext: <button type="submit" class="btn btn-quicksearch-submit rounded-0 btn-primary w-100 text-white" aria-label="Suchen und Buchen" tabindex="-1"> Suchen und Buc...</button>

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

Selector: #form-events-feratel > div > div:nth-child(1) > label

Kontext: <label>Von</label>

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

Selector: #form-events-feratel > div > div:nth-child(2) > label

Kontext: <label>Bis</label>

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.13:1. Recommendation: change background to #9d6d00.

Selector: #form-events-feratel > div > div:nth-child(3) > button

Kontext: <button type="submit" class="btn btn-quicksearch-submit rounded-0 btn-primary w-100 text-white" aria-label="Suchen und Buchen" tabindex="-1"> Suchen und Buc...</button>

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #top > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(2) > p:nth-child(2) > img

Kontext: <img decoding="async" style="width: 70px;" data-lazy-load="true" src="https://media.canvayo.com/uploads/sites/f8d7cd07ca281f477af6740703d01b2c/2024/11/Westerland_Logo_4c_NEG.png...

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #top > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > div > span:nth-child(2) > p:nth-child(2) > img

Kontext: <img decoding="async" style="width: 70px;" data-lazy-load="true" src="https://media.canvayo.com/uploads/sites/f8d7cd07ca281f477af6740703d01b2c/2024/11/Keitum_4c_NEG.png?resize=2...

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #top > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > div > span:nth-child(2) > p:nth-child(2) > img

Kontext: <img decoding="async" style="width: 70px;" data-lazy-load="true" src="https://media.canvayo.com/uploads/sites/f8d7cd07ca281f477af6740703d01b2c/2024/11/Rantum_4c_NEG.png?resize=2...

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #top > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(5) > div > span:nth-child(2) > p:nth-child(2) > img

Kontext: <img decoding="async" style="width: 70px;" data-lazy-load="true" src="https://media.canvayo.com/uploads/sites/f8d7cd07ca281f477af6740703d01b2c/2024/11/Tinnum_4c_NEG.png?resize=2...

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #top > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(6) > div > span:nth-child(2) > p:nth-child(2) > img

Kontext: <img decoding="async" style="width: 70px;" data-lazy-load="true" src="https://media.canvayo.com/uploads/sites/f8d7cd07ca281f477af6740703d01b2c/2024/11/Archsum_4c_NEG.png?resize=...

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #top > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(7) > div > span:nth-child(2) > p:nth-child(2) > img

Kontext: <img decoding="async" style="width: 70px;" data-lazy-load="true" src="https://media.canvayo.com/uploads/sites/f8d7cd07ca281f477af6740703d01b2c/2024/11/Morsum_4c_NEG.png?resize=2...

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #top > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(8) > div > span:nth-child(2) > p:nth-child(2) > img

Kontext: <img decoding="async" style="width: 70px;" data-lazy-load="true" src="https://media.canvayo.com/uploads/sites/f8d7cd07ca281f477af6740703d01b2c/2024/11/Munkmarsch_4c_NEG.png?resi...

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

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

Kontext: <a href="#mysylt-login" class="nav-link border-0 text-size-xs text-transform-none">Login</a>

Originalmeldung: This link points to a named anchor "modal-boxes/sylt-newsletter" within the document, but no anchor exists with that name.

Selector: #top > section:nth-child(10) > div > div > div:nth-child(2) > div > div > div > a

Kontext: <a href="#modal-boxes/sylt-newsletter" data-post-id="181141" title="Zur Anmeldung" class="cta-button btn btn-lg btn-secondary"> ...</a>

Originalmeldung: This link points to a named anchor "modal-boxes/modal-cookie" within the document, but no anchor exists with that name.

Selector: html > body > footer > div > div:nth-child(2) > div:nth-child(2) > nav > ul > li:nth-child(3) > a

Kontext: <a title="Cookies" href="#modal-boxes/modal-cookie" class="nav-link px-3 py-2 text-primary" itemprop="url"> <s...</a>

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: #searchBarInputField

Kontext: <input type="search" name="s" minlength="3" class="form-control" id="searchBarInputField" placeholder="Suchen nach..." aria-describedby="searchBarInputGroupPrepend" value="">

Originalmeldung: This link points to a named anchor "modal-boxes/modal-cookie" within the document, but no anchor exists with that name.

Selector: #modal-cookie-slim > div > div > div:nth-child(3) > div:nth-child(2) > a

Kontext: <a href="#modal-boxes/modal-cookie" class="cookie-settings cta-button btn btn-lg btn-icon btn-secondary" data-dismiss="modal" data-open-cookie-modal="" aria-label="Einstellungen...

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

Selector: html > body > footer > div > div:nth-child(1) > div > div > div:nth-child(1) > div > div > ul

Kontext: <ul class="contactwidget no-style-list d-flex d-xl-block flex-wrap mb-n3 no-style-list" role="presentation" aria-label="Kontaktinformationen"> ...</ul>

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

Selector: #splide-dbix6nhde-list

Kontext: <ul class="splide__list" id="splide-dbix6nhde-list" role="presentation" style="transform: translateX(-1140px);"> ...</ul>