hg-hh.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: #navbar > div:nth-child(1) > div > nav > div:nth-child(2) > ul > li:nth-child(1) > a

Kontext: <a href="https://hg-hh.de/schule" role="button" aria-haspopup="true">Schule <span uk-nav...</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 1:1. Recommendation: change text colour to #767676.

Selector: #navbar > div:nth-child(1) > div > nav > div:nth-child(2) > ul > li:nth-child(2) > a

Kontext: <a href="https://hg-hh.de/unterricht" role="button" aria-haspopup="true">Unterricht <span uk...</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 1:1. Recommendation: change text colour to #767676.

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

Kontext: <a href="https://hg-hh.de/profil" role="button" aria-haspopup="true">Profil <span uk-nav...</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 1:1. Recommendation: change text colour to #767676.

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

Kontext: <a href="https://hg-hh.de/hgh">HGH+ </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 1:1. Recommendation: change text colour to #767676.

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

Kontext: <a href="https://hg-hh.de/service" role="button" aria-haspopup="true">Service <span uk-na...</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 1:1. Recommendation: change text colour to #767676.

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

Kontext: <a href="https://hg-hh.de/blog">Blog </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.31:1. Recommendation: change text colour to #717171.

Selector: #b0c1d351-2f93-4211-b6c7-6b6b3f0ece20 > div > div > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(1) > a > div > div:nth-child(1)

Kontext: <div class="uk-text-meta"> 08...</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 3.31:1. Recommendation: change text colour to #717171.

Selector: #b0c1d351-2f93-4211-b6c7-6b6b3f0ece20 > div > div > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(2) > a > div > div:nth-child(1)

Kontext: <div class="uk-text-meta"> 13...</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 3.31:1. Recommendation: change text colour to #717171.

Selector: #b0c1d351-2f93-4211-b6c7-6b6b3f0ece20 > div > div > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(3) > a > div > div:nth-child(1)

Kontext: <div class="uk-text-meta"> 14...</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 3.31:1. Recommendation: change text colour to #717171.

Selector: #b0c1d351-2f93-4211-b6c7-6b6b3f0ece20 > div > div > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(4) > a > div > div:nth-child(1)

Kontext: <div class="uk-text-meta"> 14...</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 3.31:1. Recommendation: change text colour to #717171.

Selector: #b0c1d351-2f93-4211-b6c7-6b6b3f0ece20 > div > div > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(5) > a > div > div:nth-child(1)

Kontext: <div class="uk-text-meta"> 16...</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 3.31:1. Recommendation: change text colour to #717171.

Selector: #b0c1d351-2f93-4211-b6c7-6b6b3f0ece20 > div > div > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(6) > a > div > div:nth-child(1)

Kontext: <div class="uk-text-meta"> 17...</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 3.31:1. Recommendation: change text colour to #717171.

Selector: #b0c1d351-2f93-4211-b6c7-6b6b3f0ece20 > div > div > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(7) > a > div > div:nth-child(1)

Kontext: <div class="uk-text-meta"> 20...</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 3.31:1. Recommendation: change text colour to #717171.

Selector: #b0c1d351-2f93-4211-b6c7-6b6b3f0ece20 > div > div > div:nth-child(1) > div:nth-child(4) > ul > li:nth-child(8) > a > div > div:nth-child(1)

Kontext: <div class="uk-text-meta"> 20...</div>

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: #03

Kontext: <h2 id="03" class=" uk-heading-medium"> 03</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 1:1. Recommendation: change text colour to #949494.

Selector: #berufsorientierung

Kontext: <h3 id="berufsorientierung"> Berufsorientierung</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 1:1. Recommendation: change text colour to #949494.

Selector: #school-spirit

Kontext: <h2 id="school-spirit" class=" uk-heading-small"> SCHOOL SPIRIT</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 1:1. Recommendation: change text colour to #949494.

Selector: #7dc10df7-e566-40c3-9f42-f1393ae035cd > div:nth-child(3) > div > div:nth-child(1) > div > h3

Kontext: <h3>Coole Trinkflaschen und mit dem...</h3>

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: #modal-full > div > form

Kontext: <form class="uk-search uk-search-large" method="post" action="https://hg-hh.de/search"> <input class="uk-s...</form>

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

Selector: #d9af3472-bcd0-48bc-b3f5-563f3566074e > div > div > div:nth-child(2) > div > p > a:nth-child(2)

Kontext: <a href="http://www.hvv.de/fp.php?id=d2094c7b1a1b6f62d4b565e8b68a1d29" target="_blank"> </a>

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

Selector: #modal-full > div > form > input

Kontext: <input class="uk-search-input uk-text-center" name="q" type="search" placeholder="suchen..." autofocus="">

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 > button

Kontext: <button class="tm-totop-button uk-button "><span class="uk-margin-small-ri...</button>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(1)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(2)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(3)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(4)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(5)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(6)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(7)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(8)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(9)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-4 > li:nth-child(10)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-6 > li:nth-child(1)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-6 > li:nth-child(2)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-6 > li:nth-child(3)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-6 > li:nth-child(4)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-6 > li:nth-child(5)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-8 > li:nth-child(1)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-8 > li:nth-child(2)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-8 > li:nth-child(3)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-8 > li:nth-child(4)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-8 > li:nth-child(5)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-10 > li:nth-child(1)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-10 > li:nth-child(2)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-10 > li:nth-child(3)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-10 > li:nth-child(4)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-10 > li:nth-child(5)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-nav-10 > li:nth-child(6)

Kontext: <li class="" role="presentation"> <a href="https:/...</li>

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: #7dc10df7-e566-40c3-9f42-f1393ae035cd > iframe

Kontext: <iframe src="https://www.youtube-nocookie.com/embed/cf7f0pyaO10?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=cf7f0pyaO10&amp;controls=0&amp;disablekb=1&amp;fs=0&amp;iv_load_pol...

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-slideshow-1

Kontext: <ul class="uk-slideshow-items" uk-height-viewport="" aria-live="off" role="presentation" id="uk-slideshow-1" style="width: 100%; min-height: max(0px, 100vh);"> <li role="group" ...

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #uk-slider-2

Kontext: <ul class="uk-slider-items uk-grid uk-flex-middle" aria-live="off" role="presentation" id="uk-slider-2"> <li class=...</ul>