the.niu.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 4.31:1. Recommendation: change background to #90704c.

Selector: #coming-soon_4734 > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="btn js-coming-soon white active" data-year="2026">2026</button>

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

Selector: html > body > div:nth-child(4) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > img

Kontext: <img src="/layout/images/specialintro-background.svg">

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

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

Kontext: <a href="mailto:info@the.niu.de" rel="nofollow"> </a>

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

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

Kontext: <a href="mailto:info@the.niu.de" rel="nofollow"><br></a>

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

Selector: html > body > div:nth-child(4) > footer > div:nth-child(3) > div > div > a:nth-child(1)

Kontext: <a href="https://www.instagram.com/the_niu_hotels/" target="_blank" rel="nofollow" class="instagram"></a>

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

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

Kontext: <a href="https://www.facebook.com/the.niu.hotels/" target="_blank" rel="nofollow" class="facebook"></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 > div:nth-child(4) > header > div:nth-child(2) > button

Kontext: <button class="ihg_hamburger js-ihg-open-mobile-nav"> <span></span> <span></sp...</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 > div:nth-child(4) > header > div:nth-child(2) > div > div > div > button

Kontext: <button class="close-hotelsmenu"></button>

Originalmeldung: Duplicate id attribute value "ihg_langnav_hidden" found on the web page.

Selector: #ihg_langnav_hidden

Kontext: <div class="ihg_langnav_hidden" id="ihg_langnav_hidden" hidden=""> <nav aria-label="Sprachen...</div>

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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(3) > div > div:nth-child(1) > select

Kontext: <select class="js-hotel-select js-bookingpanel-city" name="home_booking_city" tabindex="-1"> <option value="0" sel...</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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(3) > div > div:nth-child(1) > select

Kontext: <select class="js-hotel-select js-bookingpanel-city" name="home_booking_city" tabindex="-1"> <option value="0" sel...</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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(3) > div > 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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(3) > div > 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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(4) > select

Kontext: <select class="js-hidden-hotels hidden-hotels" name="hidden_hotels"> <option value="-1" da...</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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(4) > select

Kontext: <select class="js-hidden-hotels hidden-hotels" name="hidden_hotels"> <option value="-1" da...</select>

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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(4) > div > div:nth-child(1) > select

Kontext: <select class="js-hotel-select js-bookingpanel-hotel" name="home_booking_hotels" tabindex="-1"><option value="-1" data-city="-...</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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(4) > div > div:nth-child(1) > select

Kontext: <select class="js-hotel-select js-bookingpanel-hotel" name="home_booking_hotels" tabindex="-1"><option value="-1" data-city="-...</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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(4) > div > 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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(4) > div > 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: #pickadate_from

Kontext: <input type="text" readonly="" name="pickadate_from" class="datepicker picker__input" id="pickadate_from" placeholder="Ankunft" aria-haspopup="true" aria-expanded="false" aria-r...

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

Kontext: <input type="text" readonly="" name="pickadate_from" class="datepicker picker__input" id="pickadate_from" placeholder="Ankunft" aria-haspopup="true" aria-expanded="false" aria-r...

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

Kontext: <input type="text" readonly="" name="pickadate_to" class="datepicker picker__input" id="pickadate_to" placeholder="Abreise" aria-haspopup="true" aria-expanded="false" aria-reado...

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

Kontext: <input type="text" readonly="" name="pickadate_to" class="datepicker picker__input" id="pickadate_to" placeholder="Abreise" aria-haspopup="true" aria-expanded="false" aria-reado...

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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(7) > input

Kontext: <input type="text" name="people" class="js-people-input" value="1">

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: html > body > div:nth-child(4) > div:nth-child(3) > div:nth-child(3) > form > div:nth-child(7) > input

Kontext: <input type="text" name="people" class="js-people-input" value="1">

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: #coming-soon_4734 > div:nth-child(1) > h2

Kontext: <h2></h2>