Issues:
28 Errors 8 Probable Errors 11 Warnings
DOCTYPE:
HTML5
Summary report > Page report
28 Errors
- 18 WCAG2 A
- 8 E956 - SC 4.1.2: The value of the 'role' attribute is not valid for this element. Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
2 The value of the 'role' attribute is not valid for this element <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_mail.svg"/> 2 The value of the 'role' attribute is not valid for this element <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_facetime.svg"/> 2 The value of the 'role' attribute is not valid for this element <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_shop.svg"/> 38 The value of the 'role' attribute is not valid for this element <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_instagram.svg"/> 38 The value of the 'role' attribute is not valid for this element <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_facebook.svg"/> 38 The value of the 'role' attribute is not valid for this element <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_linkedin.svg"/> 38 The value of the 'role' attribute is not valid for this element <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_x-twitter.svg"/> 38 The value of the 'role' attribute is not valid for this element <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/04/lh_youtube.svg"/> - 1 E8661 - SC 1.1.1/1.3.1/3.3.2/4.1.2: User interface controls without a label should have an accessible name. Use the 'aria-label', 'aria-labelledby', or where appropriate 'value', attributes to label controls when the visual design cannot accommodate the label (for example, if there is no text on the screen that can be identified as a label) or where it might be confusing or not possible to use a label. User agents, including assisting technology, can use these attributes. See WCAG2 Failure F68.
2 User interface controls without a label should have an accessible name <button class="SearchInput_button__XVGZK"> - 8 E9542 - SC 4.1.2: Interactive elements are not allowed here. When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
2 Interactive elements are not allowed here <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_mail.svg"/> 2 Interactive elements are not allowed here <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_facetime.svg"/> 2 Interactive elements are not allowed here <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_shop.svg"/> 38 Interactive elements are not allowed here <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_instagram.svg"/> 38 Interactive elements are not allowed here <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_facebook.svg"/> 38 Interactive elements are not allowed here <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_linkedin.svg"/> 38 Interactive elements are not allowed here <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_x-twitter.svg"/> 38 Interactive elements are not allowed here <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/04/lh_youtube.svg"/> - 1 E9591 - SC 1.3.1: The value of the attribute must match an 'id' in the same document. Each of the ids listed for this aria attribute must match elements elsewhere in the document. See ARIA 1.3.
2 The value of 'aria-controls' must match an 'id' in the same document <button class="Hamburger_hamburger__6VuUc" aria-label="Opens and closes the main menu." aria-controls="navbar-main" aria-expanded="false">
- 8 E956 - SC 4.1.2: The value of the 'role' attribute is not valid for this element. Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
- 2 WCAG2 AA
- 2 E913 - SC 2.4.6: Form control labels must be unique. Use unique labels so that users can distinguish between form controls on the same page when read out aloud. Alternatively, place them within different <fieldset> with unique <legend> labels, because the legend text is read out along with the label text. See WCAG2 Success Criterion 2.4.6.
2 The form control label 'en' is not unique <button class="Listbox_listbox-button___3oOv " id="headlessui-listbox-button-:Rqiv6:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""> 2 The form control label 'en' is not unique <button class="Listbox_listbox-button___3oOv " id="headlessui-listbox-button-:Rq7iv6:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state="">
- 2 E913 - SC 2.4.6: Form control labels must be unique. Use unique labels so that users can distinguish between form controls on the same page when read out aloud. Alternatively, place them within different <fieldset> with unique <legend> labels, because the legend text is read out along with the label text. See WCAG2 Success Criterion 2.4.6.
- 6 HTML
- 2 E622 - An attribute does not have a valid value. The HTML specification being tested against defines certain valid values for each attribute. Usually a list of valid values will be displayed when you see this message. Note that many values must be in lower case in XHTML, including the 'x' in numeric hex entity references. Also note that what values are allowed varies from standard to standard.
6 The 'id' attribute does not have a valid value: It does not contain a valid ID. It must contain at least one character and must not contain any space characters <section class="Section_section__oHlmj undefined has-grey-bg is-gapless-bottom section" id=""> 6 The 'id' attribute does not have a valid value: It does not contain a valid ID. It must contain at least one character and must not contain any space characters <section class="Section_section__oHlmj undefined has-grey-bg is-gapless-top section" id=""> - 2 E668 - Missing value for 'content' attribute. If either 'name', 'http-equiv', 'property' or 'itemprop' is specified, then the 'content' attribute must have a value.
1 Missing value for 'content' attribute <meta name="description"/> 1 Missing value for 'content' attribute <meta property="og:description"/> - 2 E6091 - A tag or some content is not allowed. There are strict rules as to what tags may be nested within others, as well as the order and number of tags allowed. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first.
1 This tag or content is not allowed here. One of the following was expected: A phrasing content element. See the HTML Living Standard. <p> 2 This tag or content is not allowed here. One of the following was expected: A phrasing content element except for interactive content. See the HTML Living Standard. <div class="Hamburger_hamburger-icon__Rk6CS" style="opacity:0;will-change:opacity,transform;transform:scale(0.9)">
- 2 E622 - An attribute does not have a valid value. The HTML specification being tested against defines certain valid values for each attribute. Usually a list of valid values will be displayed when you see this message. Note that many values must be in lower case in XHTML, including the 'x' in numeric hex entity references. Also note that what values are allowed varies from standard to standard.
- 1 CSS
- 1 E777 - Invalid value. Check the value against the list of valid rules from the official standard.
2 background-image contains a url() function with a parsing error. See CSS Backgrounds and Borders Module Level 3. <img alt="" data-title="Sleep Well" fetchpriority="high" width="2400" height="1602" decoding="async" data-nimg="1" style="color:transparent;object-fit:cover;object-position:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 1602'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA+Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBkZWZhdWx0IHF1YWxpdHkK/9sAQwAIBgYHBgUIBwcHCQkICgwUDQwLCwwZEhMPFB0aHx4dGhwcICQuJyAiLCMcHCg3KSwwMTQ0NB8nOT04MjwuMzQy/9sAQwEJCQkMCwwYDQ0YMiEcITIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy/8AAEQgACgAPAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A6+XUYieGFRQXXnMcVzik7uprU0r+KuiMm0TJWZ//2Q=='/%3E%3C/svg%3E")" sizes="100vw" srcSet="/_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=375&q=100 375w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=450&q=100 450w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=640&q=100 640w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=721&q=100 721w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=768&q=100 768w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=850&q=100 850w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1024&q=100 1024w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1200&q=100 1200w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1350&q=100 1350w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1400&q=100 1400w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1920&q=100 1920w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=2048&q=100 2048w" src="/_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=2048&q=100"/>
- 1 E777 - Invalid value. Check the value against the list of valid rules from the official standard.
- 1 Link
- 1 E42 - Invalid URI found in link/attribute. A URI was found in the link that is invalid according to RFC 3986. A common mistake is to include spaces or other special characters. An invalid <base> tag, will also cause this error.
2 Invalid URI found in attribute 'style': <img alt="" data-title="Sleep Well" fetchpriority="high" width="2400" height="1602" decoding="async" data-nimg="1" style="color:transparent;object-fit:cover;object-position:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 1602'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA+Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBkZWZhdWx0IHF1YWxpdHkK/9sAQwAIBgYHBgUIBwcHCQkICgwUDQwLCwwZEhMPFB0aHx4dGhwcICQuJyAiLCMcHCg3KSwwMTQ0NB8nOT04MjwuMzQy/9sAQwEJCQkMCwwYDQ0YMiEcITIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy/8AAEQgACgAPAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A6+XUYieGFRQXXnMcVzik7uprU0r+KuiMm0TJWZ//2Q=='/%3E%3C/svg%3E")" sizes="100vw" srcSet="/_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=375&q=100 375w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=450&q=100 450w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=640&q=100 640w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=721&q=100 721w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=768&q=100 768w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=850&q=100 850w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1024&q=100 1024w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1200&q=100 1200w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1350&q=100 1350w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1400&q=100 1400w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1920&q=100 1920w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=2048&q=100 2048w" src="/_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=2048&q=100"/>
- 1 E42 - Invalid URI found in link/attribute. A URI was found in the link that is invalid according to RFC 3986. A common mistake is to include spaces or other special characters. An invalid <base> tag, will also cause this error.
8 Probable Errors
- 8 WCAG2 A
- 8 P871 - SC 1.1.1/2.4.4/2.4.9: Link text is missing. Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
2 Link text is missing <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_mail.svg"/> 2 Link text is missing <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_facetime.svg"/> 2 Link text is missing <img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_shop.svg"/> 38 Link text is missing <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_instagram.svg"/> 38 Link text is missing <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_facebook.svg"/> 38 Link text is missing <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_linkedin.svg"/> 38 Link text is missing <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_x-twitter.svg"/> 38 Link text is missing <img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/04/lh_youtube.svg"/>
- 8 P871 - SC 1.1.1/2.4.4/2.4.9: Link text is missing. Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
11 Warnings
- 9 WCAG2 A
- 5 W868 - SC 2.4.4: Different adjacent links with same link text. If you have adjacent links to different places, but with the same link text (when read aloud), it can be confusing to the user. So, you should either change the link text or add a unique 'aria-label' or 'aria-labelledby' attribute to each link. See Understanding 2.4.4.
38 Different adjacent links with the same link text 'socials-link' <a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-0" href="https://www.instagram.com/lanserhof/"> 38 Different adjacent links with the same link text 'socials-link' <a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-1" href="https://www.facebook.com/LanserhofDE/"> 38 Different adjacent links with the same link text 'socials-link' <a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-2" href="https://www.linkedin.com/company/lanserhof-gmbh/"> 38 Different adjacent links with the same link text 'socials-link' <a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-3" href="https://twitter.com/lanserhof"> 38 Different adjacent links with the same link text 'socials-link' <a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-4" href="https://www.youtube.com/channel/UCvwF4uQmURR_iEZ-V1WZOrw"> - 1 W874 - SC 2.4.1: Add a skip navigation link as the first link on the page. If your document has structure then you should add a skip navigation link to make it easier for accessible users to get to the page's content. To ensure detection, skip navigation links should point to a <main> element, or an element with role='main'. See Understanding 2.4.1, and Skip Navigation.
- 1 W877 - SC 1.3.1: Distinguish between navigation groups using an ARIA label. When the <nav> element is employed more than once on a page, distinguish between the navigation groups by using an 'aria-label' or 'aria-labelledby' attribute. See WCAG2 HTML Technique H97.
1 Distinguish between navigation groups using an ARIA label <nav id="navbar" class="Navbar_navbar__W_ouQ navbar"> - 1 W886 - SC 1.3.1: Heading mark-up should be used if this is a heading. This paragraph of text is all bold/strong or all italic/em text and so will look like a heading on screen. Use heading mark-up if that is the intention, so that accessibility aids will recognise it as such. See WCAG2 HTML Technique H42.
34 Heading mark-up should be used if this is a heading <strong> - 1 W891 - SC 4.1.2: Avoid using fallback accessible names created from 'placeholder'. An accessible name generated from 'placeholder' typically yields a low quality accessible name, which may not always be supported. Instead use the recommended way of setting the accessible name for this element. See Avoid Fallback, and Accessible Name Computation.
2 Avoid using fallback accessible names created from 'placeholder' <input type="text" name="searchbar" placeholder="Search term" autoComplete="off"/>
- 5 W868 - SC 2.4.4: Different adjacent links with same link text. If you have adjacent links to different places, but with the same link text (when read aloud), it can be confusing to the user. So, you should either change the link text or add a unique 'aria-label' or 'aria-labelledby' attribute to each link. See Understanding 2.4.4.
- 2 HTML
- 2 W619 - Unrecognised value for the 'name' attribute. The 'name' attribute in the <meta> element is restricted to values documented in the HTML5 specification with extensions in the WHATWG Wiki. Note that Lanserhof will not recognise changes to the wiki after its release date. So, you will have to wait until the next release of Lanserhof before new names are recognised, or (Pro version only) use the 'Edit meta names' option to add them yourself. See Meta Extensions.
1 Unrecognised value for the 'name' attribute <meta name="twitter_card" content="summary_large_image"/> 1 Unrecognised value for the 'name' attribute <meta name="next-head-count" content="22"/>
- 2 W619 - Unrecognised value for the 'name' attribute. The 'name' attribute in the <meta> element is restricted to values documented in the HTML5 specification with extensions in the WHATWG Wiki. Note that Lanserhof will not recognise changes to the wiki after its release date. So, you will have to wait until the next release of Lanserhof before new names are recognised, or (Pro version only) use the 'Edit meta names' option to add them yourself. See Meta Extensions.
0 
W874WCAG2 A 2.4.1: Add a skip navigation link as the first link on the page
If your document has structure then you should add a skip navigation link to make it easier for accessible users to get to the page's content. To ensure detection, skip navigation links should point to a <main> element, or an element with role='main'. See Understanding 2.4.1, and Skip Navigation.
1 <!DOCTYPE html>
1 <html lang="en">
1 <head>
1 <noscript>
1 <link rel="stylesheet" href="/no-js.css"/>
1 </noscript>
1 <link rel="dns-prefetch" href="https://api.lanserhof.com/"/>
1 <link rel="preconnect" href="https://api.lanserhof.com/"/>
1 <link rel="preconnect" href="https://api.lanserhof.com/" crossorigin="anonymous"/>
1 <title>
1 Programm Sleep Well Sylt - Lanserhof
1 </title>
1 <meta charSet="UTF-8"/>
1 <meta name="viewport" content="width=device-width, initial-scale=1"/>
1 E668HTML: Missing value for 'content' attribute
If either 'name', 'http-equiv', 'property' or 'itemprop' is specified, then the 'content' attribute must have a value.
<meta name="description"/>
1 <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1"/>
1 <meta property="og:locale" content="en_US"/>
1 <meta property="og:type" content="article"/>
1 <meta property="og:title" content="Programm Sleep Well Sylt - Lanserhof"/>
1 E668HTML: Missing value for 'content' attribute
If either 'name', 'http-equiv', 'property' or 'itemprop' is specified, then the 'content' attribute must have a value.
<meta property="og:description"/>
1 <meta property="og:url" content="https://lanserhof.com/en/lanserhof-sylt/treatments/programm-sleep-well-sylt/"/>
1 <meta property="og:site_name" content="Lanserhof"/>
1 <meta property="article:modified_time" content="2025-05-23T05:55:40+00:00"/>
1 <link rel="canonical" href="https://lanserhof.com/en/lanserhof-sylt/treatments/programm-sleep-well-sylt/"/>
1 W619HTML: Unrecognised value for the 'name' attribute
The 'name' attribute in the <meta> element is restricted to values documented in the HTML5 specification with extensions in the WHATWG Wiki. Note that Lanserhof will not recognise changes to the wiki after its release date. So, you will have to wait until the next release of Lanserhof before new names are recognised, or (Pro version only) use the 'Edit meta names' option to add them yourself. See Meta Extensions.
<meta name="twitter_card" content="summary_large_image"/>
1 <script type="application/ld+json" class="yoast-schema-graph">
1 </script>
1 <link rel="alternate" hrefLang="en" href="https://lanserhof.com/en/lanserhof-sylt/treatments/programm-sleep-well-sylt/"/>
1 <link rel="alternate" hrefLang="de" href="https://lanserhof.com/de/lanserhof-sylt/kuren/paket-sleep-well-sylt/"/>
1 <link rel="preload" as="image" imageSrcSet="/_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=375&q=100 375w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=450&q=100 450w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=640&q=100 640w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=721&q=100 721w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=768&q=100 768w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=850&q=100 850w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1024&q=100 1024w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1200&q=100 1200w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1350&q=100 1350w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1400&q=100 1400w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1920&q=100 1920w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=2048&q=100 2048w" imageSizes="100vw" fetchpriority="high"/>
1 W619HTML: Unrecognised value for the 'name' attribute
The 'name' attribute in the <meta> element is restricted to values documented in the HTML5 specification with extensions in the WHATWG Wiki. Note that Lanserhof will not recognise changes to the wiki after its release date. So, you will have to wait until the next release of Lanserhof before new names are recognised, or (Pro version only) use the 'Edit meta names' option to add them yourself. See Meta Extensions.
<meta name="next-head-count" content="22"/>
1 <link data-next-font="size-adjust" rel="preconnect" href="/" crossorigin="anonymous"/>
1 <link rel="preload" href="/_next/static/css/63adddc7b06b0ca3.css" as="style"/>
1 <link rel="stylesheet" href="/_next/static/css/63adddc7b06b0ca3.css" data-n-g=""/>
1 <link rel="preload" href="/_next/static/css/f9ed539b02f61655.css" as="style"/>
1 <link rel="stylesheet" href="/_next/static/css/f9ed539b02f61655.css" data-n-p=""/>
1 <link rel="preload" href="/_next/static/css/8c79a87a95d3bafd.css" as="style"/>
1 <link rel="stylesheet" href="/_next/static/css/8c79a87a95d3bafd.css" data-n-p=""/>
1 <link rel="preload" href="/_next/static/css/3966c38bb998cb33.css" as="style"/>
1 <link rel="stylesheet" href="/_next/static/css/3966c38bb998cb33.css" data-n-p=""/>
1 <link rel="preload" href="/_next/static/css/82e2f706c89777ab.css" as="style"/>
1 <link rel="stylesheet" href="/_next/static/css/82e2f706c89777ab.css"/>
1 <noscript data-n-css="">
1 </noscript>
1 <script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js">
1 </script>
1 <script defer="" src="/_next/static/chunks/6498.245093e2bf1e1fa4.js">
1 </script>
1 <script src="/_next/static/chunks/webpack-2d82902f679cb991.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/framework-b0ec748c7a4c483a.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/main-90d3efdc923b9c8a.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/pages/_app-27196396652b94f5.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/94726e6d-00317ae994f4f689.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/26770aaf-787165cce7b5fafa.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/5966-de81237dcf9e7535.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/238-8fe680e2b82a3e83.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/7247-a1aede3b2cd4cb41.js" defer="">
1 </script>
1 <script src="/_next/static/chunks/pages/%5B%5B...dynamicRoute%5D%5D-7a076e0de942c264.js" defer="">
1 </script>
1 <script src="/_next/static/eUoTcHg2TzlCbedKziswk/_buildManifest.js" defer="">
1 </script>
1 <script src="/_next/static/eUoTcHg2TzlCbedKziswk/_ssgManifest.js" defer="">
1 </script>
1 </head>
1 <body>
1 <div id="__next">
1 <header>
1 W877WCAG2 A 1.3.1: Distinguish between navigation groups using an ARIA label
When the <nav> element is employed more than once on a page, distinguish between the navigation groups by using an 'aria-label' or 'aria-labelledby' attribute. See WCAG2 HTML Technique H97.
<nav id="navbar" class="Navbar_navbar__W_ouQ navbar">
1 <a class="Navbar_navbar-text-wrapper__B93F_" target="_self" href="/en/">
1 <span>
1 E6091HTML: This tag or content is not allowed here. One of the following was expected: A phrasing content element
There are strict rules as to what tags may be nested within others, as well as the order and number of tags allowed. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See the HTML Living Standard.
<p>
1 <strong>
1 LANSERHOF.
1 </strong>
1 Sylt
1 </p>
2 </span>
2 </a>
2 <div class="Navbar_language-wrapper__oyLyJ">
2 <div data-pos-top="false" data-color="black" class="Listbox_listbox__B2I19">
2 <div class="is-relative">
2 E913WCAG2 AA 2.4.6: The form control label 'en' is not unique
Use unique labels so that users can distinguish between form controls on the same page when read out aloud. Alternatively, place them within different <fieldset> with unique <legend> labels, because the legend text is read out along with the label text. See WCAG2 Success Criterion 2.4.6.
<button class="Listbox_listbox-button___3oOv " id="headlessui-listbox-button-:Rqiv6:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state="">
2 <span class="Listbox_listbox-selected__m1_C1">
2 en
2 </span>
2 <span class="Listbox_listbox-chevron__Y1n4I ">
2 <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24">
2 <path d="m6 9 6 6 6-6">
2 </path>
2 </svg>
2 </span>
2 </button>
2 </div>
2 </div>
2 </div>
2 <div class="QuickNavMenu_quick-nav-menu__NVGNn">
2 <div class="QuickNavMenu_language-toggle-wrapper__wpZ0b" style="opacity:0;will-change:opacity">
2 <div data-pos-top="true" data-color="black" class="Listbox_listbox__B2I19">
2 <div class="is-relative">
2 E913WCAG2 AA 2.4.6: The form control label 'en' is not unique
Use unique labels so that users can distinguish between form controls on the same page when read out aloud. Alternatively, place them within different <fieldset> with unique <legend> labels, because the legend text is read out along with the label text. See WCAG2 Success Criterion 2.4.6.
<button class="Listbox_listbox-button___3oOv " id="headlessui-listbox-button-:Rq7iv6:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state="">
2 <span class="Listbox_listbox-selected__m1_C1">
2 en
2 </span>
2 <span class="Listbox_listbox-chevron__Y1n4I ">
2 <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24">
2 <path d="m6 9 6 6 6-6">
2 </path>
2 </svg>
2 </span>
2 </button>
2 </div>
2 </div>
2 </div>
2 <div class="is-hidden-touch">
2 <div class="SearchInput_search-input-desktop__L4kYP">
2 <div class="SearchInput_icon__AakeJ">
2 <svg xmlns="http://www.w3.org/2000/svg" data-name="Ebene 1" viewBox="0 0 24 24" width="24" height="24">
2 <path d="M10.771 19.219a8.6 8.6 0 1 0-3.851-2.226l-4.986 4.986" style="fill:none;stroke:#2d2f38;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.20000004768372px">
2 </path>
2 <path d="M18.827 10.906a5.868 5.868 0 0 1-11.736 0" style="fill:none;stroke:#2d2f38;stroke-linecap:round;stroke-linejoin:round;stroke-width:.699999988079071px">
2 </path>
2 </svg>
2 </div>
2 <span>
2 Search
2 </span>
2 </div>
2 <div class="SearchInput_search-input-desktop-input-wrapper__8Hj5W ">
2 W891WCAG2 A 4.1.2: Avoid using fallback accessible names created from 'placeholder'
An accessible name generated from 'placeholder' typically yields a low quality accessible name, which may not always be supported. Instead use the recommended way of setting the accessible name for this element. See Avoid Fallback, and Accessible Name Computation.
<input type="text" name="searchbar" placeholder="Search term" autoComplete="off"/>
2 E8661WCAG2 A 1.1.1/1.3.1/3.3.2/4.1.2: User interface controls without a label should have an accessible name
Use the 'aria-label', 'aria-labelledby', or where appropriate 'value', attributes to label controls when the visual design cannot accommodate the label (for example, if there is no text on the screen that can be identified as a label) or where it might be confusing or not possible to use a label. User agents, including assisting technology, can use these attributes. See WCAG2 Failure F68.
<button class="SearchInput_button__XVGZK">
2 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.053 27.053" width="32" height="32">
2 <circle cx="13.527" cy="13.527" r="13.027" style="fill:none;stroke:#fff;stroke-miterlimit:10">
2 </circle>
2 <path d="m12.296 16.406 3.162-2.85-2.85-3.161" data-name="e" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10">
2 </path>
2 </svg>
2 </button>
2 </div>
2 </div>
2 <div data-is-hidden-mobile="false" class="QuickNavMenu_quick-nav-menu-item__1IRUs">
2 <a class="QuickNavMenu_quick-nav-menu-link__9HNcy" aria-label="MAIL" target="_blank" href="mailto:info.sylt@lanserhof.com">
2 <div data-is-last="false" class="QuickNavMenu_icon-wrapper__qRiwR">
2 E9542WCAG2 A 4.1.2: Interactive elements are not allowed here
When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
E956WCAG2 A 4.1.2: The value of the 'role' attribute is not valid for this element
Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
P871WCAG2 A 1.1.1/2.4.4/2.4.9: Link text is missing
Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
<img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_mail.svg"/>
2 </div>
2 <span>
2 MAIL
2 </span>
2 </a>
2 </div>
2 <div data-is-hidden-mobile="false" class="QuickNavMenu_quick-nav-menu-item__1IRUs">
2 <a class="QuickNavMenu_quick-nav-menu-link__9HNcy" aria-label="CONTACT" target="_blank" href="/de/kontakt/">
2 <div data-is-last="false" class="QuickNavMenu_icon-wrapper__qRiwR">
2 E9542WCAG2 A 4.1.2: Interactive elements are not allowed here
When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
E956WCAG2 A 4.1.2: The value of the 'role' attribute is not valid for this element
Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
P871WCAG2 A 1.1.1/2.4.4/2.4.9: Link text is missing
Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
<img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_facetime.svg"/>
2 </div>
2 <span>
2 CONTACT
2 </span>
2 </a>
2 </div>
2 <div data-is-hidden-mobile="true" class="QuickNavMenu_quick-nav-menu-item__1IRUs">
2 <a class="QuickNavMenu_quick-nav-menu-link__9HNcy" aria-label="SHOP" target="_blank" href="https://shop.lanserhof.com/">
2 <div data-is-last="true" class="QuickNavMenu_icon-wrapper__qRiwR">
2 E9542WCAG2 A 4.1.2: Interactive elements are not allowed here
When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
E956WCAG2 A 4.1.2: The value of the 'role' attribute is not valid for this element
Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
P871WCAG2 A 1.1.1/2.4.4/2.4.9: Link text is missing
Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
<img alt="" role="link" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_shop.svg"/>
2 </div>
2 <span>
2 SHOP
2 </span>
2 </a>
2 </div>
2 E9591WCAG2 A 1.3.1: The value of 'aria-controls' must match an 'id' in the same document
Each of the ids listed for this aria attribute must match elements elsewhere in the document. See ARIA 1.3.
<button class="Hamburger_hamburger__6VuUc" aria-label="Opens and closes the main menu." aria-controls="navbar-main" aria-expanded="false">
2 <span class="Hamburger_menu-label__3wNgV" style="opacity:0;will-change:opacity,transform;transform:scale(0.9)">
2 MENU
2 </span>
2 E6091HTML: This tag or content is not allowed here. One of the following was expected: A phrasing content element except for interactive content
There are strict rules as to what tags may be nested within others, as well as the order and number of tags allowed. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See the HTML Living Standard.
<div class="Hamburger_hamburger-icon__Rk6CS" style="opacity:0;will-change:opacity,transform;transform:scale(0.9)">
2 <img alt="" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto" src="/images/navbar/menu-open.svg"/>
2 </div>
2 </button>
2 </div>
2 </nav>
2 </header>
2 <main id="programm-sleep-well-sylt" class=" ">
2 <section class="Section_section__oHlmj HeaderRooms_media-header__RbHFV p-0 HeaderRooms_is-row-normal__puSph has-grey-bg section">
2 <div class="container HeaderRooms_media-header-container__v2QCD">
2 <div class="columns is-multiline">
2 <div class="HeaderRooms_media-col__brWki column is-12-tablet is-12-desktop is-8-fullhd p-0">
2 <div class="is-relative">
2 <figure class="image-wrapper undefined ">
2 E42Link: Invalid URI found in attribute 'style':
A URI was found in the link that is invalid according to RFC 3986. A common mistake is to include spaces or other special characters. An invalid <base> tag, will also cause this error.
E777CSS: background-image contains a url() function with a parsing error
Check the value against the list of valid rules from the official standard. See CSS Backgrounds and Borders Module Level 3.
<img alt="" data-title="Sleep Well" fetchpriority="high" width="2400" height="1602" decoding="async" data-nimg="1" style="color:transparent;object-fit:cover;object-position:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 1602'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA+Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBkZWZhdWx0IHF1YWxpdHkK/9sAQwAIBgYHBgUIBwcHCQkICgwUDQwLCwwZEhMPFB0aHx4dGhwcICQuJyAiLCMcHCg3KSwwMTQ0NB8nOT04MjwuMzQy/9sAQwEJCQkMCwwYDQ0YMiEcITIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy/8AAEQgACgAPAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A6+XUYieGFRQXXnMcVzik7uprU0r+KuiMm0TJWZ//2Q=='/%3E%3C/svg%3E")" sizes="100vw" srcSet="/_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=375&q=100 375w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=450&q=100 450w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=640&q=100 640w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=721&q=100 721w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=768&q=100 768w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=850&q=100 850w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1024&q=100 1024w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1200&q=100 1200w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1350&q=100 1350w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1400&q=100 1400w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=1920&q=100 1920w, /_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=2048&q=100 2048w" src="/_next/image/?url=https%3A%2F%2Fapi.lanserhof.com%2Fwp-content%2Fuploads%2F2025%2F01%2FSleep-Well.jpg&w=2048&q=100"/>
2 </figure>
2 </div>
2 </div>
2 <div class="HeaderRooms_text-col__BdsRh " style="opacity:0;will-change:opacity">
2 <div class="is-hidden-mobile HeaderRooms_breadcrumbs__kG35_ HeaderRooms_big__1tNs_ column is-12-desktop is-4-fullhd">
2 <nav aria-label="Breadcrumbs" class="column is-12 is-hidden-mobile Breadcrumbs_breadcrumbs__0II_j pl-0 py-0">
2 <ul>
2 <li>
2 <a class="Breadcrumbs_breadcrumbs-path__fU4Zz" target="_self" href="/en/">
2 Lanserhof
2 </a>
2 <span class="Breadcrumbs_separator__etls7">
2 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.877 14.751">
2 <path d="m.5 14.251 6.877-6.876L.5.5" data-name="l" style="fill:none;stroke:#2d2f38;stroke-linecap:round;stroke-linejoin:round">
2 </path>
2 </svg>
2 </span>
2 </li>
2 <li>
2 <a class="Breadcrumbs_breadcrumbs-path__fU4Zz" target="_self" href="/en/lanserhof-sylt/">
2 <span>
2 Lanserhof Sylt
2 </span>
2 </a>
2 <span class="Breadcrumbs_separator__etls7">
2 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.877 14.751">
2 <path d="m.5 14.251 6.877-6.876L.5.5" data-name="l" style="fill:none;stroke:#2d2f38;stroke-linecap:round;stroke-linejoin:round">
2 </path>
2 </svg>
2 </span>
2 </li>
2 <li>
2 <a class="Breadcrumbs_breadcrumbs-path__fU4Zz" target="_self" href="/en/lanserhof-sylt/treatments/">
2 <span>
2 Programmes
2 </span>
2 </a>
2 <span class="Breadcrumbs_separator__etls7">
2 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.877 14.751">
2 <path d="m.5 14.251 6.877-6.876L.5.5" data-name="l" style="fill:none;stroke:#2d2f38;stroke-linecap:round;stroke-linejoin:round">
2 </path>
2 </svg>
2 </span>
2 </li>
2 <li aria-current="page">
2 <span class="Breadcrumbs_breadcrumbs-title__Hp5vF">
2 Programm Sleep Well Sylt
2 </span>
2 </li>
2 </ul>
2 </nav>
2 </div>
2 <div class="column is-4-desktop is-4-fullhd">
2 <span class="HeaderRooms_overline__nR2Cq">
2 Programme at Lanserhof Sylt
2 </span>
2 <h1>
2 <strong>
2 Sleep Well
2 </strong>
2 </h1>
2 </div>
2 <div class="column is-8-desktop is-4-fullhd">
2 <div>
2 <p>
2 Sleep is the key to health, vitality, mental strength, and a central pillar of longevity medicine. However, in a time characterised by stress, digital overload, and unhealthy lifestyle habits, good sleep has become a challenge for many people.
2 </p>
3 <p>
3 Our Sleep Well Programme addresses exactly this issue: sleep disorders are treated sustainably, and your sleep quality is improved in the long term. At the beginning of your stay, we conduct a comprehensive analysis of your sleep habits to uncover possible causes of sleep problems. Based on this, our Lanserhof doctors and experts develop a therapy concept tailored to your needs.
3 </p>
4 <p>
4 Our goal is to restore restful nights to you, as rejuvenating, deep sleep is a fundamental requirement for physical and mental well-being.
4 </p>
5 </div>
5 <a class="btn primary Button_btn__1Gtek Button_primary__ivjK_ my-4" target="_self" href="/en/plan-your-stay/?resort=31&treatment=32060">
5 <span class="Button_children__ngKoL">
5 <strong>
5 inquire this programme
5 </strong>
5 </span>
5 </a>
5 </div>
5 </div>
5 <div class="HeaderRooms_scroll-down__pJJAz" aria-hidden="true">
5 <svg xmlns="http://www.w3.org/2000/svg" data-name="Ebene 1" viewBox="0 0 46 46" width="48" height="48">
5 <path d="M.051 0h46v46h-46z" data-name="Rechteck 12238" style="fill:#fff">
5 </path>
5 <path d="m10.552 17.205 12.12 12.121 12.116-12.121" data-name="Pfad 32522" style="fill:none;stroke:#2c2e38;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px">
5 </path>
5 </svg>
5 </div>
5 </div>
5 </div>
5 </section>
5 <section class="Section_section__oHlmj media Media_media-module__IFZ1f has-grey-bg default section">
5 <div class="container ">
5 <div class="columns is-centered is-multiline">
5 <div class="column ">
5 <div class="is-clipped">
5 <div class=" is-clipped">
5 </div>
5 </div>
5 </div>
5 <div class="column is-12-tablet is-10-desktop is-8-ultrahd is-centered Media_media-col__1Zmbn" style="transform:scale(0.7)">
6 <div class="Media_content-blocker-video-wrapper__X5m0I is-relative ">
6 </div>
6 </div>
6 </div>
6 </div>
6 </section>
6 E622HTML: The 'id' attribute does not have a valid value: It does not contain a valid ID. It must contain at least one character and must not contain any space characters
The HTML specification being tested against defines certain valid values for each attribute. Usually a list of valid values will be displayed when you see this message. Note that many values must be in lower case in XHTML, including the 'x' in numeric hex entity references. Also note that what values are allowed varies from standard to standard.
<section class="Section_section__oHlmj undefined has-grey-bg is-gapless-bottom section" id="">
6 <div class="container container">
6 <div class="columns is-multiline">
6 <div class="column is-hidden-touch is-4-desktop">
6 <span class="overline">
6 "Sleep Well" Programme
6 </span>
6 </div>
6 <div class="column is-12-tablet is-8-desktop">
6 <div class="is-hidden-desktop">
6 <span class="overline">
6 "Sleep Well" Programme
6 </span>
6 </div>
6 <div class="is-clipped">
6 <div class=" is-clipped">
6 <h2 class="small ">
6 The Lanserhof Sleep Well Programme sustainably improves your sleep quality through personalised therapy based on an analysis of your sleep habits.
6 </h2>
6 </div>
6 </div>
6 </div>
6 </div>
6 </div>
6 </section>
6 E622HTML: The 'id' attribute does not have a valid value: It does not contain a valid ID. It must contain at least one character and must not contain any space characters
The HTML specification being tested against defines certain valid values for each attribute. Usually a list of valid values will be displayed when you see this message. Note that many values must be in lower case in XHTML, including the 'x' in numeric hex entity references. Also note that what values are allowed varies from standard to standard.
<section class="Section_section__oHlmj undefined has-grey-bg is-gapless-top section" id="">
6 <div class="container container">
6 <div class="columns is-multiline">
6 <div class="column is-hidden-touch is-4-desktop">
6 </div>
6 <div class="column is-12-tablet is-8-desktop">
6 <div class="is-hidden-desktop">
6 </div>
6 <div class="is-clipped">
6 <div class=" is-clipped">
6 </div>
6 </div>
6 <div class="columns is-multiline">
6 <div class="column is-6-tablet is-12-desktop is-6-widescreen Text_text-column-1__3ZryJ">
6 <div class="Text_content__04xRM">
6 <ul>
7 <li>
7 1 Initial telephone consultation
7 </li>
8 <li>
8 1 Initial medical examination (40 min)
8 </li>
9 <li>
9 1 Extended initial medical examination (20 min)
9 </li>
10 <li>
10 2 Medical check-ups and abdominal treatments (20 min each)
10 </li>
11 <li>
11 1 Medical consultation for findings (30 min)
11 </li>
12 <li>
12 1 Final medical examination (30 min)
12 </li>
13 <li>
13 1 Follow-up telephone consultation (after 3 months)
13 </li>
14 <li>
14 1 Initial laboratory examination (30 min) – including bioimpedance analysis, blood pressure, lactate, and metabolic check*
14 </li>
15 <li>
15 1 Final laboratory examination (20 min) – including blood pressure, lactate, and metabolic check*
15 </li>
16 <li>
16 1 Fatty liver measurement (20 min)
16 </li>
17 <li>
17 1 Short-term HRV measurement (heart rate variability test)* (30 min)
17 </li>
18 <li>
18 1 Metabolic analysis* (20 min)
18 </li>
19 <li>
19 1 Urine analysis*
19 </li>
20 <li>
20 On-call and overnight medical service
20 </li>
21 </ul>
22 </div>
22 </div>
22 <div class="column is-6-tablet is-12-desktop is-6-widescreen Text_text-column-2__qRW_H">
22 <div class="Text_content__04xRM">
22 <ul>
23 <li>
23 1 Sleep consultation* (30 min)
23 </li>
24 <li>
24 1 24h HRV measurement (heart rate variability test)*
24 </li>
25 <li>
25 2 Meditation sessions* (50 min each)
25 </li>
26 <li>
26 7 Cryotherapy sessions* (20 min each)
26 </li>
27 <li>
27 1 Vagofit infusion* (60 min)
27 </li>
28 <li>
28 Daily group movement therapy
28 </li>
29 <li>
29 Daily group relaxation training
29 </li>
30 <li>
30 Medical introductory lecture
30 </li>
31 <li>
31 Themed lectures
31 </li>
32 <li>
32 Cultural evening programme
32 </li>
33 </ul>
34 <p class="smalltext">
34 W886WCAG2 A 1.3.1: Heading mark-up should be used if this is a heading
This paragraph of text is all bold/strong or all italic/em text and so will look like a heading on screen. Use heading mark-up if that is the intention, so that accessibility aids will recognise it as such. See WCAG2 HTML Technique H42.
<strong>
34 7 – 8 nights, excluding accommodation: €5,655.00
34 </strong>
34 </p>
35 <p class="smalltext">
35 The price for our Lanserhof package is per person and excludes accommodation, Lanserhof Energy Cuisine, nutritional supplements, and medication.
35 </p>
36 <p class="smalltext">
36 The actual number of treatments depends on the length of your stay. The listed number applies to a stay of 7 or 8 nights.
36 <br>
36 * Conducted by the therapy centre.
36 </p>
37 <p class="smalltext">
37 The minimum stay is 7 nights. For meaningful and lasting regeneration, we recommend a two-week stay.
37 </p>
38 </div>
38 </div>
38 </div>
38 </div>
38 </div>
38 </div>
38 </section>
38 <div class="RetreatButton_retreat-button-wrapper__JCYkL retreat-button-wrapper" style="--bg-desktop:#9eb090;--bg-hover-desktop:#849b72;will-change:transform">
38 <a class="RetreatButton_retreat-button__8J1LU retreat-button" aria-label="Booking request" target="_self" href="/en/plan-your-stay/?resort=31&treatment=32060">
38 <div class="RetreatButton_arrow__XbWgr">
38 <div class="RetreatButton_icon-wrapper__IJnBa">
38 <img alt="" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="RetreatButton_touch-arrow__vvyDA" style="color:transparent;width:100%;height:auto" src="/images/retreat-btn/lh_arrow_right_white.svg"/>
38 <img alt="" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="RetreatButton_desktop-arrow__Yevik" style="color:transparent;width:100%;height:auto" src="/images/retreat-btn/lh_arrow-cyrcle.svg"/>
38 </div>
38 </div>
38 <span class="RetreatButton_title___9DZ4">
38 Booking request
38 </span>
38 </a>
38 </div>
38 </main>
38 <footer class="Footer_footer__OYoYH has-dark-grey-bg" aria-label="footer" id="kontakt">
38 <section class="Section_section__oHlmj pb-2 pt-6 section">
38 <div class="container py-0">
38 <span class="Footer_instagram-title__aMV8U mb-6">
38 Lanserhof on Instagram
38 </span>
38 <div class="insta socials no-padding-bottom has-text-centered undefined">
38 <div class="feed-wrapper">
38 <div>
38 <p>
38 Zurzeit sind keine Instagram Posts verfügbar
38 </p>
38 </div>
38 </div>
38 </div>
38 <div class="is-flex is-justify-content-center">
38 <a class="btn primary Button_btn__1Gtek Button_primary__ivjK_ Footer_follow-button__E5PHc" target="_blank" href="https://www.instagram.com/lanserhof">
38 <span class="Button_children__ngKoL">
38 <strong>
38 Follow
38 </strong>
38 us
38 </span>
38 </a>
38 </div>
38 <div class="Socials_socials__g1jWB">
38 W868WCAG2 A 2.4.4: Different adjacent links with the same link text 'socials-link'
If you have adjacent links to different places, but with the same link text (when read aloud), it can be confusing to the user. So, you should either change the link text or add a unique 'aria-label' or 'aria-labelledby' attribute to each link. See Understanding 2.4.4.
<a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-0" href="https://www.instagram.com/lanserhof/">
38 E9542WCAG2 A 4.1.2: Interactive elements are not allowed here
When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
E956WCAG2 A 4.1.2: The value of the 'role' attribute is not valid for this element
Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
P871WCAG2 A 1.1.1/2.4.4/2.4.9: Link text is missing
Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
<img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_instagram.svg"/>
38 </a>
38 W868WCAG2 A 2.4.4: Different adjacent links with the same link text 'socials-link'
If you have adjacent links to different places, but with the same link text (when read aloud), it can be confusing to the user. So, you should either change the link text or add a unique 'aria-label' or 'aria-labelledby' attribute to each link. See Understanding 2.4.4.
<a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-1" href="https://www.facebook.com/LanserhofDE/">
38 E9542WCAG2 A 4.1.2: Interactive elements are not allowed here
When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
E956WCAG2 A 4.1.2: The value of the 'role' attribute is not valid for this element
Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
P871WCAG2 A 1.1.1/2.4.4/2.4.9: Link text is missing
Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
<img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_facebook.svg"/>
38 </a>
38 W868WCAG2 A 2.4.4: Different adjacent links with the same link text 'socials-link'
If you have adjacent links to different places, but with the same link text (when read aloud), it can be confusing to the user. So, you should either change the link text or add a unique 'aria-label' or 'aria-labelledby' attribute to each link. See Understanding 2.4.4.
<a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-2" href="https://www.linkedin.com/company/lanserhof-gmbh/">
38 E9542WCAG2 A 4.1.2: Interactive elements are not allowed here
When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
E956WCAG2 A 4.1.2: The value of the 'role' attribute is not valid for this element
Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
P871WCAG2 A 1.1.1/2.4.4/2.4.9: Link text is missing
Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
<img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_linkedin.svg"/>
38 </a>
38 W868WCAG2 A 2.4.4: Different adjacent links with the same link text 'socials-link'
If you have adjacent links to different places, but with the same link text (when read aloud), it can be confusing to the user. So, you should either change the link text or add a unique 'aria-label' or 'aria-labelledby' attribute to each link. See Understanding 2.4.4.
<a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-3" href="https://twitter.com/lanserhof">
38 E9542WCAG2 A 4.1.2: Interactive elements are not allowed here
When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
E956WCAG2 A 4.1.2: The value of the 'role' attribute is not valid for this element
Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
P871WCAG2 A 1.1.1/2.4.4/2.4.9: Link text is missing
Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
<img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lh_x-twitter.svg"/>
38 </a>
38 W868WCAG2 A 2.4.4: Different adjacent links with the same link text 'socials-link'
If you have adjacent links to different places, but with the same link text (when read aloud), it can be confusing to the user. So, you should either change the link text or add a unique 'aria-label' or 'aria-labelledby' attribute to each link. See Understanding 2.4.4.
<a class="social" aria-label="socials-link" rel="noopener noreferrer" target="_blank" id="social-4" href="https://www.youtube.com/channel/UCvwF4uQmURR_iEZ-V1WZOrw">
38 E9542WCAG2 A 4.1.2: Interactive elements are not allowed here
When using ARIA roles there are additional rules where interactive elements may appear. This error may also be caused by incorrectly nesting tags, missing end tags, or similar structural issues. So if it is not obvious what is wrong, fix any structural issues first. See ARIA in HTML.
E956WCAG2 A 4.1.2: The value of the 'role' attribute is not valid for this element
Elements can only have specific roles as defined by the ARIA specification. So, you may be better off using a more appropriate element for this role. See ARIA in HTML.
P871WCAG2 A 1.1.1/2.4.4/2.4.9: Link text is missing
Describe the purpose of a link by providing descriptive text as the content of the element, or provide an 'aria-label' or 'aria-labelledby' attribute. The description lets a user distinguish this link from other links in the Web page and helps the user determine whether to follow the link. The URL of the destination is generally not sufficiently descriptive. See WCAG2 HTML Technique H30.
<img alt="" role="link" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="Socials_logo__PDQjE" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/04/lh_youtube.svg"/>
38 </a>
38 </div>
38 <div class="Footer_divider__bfFrr my-6">
38 </div>
38 <div class="columns">
38 <div class="column is-2-tablet is-3-desktop is-2-widescreen is-hidden-mobile">
38 <img alt="" loading="lazy" width="1" height="1" decoding="async" data-nimg="1" class="Footer_logo__oqoeK" style="color:transparent" src="https://api.lanserhof.com/wp-content/uploads/2024/03/lanserhof-logo.svg"/>
38 </div>
38 <div class="column is-10-tablet is-9-desktop is-10-widescreen">
38 <div class="columns is-multiline Footer_main-menu__48BNz">
38 <div class="column is-6-tablet is-3-widescreen">
38 <div class="is-flex is-flex-direction-column">
38 <div class="is-flex is-justify-content-space-between is-align-items-center">
38 <span class="Footer_main-menu-title__ZRXUB">
38 LANSERHOF
38 </span>
38 </div>
38 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
38 <a href="/en/lanserhof-concept/">
38 Lanserhof Concept
38 </a>
38 <a href="/en/services/">
38 Our range of services
38 </a>
38 <a href="/en/gallery/">
38 Gallery
38 </a>
38 <a href="/en/blog/">
38 Health Guide
38 </a>
38 </div>
38 </div>
38 </div>
38 <div class="column is-6-tablet is-3-widescreen">
38 <div class="is-flex is-flex-direction-column">
38 <div class="is-flex is-justify-content-space-between is-align-items-center">
38 <span class="Footer_main-menu-title__ZRXUB">
38 RESORT
38 </span>
38 </div>
38 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
38 <a href="/en/lanserhof-tegernsee/">
38 Lanserhof Tegernsee
38 </a>
38 <a href="/en/lanserhof-lans/">
38 Lanserhof Lans
38 </a>
38 <a href="/en/lanserhof-sylt/">
38 Lanserhof Sylt
38 </a>
38 </div>
38 </div>
38 </div>
38 <div class="column is-6-tablet is-3-widescreen">
38 <div class="is-flex is-flex-direction-column">
38 <div class="is-flex is-justify-content-space-between is-align-items-center">
38 <span class="Footer_main-menu-title__ZRXUB">
38 FURTHER LOCATIONS
38 </span>
38 </div>
38 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
38 <a href="https://lhtac.com/">
38 Lanserhof at The Art Club London
38 </a>
38 <a href="https://lansmedicum.de/">
38 Lans Medicum Hamburg
38 </a>
38 <a href="https://lansphysio.de/">
38 Lans Physio Hamburg
38 </a>
38 </div>
38 </div>
38 </div>
38 <div class="column is-6-tablet is-3-widescreen">
38 <div class="is-flex is-flex-direction-column">
38 <div class="is-flex is-justify-content-space-between is-align-items-center">
38 <span class="Footer_main-menu-title__ZRXUB">
38 CONTACT | CAREER
38 </span>
38 </div>
38 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
38 <a href="/en/contact/">
38 Contact
38 </a>
38 <a href="/en/newsletter/">
38 Newsletter
38 </a>
38 <a href="https://jobs.lanserhof.com/">
38 Career
38 </a>
38 </div>
38 </div>
38 </div>
38 </div>
38 </div>
38 </div>
38 <div class="Footer_legal-menu__EdlZ3">
38 <div id="legal-menu" role="menubar" aria-label="legal-menu" class="LegalMenu_legal-menu__NiQAK">
38 <a class="legal menu-item" role="menuitem" id="menuitem-0" href="/en/legal-information/">
38 Legal Information
38 </a>
38 <span class="LegalMenu_divider__Yf_T6">
38 |
38 </span>
38 <a class="legal menu-item" role="menuitem" id="menuitem-1" href="/en/accessibility-information/">
38 Accessibility Information
38 </a>
38 <span class="LegalMenu_divider__Yf_T6">
38 |
38 </span>
38 <a class="legal menu-item" role="menuitem" id="menuitem-2" href="/en/privacy-policy/">
38 Privacy policy
38 </a>
38 <span class="LegalMenu_divider__Yf_T6">
38 |
38 </span>
38 <a class="legal menu-item LegalMenu_consent__oFrmR" role="menuitem" id="menuitem-privacysettings">
38 Privacy Settings
38 </a>
38 </div>
38 </div>
38 <div class="Footer_divider__bfFrr my-3">
38 </div>
38 <div class="Footer_bottom__KuoWZ">
38 <p class="Footer_copyright__1ODhL">
38 <span>
38 Copyright
38 </span>
38 <span>
38 2025
38 ,
38 </span>
38 <span>
38 Lanserhof
38 </span>
38 </p>
38 <div class="Footer_webdesign__UZPW_">
38 <div>
38 Webdesign & Development by
38 <a target="_blank" href="https://www.aleksundshantu.com/">
38 ALEKS & SHANTU
38 </a>
38 </div>
38 </div>
38 </div>
38 </div>
38 </section>
38 </footer>
38 </div>
38 <script id="__NEXT_DATA__" type="application/json">
38 </script>
38 </body>
38 </html>