stadthalle.koeln

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 background to #2f8280.

Selector: #cmplz-cookiebanner-container > div > div:nth-child(6) > button:nth-child(1)

Kontext: <button class="cmplz-btn cmplz-accept">Akzeptieren</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.45:1. Recommendation: change text colour to #2f8280.

Selector: #cmplz-cookiebanner-container > div > div:nth-child(7) > ul > li:nth-child(2) > a

Kontext: <a class="cmplz-link privacy-statement" href="https://stadthalle.koeln/datenschutz/" data-relative_url="">Datenschutz</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.45:1. Recommendation: change text colour to #2f8280.

Selector: #cmplz-cookiebanner-container > div > div:nth-child(7) > ul > li:nth-child(3) > a

Kontext: <a class="cmplz-link impressum" href="https://stadthalle.koeln/impressum/" data-relative_url="">Impressum</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.45:1. Recommendation: change text colour to #4ea19f.

Selector: #scroll-home > div > div > div > p

Kontext: <p style="text-align: center;">Ein lebendiger Ort, eine geschi...</p>

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 background to #2f8280.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > span:nth-child(1)

Kontext: <span class="event-date"> Mittwoch - Mitt...</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 2.45:1. Recommendation: change background to #4ea19f.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > span:nth-child(2)

Kontext: <span class="project-date"> 11.3.2026 ...</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.45:1. Recommendation: change background to #2f8280.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > span:nth-child(1)

Kontext: <span class="event-date"> Sonntag ...</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 2.45:1. Recommendation: change background to #4ea19f.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > span:nth-child(2)

Kontext: <span class="project-date"> 5.4.2026 ...</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.45:1. Recommendation: change background to #2f8280.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2) > span:nth-child(1)

Kontext: <span class="event-date"> Montag ...</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 2.45:1. Recommendation: change background to #4ea19f.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2) > span:nth-child(2)

Kontext: <span class="project-date"> 6.4.2026 ...</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.45:1. Recommendation: change background to #2f8280.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(2) > span:nth-child(1)

Kontext: <span class="event-date"> Mittwoch ...</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 2.45:1. Recommendation: change background to #4ea19f.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(2) > span:nth-child(2)

Kontext: <span class="project-date"> 8.4.2026 ...</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.45:1. Recommendation: change background to #2f8280.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(5) > div > div:nth-child(2) > span:nth-child(1)

Kontext: <span class="event-date"> Donnerstag ...</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 2.45:1. Recommendation: change background to #4ea19f.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(5) > div > div:nth-child(2) > span:nth-child(2)

Kontext: <span class="project-date"> 9.4.2026 ...</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.45:1. Recommendation: change background to #2f8280.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(6) > div > div:nth-child(2) > span:nth-child(1)

Kontext: <span class="event-date"> Sonntag ...</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 2.45:1. Recommendation: change background to #4ea19f.

Selector: html > body > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(6) > div > div:nth-child(2) > span:nth-child(2)

Kontext: <span class="project-date"> 12.4.2026 ...</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 2.45:1. Recommendation: change text colour to #4ea19f.

Selector: html > body > div:nth-child(9) > div > div:nth-child(1) > div > h3

Kontext: <h3 data-aos="fade-up" class="aos-init">Wir bieten viel Raum für gute I...</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.57:1. Recommendation: change text colour to #171717.

Selector: html > body > div:nth-child(10) > div > div > div:nth-child(1) > div > h2

Kontext: <h2>UNSERE<br>KAPAZITÄTEN</h2>

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.45:1. Recommendation: change background to #4ea19f.

Selector: #heading1 > button

Kontext: <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1"> <img src="https...</button>

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.45:1. Recommendation: change background to #4ea19f.

Selector: #heading2 > button

Kontext: <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="true" aria-controls="collapse2"> <img src="https...</button>

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.45:1. Recommendation: change background to #4ea19f.

Selector: #heading3 > button

Kontext: <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="true" aria-controls="collapse3"> <img src="https...</button>

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.45:1. Recommendation: change background to #4ea19f.

Selector: #heading4 > button

Kontext: <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="true" aria-controls="collapse4"> <img src="https...</button>

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.45:1. Recommendation: change background to #4ea19f.

Selector: #heading5 > button

Kontext: <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="true" aria-controls="collapse5"> <img src="https...</button>

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

Selector: html > body > div:nth-child(11) > div > div:nth-child(2) > div:nth-child(1) > p:nth-child(2)

Kontext: <p data-aos="fade-up" class="staffname my-3 aos-init">Vera</p>

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

Selector: html > body > div:nth-child(11) > div > div:nth-child(2) > div:nth-child(2) > p:nth-child(2)

Kontext: <p data-aos="fade-up" class="staffname my-3 aos-init">Benjamin &amp; Malte</p>

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 background to #2f8280.

Selector: #colophon > p

Kontext: <p class="mb-0">Copyright © 2026 Inc. Alle Rech...</p>

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 background to #2f8280.

Selector: #colophon > p > a

Kontext: <a class="" target="_blank" href="https://www.absolutxmedia.de/">absolutxmedia</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.45:1. Recommendation: change background to #2f8280.

Selector: #colophon > div

Kontext: <div class="footer-menu"> <a href="https://stadthalle...</div>

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 background to #2f8280.

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

Kontext: <a href="https://stadthalle.koeln/impressum">Impressum</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.45:1. Recommendation: change background to #2f8280.

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

Kontext: <a href="https://stadthalle.koeln/datenschutz">Datenschutz</a>

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

Selector: #post-55 > div > div > div:nth-child(1) > img

Kontext: <img class="header-icon" src="https://stadthalle.koeln/wp-content/uploads/2022/12/Bildmarke_Stadthalle_Koeln.png">

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

Selector: #heading1 > button > img

Kontext: <img src="https://stadthalle.koeln/wp-content/themes/stadthalle/assets/img/arrow.svg">

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

Selector: #heading2 > button > img

Kontext: <img src="https://stadthalle.koeln/wp-content/themes/stadthalle/assets/img/arrow.svg">

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

Selector: #heading3 > button > img

Kontext: <img src="https://stadthalle.koeln/wp-content/themes/stadthalle/assets/img/arrow.svg">

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

Selector: #heading4 > button > img

Kontext: <img src="https://stadthalle.koeln/wp-content/themes/stadthalle/assets/img/arrow.svg">

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

Selector: #heading5 > button > img

Kontext: <img src="https://stadthalle.koeln/wp-content/themes/stadthalle/assets/img/arrow.svg">

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 > div:nth-child(12) > div > div > div:nth-child(1) > div > p:nth-child(5) > a:nth-child(1)

Kontext: <a href="https://www.facebook.com/stadthallekoeln/"><img decoding="async" class="al...</a>

Originalmeldung: Img element inside a link must not use alt text that duplicates the content of a text link beside it.

Selector: html > body > div:nth-child(12) > div > div > div:nth-child(1) > div > p:nth-child(5) > a:nth-child(1) > img

Kontext: <img decoding="async" class="alignnone wp-image-1105" src="https://stadthalle.koeln/wp-content/uploads/2022/12/Gruppe-471.jpg" alt="" width="26" height="26">

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

Selector: html > body > div:nth-child(12) > div > div > div:nth-child(1) > div > p:nth-child(5) > a:nth-child(2)

Kontext: <a href="https://www.facebook.com/stadthallekoeln/">&nbsp; &nbsp;</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 > div:nth-child(12) > div > div > div:nth-child(1) > div > p:nth-child(5) > a:nth-child(3)

Kontext: <a href="https://www.instagram.com/stadthalle.koeln/"><img decoding="async" class="al...</a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

Selector: #lightbox > div:nth-child(1) > div > div:nth-child(3) > a

Kontext: <a class="lb-cancel"></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-close"></a>

Originalmeldung: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label , aria-labelledby .

Selector: #wpcf7-f94-p55-o1 > form > fieldset

Kontext: <fieldset class="hidden-fields-container"><input type="hidden" name="_wpc...</fieldset>

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: #wpcf7-f94-p55-o1 > form > div:nth-child(2) > div:nth-child(1) > p > span > input

Kontext: <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Name" valu...

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: #wpcf7-f94-p55-o1 > form > div:nth-child(2) > div:nth-child(1) > p > span > input

Kontext: <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Name" valu...

Originalmeldung: This emailinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #wpcf7-f94-p55-o1 > form > div:nth-child(2) > div:nth-child(2) > p > span > input

Kontext: <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control" aria-required="true" aria-in...

Originalmeldung: This telinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #wpcf7-f94-p55-o1 > form > div:nth-child(3) > p > span > input

Kontext: <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel form-control" aria-invalid="false" placeholder="Telefon" value="" type="te...

Originalmeldung: This textarea element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #wpcf7-f94-p55-o1 > form > div:nth-child(5) > p > span > textarea

Kontext: <textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" place...

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: #wpcf7-f94-p55-o1 > form > div:nth-child(5) > p > span > textarea

Kontext: <textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" place...

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-prev" aria-label="Previous image" href=""></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-next" aria-label="Next image" href=""></a>

Originalmeldung: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

Selector: #wpcf7-f94-p55-o1 > form > fieldset

Kontext: <fieldset class="hidden-fields-container"><input type="hidden" name="_wpc...</fieldset>

Originalmeldung: Duplicate id attribute value "primary-menu-1" found on the web page.

Selector: #primary-menu-1

Kontext: <ul id="primary-menu-1" class="menu"><li class="menu-item menu-item-...</ul>

Originalmeldung: Duplicate id attribute value "primary-menu-2" found on the web page.

Selector: #primary-menu-2

Kontext: <ul id="primary-menu-2" class="menu"><li class="menu-item menu-item-...</ul>

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: html > body > div:nth-child(11) > div > div:nth-child(1) > div > h3

Kontext: <h3 data-aos="fade-up" class="aos-init"></h3>