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

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

Kontext: <span style="font-size: 10pt;"><img src="/images/pikt-telefon....</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.85:1. Recommendation: change text colour to #767676.

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

Kontext: <a href="mailto:sekretariat@ess.karlsruhe.de">sekretariat@ess.karlsruhe.de</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.26:1. Recommendation: change background to #fcfcfc.

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

Kontext: <a href="/index.php">Start</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.37:1. Recommendation: change text colour to #737373.

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

Kontext: <a href="#">Unsere Schule</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.37:1. Recommendation: change text colour to #737373.

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

Kontext: <a href="#">Bildungsangebot</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.37:1. Recommendation: change text colour to #737373.

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

Kontext: <a href="#">Service</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.37:1. Recommendation: change text colour to #737373.

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

Kontext: <a href="#">Kontakt</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.37:1. Recommendation: change text colour to #737373.

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

Kontext: <a href="#">Über uns</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.5:1. Recommendation: change text colour to #000.

Selector: html > body > div > div:nth-child(7) > div > div > main > div:nth-child(4) > div > article > p:nth-child(2) > strong > span:nth-child(1) > span

Kontext: <span style="background-color: #00ffff; color: #ff00ff;">D</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.91:1. Recommendation: change text colour to #c50000.

Selector: html > body > div > div:nth-child(7) > div > div > main > div:nth-child(4) > div > article > p:nth-child(2) > strong > span:nth-child(4) > span

Kontext: <span style="background-color: #00ff00; color: #ff0000;">F</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.94:1. Recommendation: change text colour to #c95000.

Selector: html > body > div > div:nth-child(7) > div > div > main > div:nth-child(4) > div > article > p:nth-child(2) > strong > span:nth-child(7)

Kontext: <span style="color: #ff6600;">L</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.88:1. Recommendation: change text colour to #000.

Selector: html > body > div > div:nth-child(7) > div > div > main > div:nth-child(4) > div > article > p:nth-child(2) > strong > span:nth-child(8)

Kontext: <span style="color: #ff00ff; background-color: #ccffff;">M&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.68:1. Recommendation: change text colour to #727272.

Selector: html > body > div > div:nth-child(8) > div > table > tbody > tr > td:nth-child(2) > p:nth-child(2) > a

Kontext: <a href="mailto:sekretariat@ess.karlsruhe.de">sekretariat@ess.karlsruhe.de</a>

Originalmeldung: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

Selector: #search-89-69d59aaeeb206

Kontext: <form id="search-89-69d59aaeeb206" class="uk-search" action="/index.php" method="post" data-uk-search="{'source': '/index.php/component/search/?tmpl=raw&amp;type=json&amp;orderi...

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

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

Kontext: <a class="tm-logo" href="https://ess-karlsruhe.de"></a>

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

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

Kontext: <a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>

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

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

Kontext: <a href="#offcanvas" class="uk-navbar-toggle" data-uk-offcanvas=""></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: #top-a > section > div > div > div > ul > li:nth-child(2) > div:nth-child(1) > a

Kontext: <a href="https://ess.karlsruhe.de/index.php/bildungsangebot/berufliches-gymnasium-bg"><img src="/images/Titelbild2018...</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: #top-a > section > div > div > div > ul > li:nth-child(3) > div:nth-child(1) > a

Kontext: <a href="https://ess.karlsruhe.de/index.php/bildungsangebot/berufskollegs-bk-hausw-pfl-soz"><img src="/images/Titelbild2018...</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: #top-a > section > div > div > div > ul > li:nth-child(4) > div:nth-child(1) > a

Kontext: <a href="https://ess.karlsruhe.de/index.php/bildungsangebot/berufsfachschule-bf-hausw-pfl-altenpfl-kinderpfl"><img src="/images/Titelbild2018...</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: #top-a > section > div > div > div > ul > li:nth-child(5) > div:nth-child(1) > a

Kontext: <a href="https://ess.karlsruhe.de/index.php/bildungsangebot/berufsschule-bs-sonderberufsschule-sbs"><img src="/images/Titelbild2018...</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: #top-a > section > div > div > div > ul > li:nth-child(6) > div:nth-child(1) > a

Kontext: <a href="https://ess.karlsruhe.de/index.php/bildungsangebot/vorqualifizierung-vab"><img src="/images/Titelbild2018...</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: #top-b > section > div > div > div > ul > li:nth-child(1) > div > div:nth-child(1) > a

Kontext: <a href="/images/Schularten/formeltafel.jpg" data-uk-lightbox="" title=""><img src="/images/Schularten/fo...</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: #top-b > section > div > div > div > ul > li:nth-child(2) > div > div:nth-child(1) > a

Kontext: <a href="/images/Schularten/kantine.jpg" data-uk-lightbox="" title=""><img src="/images/Schularten/ka...</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: #top-b > section > div > div > div > ul > li:nth-child(3) > div > div:nth-child(1) > a

Kontext: <a href="/images/Schularten/gruppenarbeit.jpg" data-uk-lightbox="" title=""><img src="/images/Schularten/gr...</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: #top-b > section > div > div > div > ul > li:nth-child(4) > div > div:nth-child(1) > a

Kontext: <a href="/images/Schularten/blutdruckmessung.jpg" data-uk-lightbox="" title=""><img src="/images/Schularten/bl...</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: #top-b > section > div > div > div > ul > li:nth-child(5) > div > div:nth-child(1) > a

Kontext: <a href="/images/Schularten/grosskueche.jpg" data-uk-lightbox="" title=""><img src="/images/Schularten/gr...</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 > div:nth-child(7) > div > aside > div > p:nth-child(3) > a:nth-child(1)

Kontext: <a title="https://ess-karlsruhe.webuntis.com/WebUntis/?school=ess-karlsruhe#/basic/login" href="https://ess-karlsruhe.webuntis.com/WebUntis/?school=ess-karlsruhe#/basic/login" t...

Originalmeldung: Img element inside a link has empty or missing alt text when a link beside it contains link text. Consider combining the links.

Selector: html > body > div > div:nth-child(7) > div > aside > div > p:nth-child(3) > a:nth-child(1) > img

Kontext: <img src="/images/WebUntis.png" alt="" width="39" height="39">

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

Kontext: <a href="/index.php/service/download-bereich"><img src="/images/pikt-download...</a>

Originalmeldung: Img element inside a link has empty or missing alt text when a link beside it contains link text. Consider combining the links.

Selector: html > body > div > div:nth-child(7) > div > aside > div > p:nth-child(7) > a:nth-child(1) > img

Kontext: <img src="/images/pikt-download.png" alt="" width="24" height="26">

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

Selector: html > body > div > a

Kontext: <a class="tm-totop-scroller" data-uk-smooth-scroll="" href="#"></a>

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: #search-89-69d59aaeeb206 > input:nth-child(1)

Kontext: <input class="uk-search-field" type="text" name="searchword" placeholder="suchen...">

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: #search-89-69d59aaeeb206 > input:nth-child(1)

Kontext: <input class="uk-search-field" type="text" name="searchword" placeholder="suchen...">