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

Selector: #container text-lg > div:nth-child(6) > div > div > section:nth-child(2) > div > a

Kontext: <a style="color:#f04123 !important" href="https://www.jungewelt.de/aktion/">Alles, was für aktive Leserinne...</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.86:1. Recommendation: change text colour to #050300.

Selector: #container text-lg > div:nth-child(8) > div > div:nth-child(1) > a > span

Kontext: <span style="color:#f59c00">»Naher Osten«</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 4.32:1. Recommendation: change background to #faf1e2.

Selector: #container text-lg > div:nth-child(8) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="kicker text-rot-jw uppercase tracking-wider">Beilage Nahost</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 4.32:1. Recommendation: change background to #faf1e2.

Selector: #container text-lg > div:nth-child(8) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="kicker text-rot-jw uppercase tracking-wider">Beilage Nahost</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 4.32:1. Recommendation: change background to #faf1e2.

Selector: #container text-lg > div:nth-child(8) > div > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="kicker text-rot-jw uppercase tracking-wider">Beilage Nahost</div>

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

Kontext: <form id="search-form" action="/suche/" method="get" class="p-2"> <input type="text" id="...</form>

Originalmeldung: This link points to a named anchor "container" within the document, but no anchor exists with that name.

Selector: html > body > div > a

Kontext: <a href="#container">Zum Inhalt der Seite</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: #container text-lg > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(1) > div > div:nth-child(1) > div > a

Kontext: <a href="/aktuell/pdf/index.php" title="Zu den Downloads"><img src="/blobs/f/1/d719d2.jpg...</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: #container text-lg > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1) > a

Kontext: <a href="/abo/newsletter" title="Newsletter bestellen"> <img src="/images/homepag...</a>

Originalmeldung: This link points to a named anchor "/loginFailed.php" within the document, but no anchor exists with that name.

Selector: #login_link

Kontext: <a id="login_link" href="#/loginFailed.php" aria-label="Anmelden"><i class="fas fa-user fa-fw"></...</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-input

Kontext: <input type="text" id="search-input" placeholder="Suche..." autocomplete="off">

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

Kontext: <input type="text" id="search-input" placeholder="Suche..." autocomplete="off">