Issues:
25 Errors 8 Probable Errors 18 Warnings
DOCTYPE:
HTML5
1 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"/>
1 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"/>
1 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"/>
53 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"/>
53 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"/>
53 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"/>
53 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"/>
53 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 User interface controls without a label should have an accessible name
<button class="SearchInput_button__XVGZK">
1 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"/>
1 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"/>
1 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"/>
53 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"/>
53 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"/>
53 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"/>
53 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"/>
53 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 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">
1 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="">
1 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="">
1 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 TextPostType_text-post-type__0ZK4B has-grey-bg default section" id="">
40 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 TextPostType_text-post-type__0ZK4B has-grey-bg is-gapless-top section" id="">
1 Missing value for 'content' attribute
<meta name="description"/>
1 Missing value for 'content' attribute
<meta property="og:description"/>
1 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)">
1 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"/>
1 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"/>
1 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"/>
53 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"/>
53 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"/>
53 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"/>
53 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"/>
53 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"/>
53 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/">
53 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/">
53 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/">
53 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">
53 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 Distinguish between navigation groups using an ARIA label
<nav id="navbar" class="Navbar_navbar__W_ouQ navbar">
2 Heading mark-up should be used if this is a heading
<strong>
4 Heading mark-up should be used if this is a heading
<strong>
9 Heading mark-up should be used if this is a heading
<strong>
12 Heading mark-up should be used if this is a heading
<strong>
17 Heading mark-up should be used if this is a heading
<strong>
21 Heading mark-up should be used if this is a heading
<strong>
26 Heading mark-up should be used if this is a heading
<strong>
31 Heading mark-up should be used if this is a heading
<strong>
1 Avoid using fallback accessible names created from 'placeholder'
<input type="text" name="searchbar" placeholder="Search term" autoComplete="off"/>
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="21"/>
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 Deep Sleep: Why It’s Essential for Your Health - 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="Deep Sleep: Why It’s Essential for Your Health - 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/health-guide/deep-sleep-why-its-essential-for-your-health/"/>
1 <meta property="og:site_name" content="Lanserhof"/>
1 <meta property="article:modified_time" content="2025-05-25T08:59:49+00:00"/>
1 <link rel="canonical" href="https://lanserhof.com/en/health-guide/deep-sleep-why-its-essential-for-your-health/"/>
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/health-guide/deep-sleep-why-its-essential-for-your-health/"/>
1 <link rel="alternate" hrefLang="de" href="https://lanserhof.com/de/gesundheitsratgeber/deep-sleep-warum-er-so-wichtig-ist/"/>
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="21"/>
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 <noscript data-n-css="">
1 </noscript>
1 <script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.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 <strong>
1 LANSERHOF.
1 </strong>
1 World’s Best Longevity Clinic
1 </span>
1 </a>
1 <div class="Navbar_language-wrapper__oyLyJ">
1 <div data-pos-top="false" data-color="black" class="Listbox_listbox__B2I19">
1 <div class="is-relative">
1 
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="">
1 <span class="Listbox_listbox-selected__m1_C1">
1 en
1 </span>
1 <span class="Listbox_listbox-chevron__Y1n4I ">
1 <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">
1 <path d="m6 9 6 6 6-6">
1 </path>
1 </svg>
1 </span>
1 </button>
1 </div>
1 </div>
1 </div>
1 <div class="QuickNavMenu_quick-nav-menu__NVGNn">
1 <div class="QuickNavMenu_language-toggle-wrapper__wpZ0b" style="opacity:0;will-change:opacity">
1 <div data-pos-top="true" data-color="black" class="Listbox_listbox__B2I19">
1 <div class="is-relative">
1 
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="">
1 <span class="Listbox_listbox-selected__m1_C1">
1 en
1 </span>
1 <span class="Listbox_listbox-chevron__Y1n4I ">
1 <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">
1 <path d="m6 9 6 6 6-6">
1 </path>
1 </svg>
1 </span>
1 </button>
1 </div>
1 </div>
1 </div>
1 <div class="is-hidden-touch">
1 <div class="SearchInput_search-input-desktop__L4kYP">
1 <div class="SearchInput_icon__AakeJ">
1 <svg xmlns="http://www.w3.org/2000/svg" data-name="Ebene 1" viewBox="0 0 24 24" width="24" height="24">
1 <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">
1 </path>
1 <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">
1 </path>
1 </svg>
1 </div>
1 <span>
1 Search
1 </span>
1 </div>
1 <div class="SearchInput_search-input-desktop-input-wrapper__8Hj5W ">
1 
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"/>
1 
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">
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.053 27.053" width="32" height="32">
1 <circle cx="13.527" cy="13.527" r="13.027" style="fill:none;stroke:#fff;stroke-miterlimit:10">
1 </circle>
1 <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">
1 </path>
1 </svg>
1 </button>
1 </div>
1 </div>
1 <div data-is-hidden-mobile="false" class="QuickNavMenu_quick-nav-menu-item__1IRUs">
1 <a class="QuickNavMenu_quick-nav-menu-link__9HNcy" aria-label="MAIL" target="_blank" href="mailto:info.tegernsee@lanserhof.com">
1 <div data-is-last="false" class="QuickNavMenu_icon-wrapper__qRiwR">
1 
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"/>
1 </div>
1 <span>
1 MAIL
1 </span>
1 </a>
1 </div>
1 <div data-is-hidden-mobile="false" class="QuickNavMenu_quick-nav-menu-item__1IRUs">
1 <a class="QuickNavMenu_quick-nav-menu-link__9HNcy" aria-label="CONTACT" target="_blank" href="/de/kontakt/">
1 <div data-is-last="false" class="QuickNavMenu_icon-wrapper__qRiwR">
1 
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"/>
1 </div>
1 <span>
1 CONTACT
1 </span>
1 </a>
1 </div>
1 <div data-is-hidden-mobile="true" class="QuickNavMenu_quick-nav-menu-item__1IRUs">
1 <a class="QuickNavMenu_quick-nav-menu-link__9HNcy" aria-label="SHOP" target="_blank" href="https://shop.lanserhof.com/">
1 <div data-is-last="true" class="QuickNavMenu_icon-wrapper__qRiwR">
1 
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"/>
1 </div>
1 <span>
1 SHOP
1 </span>
1 </a>
1 </div>
1 
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">
1 <span class="Hamburger_menu-label__3wNgV" style="opacity:0;will-change:opacity,transform;transform:scale(0.9)">
1 MENU
1 </span>
1 
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)">
1 <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"/>
1 </div>
1 </button>
1 </div>
1 </nav>
1 </header>
1 <main id="deep-sleep-why-its-essential-for-your-health" class="news ">
1 <section class="Section_section__oHlmj PostHeader_post-header__Odiep has-grey-bg pb-0 section">
1 <div class="container pb-0 pt-0">
1 <nav aria-label="Breadcrumbs" class="column is-12 is-hidden-mobile Breadcrumbs_breadcrumbs__0II_j pl-0">
1 <ul>
1 <li>
1 <a class="Breadcrumbs_breadcrumbs-path__fU4Zz" target="_self" href="/en/">
1 Lanserhof
1 </a>
1 <span class="Breadcrumbs_separator__etls7">
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.877 14.751">
1 <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">
1 </path>
1 </svg>
1 </span>
1 </li>
1 <li>
1 <a class="Breadcrumbs_breadcrumbs-path__fU4Zz" target="_self" href="/en/health-guide/">
1 <span>
1 Health Guide
1 </span>
1 </a>
1 <span class="Breadcrumbs_separator__etls7">
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.877 14.751">
1 <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">
1 </path>
1 </svg>
1 </span>
1 </li>
1 <li aria-current="page">
1 <span class="Breadcrumbs_breadcrumbs-title__Hp5vF">
1 Deep Sleep: Why It’s Essential for Your Health
1 </span>
1 </li>
1 </ul>
1 </nav>
1 <div class="columns is-multiline is-centered">
1 <div class="column is-12-tablet is-10-widescreen is-8-fullhd">
1 <h1>
1 Deep Sleep: Why It’s Essential for Your Health
1 </h1>
1 </div>
1 </div>
1 </div>
1 </section>
1 
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 TextPostType_text-post-type__0ZK4B has-grey-bg default section" id="">
1 <div class="container container">
1 <div class="columns is-multiline is-centered">
1 <div class="column is-12-tablet is-10-widescreen is-8-fullhd">
1 <div class="undefined has-text-left">
1 <div style="opacity:0;transform:translateX(300px)">
1 <div class="is-clipped">
1 <div class=" is-clipped">
1 </div>
1 </div>
1 <div>
1 <p>
1 For this feature, we interviewed our
1 <strong>
1 Mind & Mental Health expert, Heide Ziegenbein
1 </strong>
1 from Lanserhof Sylt, who shared her expertise in the fields of resilience, hypnosis, and trauma.
1 </p>
2 <p>
2 
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>
2 1. What is non-REM and REM sleep? What is deep sleep, and when does it occur?
2 </strong>
2 </p>
3 <p>
3 Non-REM sleep (NREM) and REM sleep (Rapid Eye Movement sleep) are the two main phases of sleep, which alternate throughout the night:
3 </p>
4 <p>
4 
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>
4 Non-REM Sleep
4 </strong>
4 </p>
5 <p>
5 Non-REM sleep is divided into three stages:
5 <br>
6 <strong>
6 Stage 1
6 </strong>
6 : Light sleep from which you can be easily awakened.
6 <br>
7 <strong>
7 Stage 2
7 </strong>
7 : The body relaxes further – heart rate and body temperature drop slightly.
7 <br>
8 <strong>
8 Stage 3
8 </strong>
8 : Deep sleep – a very restorative phase where the body performs most of its repair work (e.g. muscle regeneration, immune support).
8 </p>
9 <p>
9 
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>
9 REM Sleep
9 </strong>
9 </p>
10 <p>
10 REM sleep begins around 90 minutes after falling asleep. The brain becomes more active – similar to when you’re awake – and
10 <strong>
10 dreaming
10 </strong>
10 occurs. It’s important for
10 <strong>
10 memory
10 </strong>
10 ,
10 <strong>
10 emotional processing
10 </strong>
10 , and
10 <strong>
10 learning
10 </strong>
10 .
10 </p>
11 <p>
11 We cycle through NREM and REM sleep several times a night. Both are important, but
11 <strong>
11 deep NREM sleep
11 </strong>
11 is especially essential for
11 <strong>
11 physical recovery
11 </strong>
11 , while
11 <strong>
11 REM sleep
11 </strong>
11 supports
11 <strong>
11 brain function
11 </strong>
11 .
11 </p>
12 <p>
12 
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>
12 2. What are the benefits of deep sleep for the immune system?
12 </strong>
12 </p>
13 <p>
13 During deep sleep, your body increases the production of
13 <strong>
13 cytokines
13 </strong>
13 – proteins that regulate immune responses. Some are
13 <strong>
13 pro-inflammatory
13 </strong>
13 and help fight infection or aid in recovery from stress or injury.
13 </p>
14 <p>
14 Deep sleep also boosts
14 <strong>
14 T-cell activity
14 </strong>
14 and improves their
14 <strong>
14 binding ability
14 </strong>
14 to pathogens.
14 </p>
15 <p>
15 Additionally,
15 <strong>
15 cortisol levels
15 </strong>
15 drop during deep sleep – allowing your immune system to function more effectively.
15 </p>
16 <p>
16 <strong>
16 In short:
16 </strong>
16 Deep sleep supports
16 <strong>
16 tissue repair
16 </strong>
16 ,
16 <strong>
16 reduces inflammation
16 </strong>
16 , and activates the
16 <strong>
16 glymphatic system
16 </strong>
16 to clear waste from the brain – all crucial for
16 <strong>
16 immune health
16 </strong>
16 .
16 </p>
17 <p>
17 
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>
17 3. How does deep sleep restore energy in the body?
17 </strong>
17 </p>
18 <p>
18 Deep sleep is like
18 <strong>
18 charging your body overnight
18 </strong>
18 .
18 </p>
19 <p>
19 The body produces
19 <strong>
19 ATP
19 </strong>
19 (adenosine triphosphate), your cells’ main energy source.
19 <strong>
19 Mitochondria
19 </strong>
19 also work more efficiently to replenish energy.
19 </p>
20 <p>
20 It also helps with
20 <strong>
20 muscle repair
20 </strong>
20 and activates the
20 <strong>
20 glymphatic system
20 </strong>
20 for
20 <strong>
20 mental refreshment
20 </strong>
20 .
20 </p>
21 <p>
21 
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>
21 4. How does deep sleep repair tissues?
21 </strong>
21 </p>
22 <p>
22 Deep sleep is like your body’s
22 <strong>
22 repair shop
22 </strong>
22 .
22 </p>
23 <p>
23 The pituitary gland releases
23 <strong>
23 human growth hormone (HGH)
23 </strong>
23 , stimulating
23 <strong>
23 cell growth
23 </strong>
23 ,
23 <strong>
23 tissue repair
23 </strong>
23 , and
23 <strong>
23 muscle regeneration
23 </strong>
23 .
23 </p>
24 <p>
24 It also regulates
24 <strong>
24 inflammation
24 </strong>
24 – reducing harmful responses and promoting healing.
24 </p>
25 <p>
25 <strong>
25 Lack of deep sleep
25 </strong>
25 leads to
25 <strong>
25 increased inflammation
25 </strong>
25 – a risk factor for many diseases.
25 </p>
26 <p>
26 
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>
26 5. Why does a regular sleep schedule promote deep sleep?
26 </strong>
26 </p>
27 <p>
27 The brain loves
27 <strong>
27 rhythm
27 </strong>
27 .
27 </p>
28 <p>
28 A consistent sleep time synchronises your
28 <strong>
28 internal clock
28 </strong>
28 , helping with
28 <strong>
28 melatonin release
28 </strong>
28 and quicker transition into
28 <strong>
28 deep sleep
28 </strong>
28 .
28 </p>
29 <p>
29 Sleep runs in ~90-minute
29 <strong>
29 cycles
29 </strong>
29 . A regular bedtime improves the quality of each cycle.
29 </p>
30 <p>
30 <strong>
30 Irregular schedules
30 </strong>
30 can reduce time spent in
30 <strong>
30 Stage 3 deep sleep
30 </strong>
30 .
30 </p>
31 <p>
31 
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>
31 6. How can an optimised sleep environment support deep sleep?
31 </strong>
31 </p>
32 <p>
32 Deep sleep thrives in a
32 <strong>
32 quiet
32 </strong>
32 ,
32 <strong>
32 cool
32 </strong>
32 ,
32 <strong>
32 dark
32 </strong>
32 , and
32 <strong>
32 calm
32 </strong>
32 environment.
32 </p>
33 <p>
33 Examples:
33 <br>
34 –
34 <strong>
34 Darkness
34 </strong>
34 : Blackout curtains or eye mask
34 <br>
35 –
35 <strong>
35 Cool room
35 </strong>
35 : 15–19°C is ideal
35 <br>
36 –
36 <strong>
36 Noise control
36 </strong>
36 : Earplugs or white noise
36 <br>
37 –
37 <strong>
37 Comfort
37 </strong>
37 : Supportive mattress and breathable bedding
37 <br>
38 –
38 <strong>
38 Tech-free
38 </strong>
38 : Avoid screens before bed
38 <br>
39 –
39 <strong>
39 Relaxing atmosphere
39 </strong>
39 : Soft light, lavender scent, or calming sounds
39 </p>
40 </div>
40 </div>
40 </div>
40 </div>
40 </div>
40 </div>
40 </section>
40 
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 TextPostType_text-post-type__0ZK4B has-grey-bg is-gapless-top section" id="">
40 <div class="container container">
40 <div class="columns is-multiline is-centered">
40 <div class="column is-12-tablet is-10-widescreen is-8-fullhd">
40 <div class="undefined has-text-left">
40 <div style="opacity:0;transform:translateX(300px)">
40 <div class="is-clipped">
40 <div class=" is-clipped">
40 <h2 class="">
40 Tips for an Optimised Sleep Environment:
40 </h2>
40 </div>
40 </div>
40 <div>
40 <p>
40 <strong>
40 Darkness
40 </strong>
40 <br>
41 Blackout curtains or a sleep mask: Light disrupts melatonin production and interrupts deep sleep.
41 </p>
42 <p>
42 <strong>
42 Cool Room Temperature
42 </strong>
42 <br>
43 Ideal: 15–19 °C – helps lower core body temperature and supports deep sleep.
43 </p>
44 <p>
44 <strong>
44 Noise Reduction
44 </strong>
44 <br>
45 White noise, earplugs or special apps: Block disruptive sounds that can disturb sleep.
45 </p>
46 <p>
46 <strong>
46 Comfortable Bed
46 </strong>
46 <br>
47 A supportive mattress and breathable bedding: Prevent physical discomfort that can interfere with sleep.
47 </p>
48 <p>
48 <strong>
48 Screen-Free Wind Down
48 </strong>
48 <br>
49 No screens before bedtime: Blue light and mental stimulation delay deep sleep.
49 </p>
50 <p>
50 <strong>
50 Calming Atmosphere
50 </strong>
50 <br>
51 Soothing scents (e.g. lavender), dim lighting or soft music: Activate the body’s relaxation response.
51 </p>
52 </div>
52 <a class="btn primary Button_btn__1Gtek Button_primary__ivjK_" target="_blank" href="/en/lanserhof-sylt/treatments/programm-sleep-well-sylt/">
52 <span class="Button_children__ngKoL">
52 Find out more about our sleep programme
52 </span>
52 </a>
52 </div>
52 </div>
52 </div>
52 </div>
52 </div>
52 </section>
52 <section class="Section_section__oHlmj media Media_media-module__IFZ1f has-grey-bg default section">
52 <div class="container ">
52 <div class="columns is-centered is-multiline">
52 <div class="column ">
52 <div class="is-clipped">
52 <div class=" is-clipped">
52 <span class="Headline_overline__0PWBJ overline">
52 MEDFACTS – Scientific Expertise, Clearly Explained
52 </span>
52 <h2 class="">
52 Episode 4: Sleep Medicine with Bianca Maus
52 </h2>
52 </div>
52 </div>
52 </div>
52 <div class="column is-12-tablet is-10-desktop is-8-ultrahd is-centered Media_media-col__1Zmbn" style="transform:scale(0.7)">
53 <div class="Media_content-blocker-video-wrapper__X5m0I is-relative ">
53 </div>
53 </div>
53 <div class="column is-12">
53 <button class="btn primary Button_btn__1Gtek Button_primary__ivjK_ Media_back__dNsdY">
53 <span class="Button_children__ngKoL">
53 Back to overview
53 </span>
53 </button>
53 </div>
53 </div>
53 </div>
53 </section>
53 <div class="RetreatButton_retreat-button-wrapper__JCYkL retreat-button-wrapper" style="--bg-desktop:#96bdcd;--bg-hover-desktop:#2c2f38;will-change:transform">
53 <a class="RetreatButton_retreat-button__8J1LU retreat-button" aria-label="Booking request" target="_self" href="/en/plan-your-stay/">
53 <div class="RetreatButton_arrow__XbWgr">
53 <div class="RetreatButton_icon-wrapper__IJnBa">
53 <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"/>
53 <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"/>
53 </div>
53 </div>
53 <span class="RetreatButton_title___9DZ4">
53 Booking request
53 </span>
53 </a>
53 </div>
53 </main>
53 <footer class="Footer_footer__OYoYH has-dark-grey-bg" aria-label="footer" id="kontakt">
53 <section class="Section_section__oHlmj pb-2 pt-6 section">
53 <div class="container py-0">
53 <span class="Footer_instagram-title__aMV8U mb-6">
53 Lanserhof on Instagram
53 </span>
53 <div class="insta socials no-padding-bottom has-text-centered undefined">
53 <div class="feed-wrapper">
53 <div>
53 <p>
53 Zurzeit sind keine Instagram Posts verfügbar
53 </p>
53 </div>
53 </div>
53 </div>
53 <div class="is-flex is-justify-content-center">
53 <a class="btn primary Button_btn__1Gtek Button_primary__ivjK_ Footer_follow-button__E5PHc" target="_blank" href="https://www.instagram.com/lanserhof">
53 <span class="Button_children__ngKoL">
53 <strong>
53 Follow
53 </strong>
53 us
53 </span>
53 </a>
53 </div>
53 <div class="Socials_socials__g1jWB">
53 
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/">
53 
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"/>
53 </a>
53 
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/">
53 
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"/>
53 </a>
53 
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/">
53 
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"/>
53 </a>
53 
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">
53 
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"/>
53 </a>
53 
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">
53 
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"/>
53 </a>
53 </div>
53 <div class="Footer_divider__bfFrr my-6">
53 </div>
53 <div class="columns">
53 <div class="column is-2-tablet is-3-desktop is-2-widescreen is-hidden-mobile">
53 <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"/>
53 </div>
53 <div class="column is-10-tablet is-9-desktop is-10-widescreen">
53 <div class="columns is-multiline Footer_main-menu__48BNz">
53 <div class="column is-6-tablet is-3-widescreen">
53 <div class="is-flex is-flex-direction-column">
53 <div class="is-flex is-justify-content-space-between is-align-items-center">
53 <span class="Footer_main-menu-title__ZRXUB">
53 LANSERHOF
53 </span>
53 </div>
53 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
53 <a href="/en/lanserhof-concept/">
53 Lanserhof Concept
53 </a>
53 <a href="/en/services/">
53 Our range of services
53 </a>
53 <a href="/en/gallery/">
53 Gallery
53 </a>
53 <a href="/en/blog/">
53 Health Guide
53 </a>
53 </div>
53 </div>
53 </div>
53 <div class="column is-6-tablet is-3-widescreen">
53 <div class="is-flex is-flex-direction-column">
53 <div class="is-flex is-justify-content-space-between is-align-items-center">
53 <span class="Footer_main-menu-title__ZRXUB">
53 RESORT
53 </span>
53 </div>
53 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
53 <a href="/en/lanserhof-tegernsee/">
53 Lanserhof Tegernsee
53 </a>
53 <a href="/en/lanserhof-lans/">
53 Lanserhof Lans
53 </a>
53 <a href="/en/lanserhof-sylt/">
53 Lanserhof Sylt
53 </a>
53 </div>
53 </div>
53 </div>
53 <div class="column is-6-tablet is-3-widescreen">
53 <div class="is-flex is-flex-direction-column">
53 <div class="is-flex is-justify-content-space-between is-align-items-center">
53 <span class="Footer_main-menu-title__ZRXUB">
53 FURTHER LOCATIONS
53 </span>
53 </div>
53 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
53 <a href="https://lhtac.com/">
53 Lanserhof at The Art Club London
53 </a>
53 <a href="https://lansmedicum.de/">
53 Lans Medicum Hamburg
53 </a>
53 <a href="https://lansphysio.de/">
53 Lans Physio Hamburg
53 </a>
53 </div>
53 </div>
53 </div>
53 <div class="column is-6-tablet is-3-widescreen">
53 <div class="is-flex is-flex-direction-column">
53 <div class="is-flex is-justify-content-space-between is-align-items-center">
53 <span class="Footer_main-menu-title__ZRXUB">
53 CONTACT | CAREER
53 </span>
53 </div>
53 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
53 <a href="/en/contact/">
53 Contact
53 </a>
53 <a href="/en/newsletter/">
53 Newsletter
53 </a>
53 <a href="https://jobs.lanserhof.com/">
53 Career
53 </a>
53 </div>
53 </div>
53 </div>
53 </div>
53 </div>
53 </div>
53 <div class="Footer_legal-menu__EdlZ3">
53 <div id="legal-menu" role="menubar" aria-label="legal-menu" class="LegalMenu_legal-menu__NiQAK">
53 <a class="legal menu-item" role="menuitem" id="menuitem-0" href="/en/legal-information/">
53 Legal Information
53 </a>
53 <span class="LegalMenu_divider__Yf_T6">
53 |
53 </span>
53 <a class="legal menu-item" role="menuitem" id="menuitem-1" href="/en/accessibility-information/">
53 Accessibility Information
53 </a>
53 <span class="LegalMenu_divider__Yf_T6">
53 |
53 </span>
53 <a class="legal menu-item" role="menuitem" id="menuitem-2" href="/en/privacy-policy/">
53 Privacy policy
53 </a>
53 <span class="LegalMenu_divider__Yf_T6">
53 |
53 </span>
53 <a class="legal menu-item LegalMenu_consent__oFrmR" role="menuitem" id="menuitem-privacysettings">
53 Privacy Settings
53 </a>
53 </div>
53 </div>
53 <div class="Footer_divider__bfFrr my-3">
53 </div>
53 <div class="Footer_bottom__KuoWZ">
53 <p class="Footer_copyright__1ODhL">
53 <span>
53 Copyright
53 </span>
53 <span>
53 2025
53 ,
53 </span>
53 <span>
53 Lanserhof
53 </span>
53 </p>
53 <div class="Footer_webdesign__UZPW_">
53 <div>
53 Webdesign & Development by
53 <a target="_blank" href="https://www.aleksundshantu.com/">
53 ALEKS & SHANTU
53 </a>
53 </div>
53 </div>
53 </div>
53 </div>
53 </section>
53 </footer>
53 </div>
53 <script id="__NEXT_DATA__" type="application/json">
53 </script>
53 </body>
53 </html>