dhs-fn.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 2.46:1. Recommendation: change background to #62a61b.

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

Kontext: <h3 style="color: #ffffff;">Sekretariat in den Ferien</h3>

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

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

Kontext: <p style="color: #ffffff;">Das Sekretariat bleibt vom 30.0...</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.46:1. Recommendation: change background to #458600.

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

Kontext: <p style="color: #ffffff;">Ab 13.04.2026 sind wir wieder f...</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.46:1. Recommendation: change background to #458600.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div > a

Kontext: <a href="" style="color: #ffffff;">weiter <i class="far fa-long-ar...</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 4:1. Recommendation: change background to #e00.

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

Kontext: <p style="color: #ffffff;">Sie interessieren sich für eine...</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 4:1. Recommendation: change background to #e00.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div > a

Kontext: <a href="bewerbung.html " style="color: #ffffff;">weiter <i class="far fa-long-ar...</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.46:1. Recommendation: change background to #62a61b.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(3) > div > div:nth-child(1) > div > h3

Kontext: <h3 style="color: #ffffff;">Schulartenfinder</h3>

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

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(3) > div > div:nth-child(2) > div > a

Kontext: <a href="https://dhs-fn.de/schulartenfinder.html" style="color: #ffffff;">weiter <i class="far fa-long-ar...</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.7:1. Recommendation: change text colour to #007e1d.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(4) > div > div:nth-child(2) > p:nth-child(2) > a:nth-child(1)

Kontext: <a href="https://www.unserebroschuere.de/Droste-Huelshoff-Schule/MailView/">Broschüre</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.7:1. Recommendation: change text colour to #007e1d.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(4) > div > div:nth-child(2) > p:nth-child(2) > a:nth-child(2)

Kontext: <a href="https://www.unserebroschuere.de/video/415E55230">Imagefilm</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.14:1. Recommendation: change text colour to #3f7a00.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(4) > div > div:nth-child(2) > div > a

Kontext: <a href="sie_wollen_erzieherin_werden_1.html ">weiter <i class="far fa-long-ar...</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 1.4:1. Recommendation: change background to #af9300.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(5) > div > div:nth-child(1) > div > h3

Kontext: <h3 style="color: #ffffff;">Berufliche Bildung in Baden-Wür...</h3>

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

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(5) > div > div:nth-child(2) > div > a

Kontext: <a href="infoabend_januar.html " style="color: #ffffff;">weiter <i class="far fa-long-ar...</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.14:1. Recommendation: change text colour to #3f7a00.

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

Kontext: <a href="hotel-_und_gaststaettenberufe.html">weiter <i class="far fa-long-ar...</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 4.28:1. Recommendation: change background to #f4f4f4.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(7) > div > div:nth-child(2) > ul > li:nth-child(1) > strong > span

Kontext: <span style="color: #3b7f16;">Digitaler Schülerausweise&nbsp;</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.14:1. Recommendation: change text colour to #3f7a00.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(7) > div > div:nth-child(2) > div > a

Kontext: <a href="ukbw.html ">weiter <i class="far fa-long-ar...</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.14:1. Recommendation: change text colour to #3f7a00.

Selector: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(8) > div > div:nth-child(2) > div > a

Kontext: <a href="faq.html">weiter <i class="far fa-long-ar...</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.48:1. Recommendation: change text colour to #458600.

Selector: html > body > main > div:nth-child(3) > div > div > div:nth-child(1) > div > div > h5

Kontext: <h5> Droste-Hülshoff-Schule <span c...</h5>

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

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

Kontext: <img src="assets/img/logo_bodenseekreis.png">

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

Selector: html > body > footer > div > div > div:nth-child(2) > div > div:nth-child(2) > div > ul > li:nth-child(4) > img

Kontext: <img src="assets/img/hilfe_icon.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: html > body > main > div:nth-child(2) > div > div > div > div > div:nth-child(3) > div > div:nth-child(2) > p > a

Kontext: <a href="https://dhs-fn.de/schulartenfinder.html"><img src="kunden/0000000413/edi...</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 > main > div:nth-child(2) > div > div > div > div > div:nth-child(4) > div > div:nth-child(2) > p:nth-child(1) > a

Kontext: <a href="https://dhs-fn.de/sie_wollen_erzieherin_werden_1.html"><img src="kunden/0000000413/edi...</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 > main > div:nth-child(2) > div > div > div > div > div:nth-child(5) > div > div:nth-child(2) > p > a

Kontext: <a href="kunden/0000000413/editor_media/Berufliche%20Bildung%20in%20BW%20-%202025.pdf"><img src="kunden/0000000413/edi...</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 > footer > div > div > div:nth-child(1) > div:nth-child(3) > div > div > a:nth-child(1)

Kontext: <a href="javascript:void(0);"><img src="kunden/0000000413/poo...</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 > footer > div > div > div:nth-child(1) > div:nth-child(3) > div > div > a:nth-child(4)

Kontext: <a href="fairtrade-schule.html"><img src="kunden/0000000413/poo...</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 > footer > div > div > div:nth-child(1) > div:nth-child(3) > div > div > a:nth-child(7)

Kontext: <a href="https://moodle.dhs.fn.schule-bw.de/moodle/blocks/exa2fa/login/" target="_blank"><img src="kunden/0000000413/poo...</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 > footer > div > div > div:nth-child(1) > div:nth-child(3) > div > div > a:nth-child(10)

Kontext: <a href="https://www.jugend-forscht.de" target="_blank"><img src="kunden/0000000413/poo...</a>

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

Selector: #scrollUp

Kontext: <a id="scrollUp" href="#top" style="display: none; position: fixed; z-index: 2147483647;"><i class="fas fa-angle-up"></i></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: html > body > main > section > div > div > button:nth-child(1)

Kontext: <button type="button" class="slick-prev slick-arrow" style="display: block;"><i class="far fa-long-arrow-lef...</button>

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: html > body > main > section > div > div > button:nth-child(3)

Kontext: <button type="button" class="slick-next slick-arrow" style="display: block;"><i class="far fa-long-arrow-rig...</button>

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: html > body > main > div:nth-child(4) > div > div:nth-child(2) > button:nth-child(1)

Kontext: <button type="button" class="slick-prev slick-arrow" style="display: block;"><i class="far fa-chevron-right"...</button>

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: html > body > main > div:nth-child(4) > div > div:nth-child(2) > button:nth-child(3)

Kontext: <button type="button" class="slick-next slick-arrow" style="display: block;"><i class="far fa-chevron-left">...</button>

Originalmeldung: The title element in the head section should be non-empty.

Selector: html > head > title

Kontext: <title></title>