hattstedt.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.15:1. Recommendation: change background to #001462.

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

Kontext: <a class="nivo-control active" rel="0">1</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.95:1. Recommendation: change text colour to #007283.

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

Kontext: <a class="nivo-control" rel="1">2</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.95:1. Recommendation: change text colour to #007283.

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

Kontext: <a class="nivo-control" rel="2">3</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.95:1. Recommendation: change text colour to #007283.

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

Kontext: <a class="nivo-control" rel="3">4</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.95:1. Recommendation: change text colour to #007283.

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

Kontext: <a class="nivo-control" rel="4">5</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 3.65:1. Recommendation: change text colour to #058294.

Selector: #post-23600 > div > p:nth-child(2) > a

Kontext: <a class="continue" href="https://hattstedt.de/2026/08/06/23600/" data-wpel-link="internal">hier weiterlesen<span> Vom Dorf...</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 3.65:1. Recommendation: change text colour to #058294.

Selector: #post-23600 > div > p:nth-child(2) > a > span

Kontext: <span> Vom Dorf auf&nbsp;die große Bü...</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.65:1. Recommendation: change text colour to #058294.

Selector: #post-23351 > div > p > a

Kontext: <a href="https://www.facebook.com/permalink.php?story_fbid=pfbid0FpCMaj1RzEYRW44XMjFTJYAqRWeigQDh25kQhKBA7UADDnie6QGHBmwAsHfr6Bdnl&amp;id=100079333786864" data-wpel-link="extern...

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

Selector: #menu-item-312 > a

Kontext: <a href="https://hattstedt.de/x">Anmelden</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.17:1. Recommendation: change text colour to #717171.

Selector: #footer2 > span

Kontext: <span style="display:block;float:right;text-align:right;padding:0 20px 5px;font-size:.9em;"> Präsentiert von <a target="_b...</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.41:1. Recommendation: change text colour to #007d8f.

Selector: #footer2 > span > a:nth-child(1)

Kontext: <a target="_blank" href="//www.cryoutcreations.eu">Tempera</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 3.41:1. Recommendation: change text colour to #007d8f.

Selector: #footer2 > span > a:nth-child(2)

Kontext: <a target="_blank" href="//wordpress.org/"> WordPress. </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.67:1. Recommendation: change background to #3d65ff.

Selector: #cn-accept-cookie

Kontext: <button id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button cn-button-custom button" aria-label="OK">OK</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.67:1. Recommendation: change background to #3d65ff.

Selector: #cn-refuse-cookie

Kontext: <button id="cn-refuse-cookie" data-cookie-set="refuse" class="cn-set-cookie cn-button cn-button-custom button" aria-label="Nein">Nein</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.67:1. Recommendation: change background to #3d65ff.

Selector: #cn-more-info

Kontext: <button data-link-url="https://hattstedt.de/datenschutz/" data-link-target="_blank" id="cn-more-info" class="cn-more-info cn-button cn-button-custom button" aria-label="Datensch...

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

Selector: #slider > img

Kontext: <img class="nivo-main-image" src="https://hattstedt.de/wp-content/uploads/2023/07/My-project-1.jpg">

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: #slider > a:nth-child(1)

Kontext: <a href="#" class="nivo-imageLink" style="display: block;"> <img src="https://hattst...</a>

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

Selector: #slider > a:nth-child(1) > img

Kontext: <img src="https://hattstedt.de/wp-content/uploads/2023/07/My-project-1.jpg" data-thumb="https://hattstedt.de/wp-content/uploads/2023/07/My-project-1.jpg" alt="" style="display: ...

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: #slider > a:nth-child(2)

Kontext: <a href="#" class="nivo-imageLink" style="display: none;"> <img src="https://hattst...</a>

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

Selector: #slider > a:nth-child(2) > img

Kontext: <img src="https://hattstedt.de/wp-content/uploads/2023/07/My-project-2.jpg" data-thumb="https://hattstedt.de/wp-content/uploads/2023/07/My-project-2.jpg" alt="" style="display: ...

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

Selector: #slider > a:nth-child(2) > img

Kontext: <img src="https://hattstedt.de/wp-content/uploads/2023/07/My-project-2.jpg" data-thumb="https://hattstedt.de/wp-content/uploads/2023/07/My-project-2.jpg" alt="" style="display: ...

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: #slider > a:nth-child(3)

Kontext: <a href="#" class="nivo-imageLink" style="display: none;"> <img src="https://hattst...</a>

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

Selector: #slider > a:nth-child(3) > img

Kontext: <img src="https://hattstedt.de/wp-content/uploads/2024/05/Hattstedt-Raymond_2024-001_1280x384.jpg" data-thumb="https://hattstedt.de/wp-content/uploads/2024/05/Hattstedt-Raymond_...

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

Selector: #slider > a:nth-child(3) > img

Kontext: <img src="https://hattstedt.de/wp-content/uploads/2024/05/Hattstedt-Raymond_2024-001_1280x384.jpg" data-thumb="https://hattstedt.de/wp-content/uploads/2024/05/Hattstedt-Raymond_...

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: #slider > a:nth-child(4)

Kontext: <a href="#" class="nivo-imageLink" style="display: none;"> <img src="https://hattst...</a>

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

Selector: #slider > a:nth-child(4) > img

Kontext: <img src="https://hattstedt.de/wp-content/uploads/2023/08/Luftbild1.jpg" data-thumb="https://hattstedt.de/wp-content/uploads/2023/08/Luftbild1.jpg" alt="" style="display: none;">

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

Selector: #slider > a:nth-child(4) > img

Kontext: <img src="https://hattstedt.de/wp-content/uploads/2023/08/Luftbild1.jpg" data-thumb="https://hattstedt.de/wp-content/uploads/2023/08/Luftbild1.jpg" alt="" style="display: none;">

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: #slider > a:nth-child(5)

Kontext: <a href="#" class="nivo-imageLink" style="display: none;"> <img src="https://hattst...</a>

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

Selector: #slider > a:nth-child(5) > img

Kontext: <img src="https://hattstedt.de/wp-content/uploads/2023/08/Kirchturm.jpg" data-thumb="https://hattstedt.de/wp-content/uploads/2023/08/Kirchturm.jpg" alt="" style="display: none;">

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: #post-23600 > div > a

Kontext: <a href="https://hattstedt.de/2026/08/06/23600/"> <img width="780" title=""...</a>

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

Selector: #ngg-prev-155

Kontext: <a class="ngg-browser-prev" id="ngg-prev-155" href="https://hattstedt.de/2026/07/20/23356/nggallery/image/volkstanz-mit-den-hattstedter-schuelern/"> <i class="fa fa-chevron-l......

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

Selector: #ngg-next-152

Kontext: <a class="ngg-browser-next" id="ngg-next-152" href="https://hattstedt.de/2026/07/20/23356/nggallery/image/23fc1956-dc6e-4ac9-a2fd-ab2dc66287a3/"> <i class="fa fa-chevron-r...</a>

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: #nav-toggle

Kontext: <button id="nav-toggle"><span>&nbsp;</span></button>

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

Selector: #post-23356 > header > h2

Kontext: <h2 class="entry-title"><a href="https://hattstedt.de/2...</h2>