h10hotels.com

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.48:1. Recommendation: change background to #957025.

Selector: #login_btn_open > span

Kontext: <span class="d-none d-md-inline">LOG IN</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 1:1. Recommendation: change text colour to #949494.

Selector: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(1) > div > div > p:nth-child(1) > p

Kontext: <p>Spring is the perfect season</p>

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: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(1) > div > div > p:nth-child(2)

Kontext: <p>Enjoy a complete getaway with t...</p>

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: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(1) > div > div > a

Kontext: <a tabindex="0" class="btn btn-outline-white" href="/en/find-your-hotel?pro=281" target="_self"> SEE HOTELS </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:1. Recommendation: change text colour to #949494.

Selector: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(2) > div > div > p:nth-child(1) > p

Kontext: <p>Salou and Cambrils: the essence...</p>

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: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(2) > div > div > p:nth-child(2)

Kontext: <p>Up to 25% off and a vermouth wi...</p>

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: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(2) > div > div > a

Kontext: <a tabindex="0" class="btn btn-outline-white" href="/en/find-your-hotel?pro=296" target="_self"> SEE HOTELS </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:1. Recommendation: change text colour to #949494.

Selector: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(3) > div > div > p:nth-child(1) > p

Kontext: <p>Booking Traveller Review Awards...</p>

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: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(3) > div > div > p:nth-child(2)

Kontext: <p>Discover our award-winning hote...</p>

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: html > body > app-root > div > ng-component > main > c-swiper-hero > swiper-container > swiper-slide:nth-child(3) > div > div > a

Kontext: <a tabindex="0" class="btn btn-outline-white" href="/en/find-your-hotel?pro=175" target="_self"> SEE HOTELS </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.48:1. Recommendation: change background to #957025.

Selector: html > body > app-root > div > ng-component > main > home-rewards > div > div > div > div:nth-child(2) > div > a

Kontext: <a class="btn btn-rewards mx-auto" href="/en/h10-rewards">DISCOVER H10 REWARDS</a>

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

Selector: html > body > app-root > div > ng-component > app-footer > app-brands > div > div > div > a:nth-child(2) > figure > img:nth-child(1)

Kontext: <img class="d-none d-xs-block" src="https://pro-static.h10hotels.com/templates/H10/src/logos/logo-horizons_pc.svg">

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

Selector: html > body > app-root > div > ng-component > app-footer > app-brands > div > div > div > a:nth-child(2) > figure > img:nth-child(2)

Kontext: <img class="d-xs-none" src="https://pro-static.h10hotels.com/templates/H10/src/logos/logo-horizons_mobile.svg">

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 > app-root > div > ng-component > header-h10 > header > div > div > div:nth-child(1) > div > a

Kontext: <a _ngcontent-ng-c3337549506="" class="header__brand-link" href="/en"><img _ngcontent-ng-c3337549506=...</a>

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

Selector: html > body > app-root > div > ng-component > app-footer > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > a

Kontext: <a _ngcontent-ng-c2915285710="" target="_blank" rel="nofollow" href="https://www.instagram.com/h10hotels/"><svg _ngcontent-ng-c2915285710=...</a>

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

Selector: html > body > app-root > div > ng-component > app-footer > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a

Kontext: <a _ngcontent-ng-c2915285710="" target="_blank" rel="nofollow" href="https://www.facebook.com/H10.Hotels"><svg _ngcontent-ng-c2915285710=...</a>

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

Selector: html > body > app-root > div > ng-component > app-footer > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > a

Kontext: <a _ngcontent-ng-c2915285710="" target="_blank" rel="nofollow" href="https://www.tiktok.com/@h10hotels"><svg _ngcontent-ng-c2915285710=...</a>

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

Selector: html > body > app-root > div > ng-component > app-footer > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > a

Kontext: <a _ngcontent-ng-c2915285710="" target="_blank" rel="nofollow" href="https://www.youtube.com/user/h10hotels"><svg _ngcontent-ng-c2915285710=...</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 > app-root > div > ng-component > app-footer > footer > div > div:nth-child(1) > div:nth-child(4) > div > a:nth-child(1)

Kontext: <a _ngcontent-ng-c2915285710="" href="https://apps.apple.com/es/app/h10-hotels/id1453980495"><img _ngcontent-ng-c2915285710=...</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 > app-root > div > ng-component > app-footer > footer > div > div:nth-child(1) > div:nth-child(4) > div > a:nth-child(2)

Kontext: <a _ngcontent-ng-c2915285710="" href="https://play.google.com/store/apps/details?id=mobail.h10hotels.concierge&amp;hl=es&amp;pli=1"><img _ngcontent-ng-c2915285710=...</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: #myDropdown > div > div:nth-child(2) > div > form > div:nth-child(1) > div > div:nth-child(3) > input

Kontext: <input formcontrolname="bookingNumber" type="text" data-qm-encrypt="true" data-tag-id="mres_sfo_in_bcode" class="form-control ng-untouched ng-pristine ng-invalid" placeholder="C...

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: #myDropdown > div > div:nth-child(2) > div > form > div:nth-child(1) > div > div:nth-child(3) > input

Kontext: <input formcontrolname="bookingNumber" type="text" data-qm-encrypt="true" data-tag-id="mres_sfo_in_bcode" class="form-control ng-untouched ng-pristine ng-invalid" placeholder="C...

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: #myDropdown > div > div:nth-child(2) > div > form > div:nth-child(2) > div:nth-child(1) > app-date-mask-input > input

Kontext: <input type="text" inputmode="numeric" placeholder="dd/mm/yyyy" data-qm-encrypt="true" class="input form-control ng-untouched ng-pristine ng-valid">

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: #myDropdown > div > div:nth-child(2) > div > form > div:nth-child(2) > div:nth-child(1) > app-date-mask-input > input

Kontext: <input type="text" inputmode="numeric" placeholder="dd/mm/yyyy" data-qm-encrypt="true" class="input form-control ng-untouched ng-pristine ng-valid">

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: #myDropdown > div > div:nth-child(2) > div > form > div:nth-child(2) > div:nth-child(2) > app-date-mask-input > input

Kontext: <input type="text" inputmode="numeric" placeholder="dd/mm/yyyy" data-qm-encrypt="true" class="input form-control ng-untouched ng-pristine ng-valid">

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: #myDropdown > div > div:nth-child(2) > div > form > div:nth-child(2) > div:nth-child(2) > app-date-mask-input > input

Kontext: <input type="text" inputmode="numeric" placeholder="dd/mm/yyyy" data-qm-encrypt="true" class="input form-control ng-untouched ng-pristine ng-valid">

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

Selector: #myDropdown > div > div:nth-child(2) > div > form > div:nth-child(3) > input

Kontext: <input formcontrolname="email" type="email" data-qm-encrypt="true" data-tag-id="mres_sfo_in_mail" class="form-control ng-untouched ng-pristine ng-invalid" placeholder="Write you...

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: #myDropdown > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div > ng-select > div > div > div:nth-child(2) > input

Kontext: <input aria-autocomplete="list" role="combobox" type="text" autocorrect="off" autocapitalize="off" autocomplete="af8ff23c252f" readonly="" aria-expanded="false">

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: #myDropdown > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div > ng-select > div > div > div:nth-child(2) > input

Kontext: <input aria-autocomplete="list" role="combobox" type="text" autocorrect="off" autocapitalize="off" autocomplete="af8ff23c252f" readonly="" aria-expanded="false">

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: html > body > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > input

Kontext: <input type="text" hoteldestinofilter="" role="button" ngbdropdowntoggle="" class="dropdown-toggle form-control ng-untouched ng-pristine ng-valid" placeholder="Choose a hotel or...

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 > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > input

Kontext: <input type="text" hoteldestinofilter="" role="button" ngbdropdowntoggle="" class="dropdown-toggle form-control ng-untouched ng-pristine ng-valid" placeholder="Choose a hotel or...

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #innerInput

Kontext: <input id="innerInput" type="text" role="button" data-tag-id="book_sfo_in_dest" class="form-control ng-untouched ng-pristine ng-valid" placeholder="Choose a hotel or destination">

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

Kontext: <input id="innerInput" type="text" role="button" data-tag-id="book_sfo_in_dest" class="form-control ng-untouched ng-pristine ng-valid" placeholder="Choose a hotel or destination">

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 > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(3) > button

Kontext: <button type="button" class="d-none d-md-flex btn btn-close"></button>

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: html > body > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > input

Kontext: <input type="text" required="" role="button" ngbdropdowntoggle="" readonly="" class="dropdown-toggle form-control" placeholder="Date of arrival-departure" aria-expanded="false">

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 > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > input

Kontext: <input type="text" required="" role="button" ngbdropdowntoggle="" readonly="" class="dropdown-toggle form-control" placeholder="Date of arrival-departure" aria-expanded="false">

Originalmeldung: This element has role of "button" but does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: html > body > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(1) > input

Kontext: <input type="text" habitacionfilter="" required="" role="button" ngbdropdowntoggle="" class="dropdown-toggle form-control" placeholder="1 Room, 2 people" aria-expanded="false" 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: html > body > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(1) > input

Kontext: <input type="text" habitacionfilter="" required="" role="button" ngbdropdowntoggle="" class="dropdown-toggle form-control" placeholder="1 Room, 2 people" aria-expanded="false" 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: html > body > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(4) > input

Kontext: <input type="text" maxlength="20" codigopromocionalfiler="" class="form-control ng-untouched ng-pristine ng-valid" placeholder="Promotional code">

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 > app-root > div > ng-component > main > c-search > div > form > div:nth-child(2) > div > div:nth-child(4) > input

Kontext: <input type="text" maxlength="20" codigopromocionalfiler="" class="form-control ng-untouched ng-pristine ng-valid" placeholder="Promotional code">

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

Selector: #ot-pc-content > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(2)

Kontext: <li class="ot-cat-item ot-always-active-group ot-vs-config" role="presentation" data-optanongroupid="C0001"><div class="category-menu-switc...</li>

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

Selector: #ot-pc-content > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(3)

Kontext: <li class="ot-cat-item ot-vs-config" role="presentation" data-optanongroupid="C0002"><div class="category-menu-switc...</li>

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

Selector: #ot-pc-content > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(4)

Kontext: <li class="ot-cat-item ot-vs-config" role="presentation" data-optanongroupid="C0003"><div class="category-menu-switc...</li>

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

Selector: #ot-pc-content > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(5)

Kontext: <li class="ot-cat-item ot-vs-config" role="presentation" data-optanongroupid="C0004"><div class="category-menu-switc...</li>

Originalmeldung: Duplicate id attribute value "icon-gift" found on the web page.

Selector: #icon-gift

Kontext: <symbol id="icon-gift" viewBox="0 0 24 24" fill="none"> <path d="M3.625 16.825V1...</symbol>

Originalmeldung: Duplicate id attribute value "icon-commitment" found on the web page.

Selector: #icon-commitment

Kontext: <symbol id="icon-commitment" viewBox="0 0 48 48" fill="none"> <path d="M31.9 24.45C28....</symbol>

Originalmeldung: Duplicate id attribute value "icon-chevron-left" found on the web page.

Selector: #icon-chevron-left

Kontext: <symbol id="icon-chevron-left" viewBox="0 0 9 16.1"> <path d="M8,16L0,8,8,0l1...</symbol>

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

Selector: #challenge

Kontext: <iframe id="challenge" src="/api/bot_management_challenge_trigger" style="position: absolute; left: -1px; top: -1px; width: 1px; height: 1px; border: none; display: none;"></ifr...

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

Selector: #ot-pc-content > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(1)

Kontext: <li class="ot-abt-tab" role="presentation"><!-- About Privacy container --...</li>