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

Selector: #news-container-47195 > div > div > div:nth-child(5) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-25"> Mittwoch, ...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(5) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Die Biber sind zurück im Karlsr...</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 1:1. Recommendation: change text colour to #767676.

Selector: #news-container-47195 > div > div > div:nth-child(6) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-17"> Dienstag, ...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(6) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Mikrozensus 2026 gestartet</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 1:1. Recommendation: change text colour to #767676.

Selector: #news-container-47195 > div > div > div:nth-child(7) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-16"> Montag, 16...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(7) > div > div > a > h3 > span

Kontext: <span itemprop="headline">20 Jahre Earth Hour</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(1) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Die Biber sind zurück im Karlsr...</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(2) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Mikrozensus 2026 gestartet</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(3) > div > div > a > h3 > span

Kontext: <span itemprop="headline">20 Jahre Earth Hour</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(4) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Eröffnung der "Internationalen ...</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(8) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Eröffnung der "Internationalen ...</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(9) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Die Biber sind zurück im Karlsr...</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(10) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Mikrozensus 2026 gestartet</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(11) > div > div > a > h3 > span

Kontext: <span itemprop="headline">20 Jahre Earth Hour</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:1. Recommendation: change text colour to #949494.

Selector: #news-container-47195 > div > div > div:nth-child(12) > div > div > a > h3 > span

Kontext: <span itemprop="headline">Eröffnung der "Internationalen ...</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 1:1. Recommendation: change text colour to #767676.

Selector: #news-container-47195 > div > div > div:nth-child(1) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-25"> Mittwoch, ...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(2) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-17"> Dienstag, ...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(3) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-16"> Montag, 16...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(4) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-11"> Mittwoch, ...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(8) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-11"> Mittwoch, ...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(9) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-25"> Mittwoch, ...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(10) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-17"> Dienstag, ...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(11) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-16"> Montag, 16...</time>

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

Selector: #news-container-47195 > div > div > div:nth-child(12) > div > div > a > div > p > time

Kontext: <time itemprop="datePublished" datetime="2026-03-11"> Mittwoch, ...</time>

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

Selector: #services-section > div:nth-child(2) > div > div > ul > li:nth-child(2) > a > img

Kontext: <img src="/typo3conf/ext/karlsruhe/Resources/Public/Dist/images/icons/quicklinks/virtuelles-amt-green.svg">

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

Selector: #services-icon > section > div > div > div > ul > li:nth-child(2) > a > img

Kontext: <img src="/typo3conf/ext/karlsruhe/Resources/Public/Dist/images/icons/quicklinks/virtuelles-amt-green.svg">

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: #1 > header > section:nth-child(3) > div:nth-child(2) > div > nav > div:nth-child(2) > div > div > div > div > form > div:nth-child(1) > div > div > div:nth-child(3) > button

Kontext: <button class="btn btn-light input-group-text js-text-input-reset" type="button"> ...</button>

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

Selector: #1 > header > section:nth-child(3) > div:nth-child(2) > div > nav > div:nth-child(2) > div > div > div > div > form > input

Kontext: <input type="submit" class="search__submit-button hidden">

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

Kontext: <button class="btn btn-light input-group-text js-text-input-reset" type="button"> ...</button>

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

Selector: #search-icon > div > div > div > form > input

Kontext: <input type="submit" class="search__submit-button hidden">

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

Kontext: <button class="btn btn-light input-group-text js-text-input-reset" type="button"> ...</button>

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

Selector: #c195956 > div > div > div:nth-child(2) > div > div > form > input

Kontext: <input type="submit" class="search__submit-button hidden">

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

Selector: #c22360 > div:nth-child(2) > div:nth-child(1) > div > div > div:nth-child(1) > select

Kontext: <select class="karlTabs__nav-tabs-select js-tabs-select form-control mb10 d-block d-sm-none"> ...</select>

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: #c22360 > div:nth-child(2) > div:nth-child(1) > div > div > div:nth-child(1) > select

Kontext: <select class="karlTabs__nav-tabs-select js-tabs-select form-control mb10 d-block d-sm-none"> ...</select>

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

Selector: #c195956 > div > div > div:nth-child(1) > div > h2

Kontext: <h2 class="h2-style-start"> ...</h2>