diejugendherbergen.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.98:1. Recommendation: change text colour to #007eb2.

Selector: #nav > ul > li:nth-child(1) > a > span

Kontext: <span>Jugendherbergen</span>

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.98:1. Recommendation: change text colour to #009edf.

Selector: #nav > ul > li:nth-child(2) > a > span

Kontext: <span>Familienurlaub</span>

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.98:1. Recommendation: change text colour to #009edf.

Selector: #nav > ul > li:nth-child(3) > a > span

Kontext: <span>Klassenfahrten</span>

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.98:1. Recommendation: change text colour to #009edf.

Selector: #nav > ul > li:nth-child(4) > a > span

Kontext: <span>Gruppen</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.98:1. Recommendation: change text colour to #007eb2.

Selector: #nav > ul > li:nth-child(5) > a > span

Kontext: <span>Verpflegung</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.98:1. Recommendation: change text colour to #007eb2.

Selector: #nav > ul > li:nth-child(6) > a > span

Kontext: <span>Bistro</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.98:1. Recommendation: change text colour to #007eb2.

Selector: #nav > ul > li:nth-child(7) > a > span

Kontext: <span>Preise·Infos</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 background to #0078a9.

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

Kontext: <a href="#" rel="area-familien" class="bookingNav area-familien current">Familien</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.92:1. Recommendation: change background to #bc4f00.

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

Kontext: <a href="#" rel="area-klassen" class="bookingNav area-klassen ">Klassen</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.92:1. Recommendation: change background to #bc4f00.

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

Kontext: <a href="#" rel="area-gruppen" class="bookingNav area-gruppen ">Gruppen</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.92:1. Recommendation: change background to #bc4f00.

Selector: #booking_form > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > span

Kontext: <span class="label">Jugendherbergen</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.92:1. Recommendation: change background to #bc4f00.

Selector: #booking_form > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > span

Kontext: <span class="label">Aufenthalt / Programme</span>

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.34:1. Recommendation: change background to #009ee1.

Selector: #booking_formSubmit

Kontext: <a type="submit" id="booking_formSubmit" class="button-secondary row" name="booking_familien_submit"><span class="text30">»<br></spa...</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.34:1. Recommendation: change background to #009ee1.

Selector: #booking_formSubmit > span:nth-child(1)

Kontext: <span class="text30">»<br></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.57:1. Recommendation: change text colour to #0073a3.

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

Kontext: <a href="https://buchung.diejugendherbergen.de/SIHOTWeb/index.htm?LN=de&amp;NOFRAMES=Y&amp;MC=TA" class="teaserbild-text2">Freie Plätze und buchen</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.57:1. Recommendation: change background to #fff.

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

Kontext: <a class="teaserbild-text2-fett" href="https://buchung.diejugendherbergen.de/SIHOTWeb/index.htm?LN=de&amp;NOFRAMES=Y&amp;MC=TA"> Gruppen-Buchung <span class="o...</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.74:1. Recommendation: change background to #f8f8f8.

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

Kontext: <span class="orange">»</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.57:1. Recommendation: change text colour to #0073a3.

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

Kontext: <a href="https://buchung.diejugendherbergen.de/SIHOTWeb/index.htm?LN=de&amp;NOFRAMES=Y&amp;MC=GS" class="teaserbild-text2">Freie Plätze und buchen</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.57:1. Recommendation: change background to #fff.

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

Kontext: <a class="teaserbild-text2-fett" href="https://buchung.diejugendherbergen.de/SIHOTWeb/index.htm?LN=de&amp;NOFRAMES=Y&amp;MC=GS">Klassenfahrt-Buchung <span clas...</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.74:1. Recommendation: change background to #f8f8f8.

Selector: #content > div:nth-child(3) > div:nth-child(2) > div:nth-child(3) > a:nth-child(3) > span

Kontext: <span class="orange">»</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.57:1. Recommendation: change text colour to #0073a3.

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

Kontext: <a href="https://buchung.diejugendherbergen.de/SIHOTWeb/index.htm?LN=de&amp;NOFRAMES=Y&amp;MC=FA" class="teaserbild-text2">Freie Plätze und buchen</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.57:1. Recommendation: change background to #fff.

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

Kontext: <a class="teaserbild-text2-fett" href="https://buchung.diejugendherbergen.de/SIHOTWeb/index.htm?LN=de&amp;NOFRAMES=Y&amp;MC=FA"> Familien-Buchung <span class="...</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.74:1. Recommendation: change background to #f8f8f8.

Selector: #content > div:nth-child(3) > div:nth-child(3) > div:nth-child(3) > a:nth-child(3) > span

Kontext: <span class="orange">»</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.76:1. Recommendation: change text colour to #0078ab.

Selector: #na_st_submit

Kontext: <a href="#" id="na_st_submit" class="x---newsbutton19 na_submit_cta na22_submit_cta d-block text-decoration-none linkgrafikorange blau" onclick="if (ga) ga('send', 'event', 'new...

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.01:1. Recommendation: change background to #007eb3.

Selector: html > body > div:nth-child(19) > div > div > div:nth-child(2) > button:nth-child(2)

Kontext: <button class="accept-button">Alle auswählen &amp; zustimmen</button>

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

Kontext: <form id="newsletter_form_st" class="newsletter_form crm_form"> <inpu...</form>

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

Kontext: <form id="booking_form" method="GET" action="/booking-familie.html?direktLink=1" data-area="familien"> <input type="hidde...</form>

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: #responsive > main > footer > div > div:nth-child(3) > div > a

Kontext: <a href="https://www.diejugendherbergen.de/jugendherbergen/#content"> <img class="img-fl...</a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-cancel"></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

Selector: #lightbox > div:nth-child(2) > div > div:nth-child(2) > a

Kontext: <a class="lb-close"></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_term

Kontext: <input type="text" id="search_term" placeholder="Suchbegriff eingeben" name="search_term">

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_term

Kontext: <input type="text" id="search_term" placeholder="Suchbegriff eingeben" name="search_term">

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

Selector: #booking_jh

Kontext: <select name="jh" id="booking_jh" class="booking_jh" placeholder="Jugendherbergen" tabindex="0"> <option va...</select>

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

Kontext: <select name="jh" id="booking_jh" class="booking_jh" placeholder="Jugendherbergen" tabindex="0"> <option va...</select>

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: #booking_form > div:nth-child(2) > div:nth-child(2) > input

Kontext: <input class="selectric-input" tabindex="0">

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: #booking_form > div:nth-child(2) > div:nth-child(2) > input

Kontext: <input class="selectric-input" tabindex="0">

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

Selector: #booking_pt

Kontext: <select name="fpt[]" id="booking_pt" class="single-line booking_type" placeholder="Aufenthalt / Programme" tabindex="0"> <option value="auf...</select>

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

Kontext: <select name="fpt[]" id="booking_pt" class="single-line booking_type" placeholder="Aufenthalt / Programme" tabindex="0"> <option value="auf...</select>

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: #booking_form > div:nth-child(4) > div:nth-child(1) > input

Kontext: <input class="selectric-input" tabindex="0">

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: #booking_form > div:nth-child(4) > div:nth-child(1) > input

Kontext: <input class="selectric-input" tabindex="0">

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

Kontext: <input type="text" name="booking_anreise" data-date="07.04.2026" class="bookingDate form-control hasDatepicker" id="booking_anreise" value="07.04.2026" maxlength="10" data-befor...

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

Kontext: <input type="text" name="booking_anreise" data-date="07.04.2026" class="bookingDate form-control hasDatepicker" id="booking_anreise" value="07.04.2026" maxlength="10" data-befor...

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

Kontext: <input type="text" name="booking_abreise" data-date="08.04.2026" class="bookingDate form-control hasDatepicker" id="booking_abreise" value="08.04.2026" maxlength="10" data-after...

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

Kontext: <input type="text" name="booking_abreise" data-date="08.04.2026" class="bookingDate form-control hasDatepicker" id="booking_abreise" value="08.04.2026" maxlength="10" data-after...

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

Kontext: <input type="text" placeholder="E-Mail" name="email" id="na_st_email" class="x---formgr_input na_email x---newsform19-emailin">

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

Kontext: <input type="text" placeholder="E-Mail" name="email" id="na_st_email" class="x---formgr_input na_email x---newsform19-emailin">

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

Selector: #na_st_anrede

Kontext: <select name="anrede" id="na_st_anrede" class="x---formgr_select x---newsform19-anredein"> ...</select>

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

Kontext: <select name="anrede" id="na_st_anrede" class="x---formgr_select x---newsform19-anredein"> ...</select>

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

Kontext: <input type="text" placeholder="Vorname" name="vorname" id="na_st_vorname" class="x---formgr_input x---newsform19-vornamein">

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

Kontext: <input type="text" placeholder="Vorname" name="vorname" id="na_st_vorname" class="x---formgr_input x---newsform19-vornamein">

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

Kontext: <input type="text" placeholder="Name" name="name" id="na_st_name" class="x---formgr_input x---newsform19-namein">

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

Kontext: <input type="text" placeholder="Name" name="name" id="na_st_name" class="x---formgr_input x---newsform19-namein">

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

Selector: #ui-datepicker-div > div:nth-child(1) > div > select

Kontext: <select class="ui-datepicker-month-year" data-handler="selectMonth" data-event="change"><option value="3-2026" selected...</select>

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: #ui-datepicker-div > div:nth-child(1) > div > select

Kontext: <select class="ui-datepicker-month-year" data-handler="selectMonth" data-event="change"><option value="3-2026" selected...</select>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-prev" aria-label="Previous image" href=""></a>

Originalmeldung: Anchor element found with no link content and no name and/or ID attribute.

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

Kontext: <a class="lb-next" aria-label="Next image" href=""></a>