Issues:
26 Errors 8 Probable Errors 19 Warnings 1 Extra Info
DOCTYPE:
HTML5
Summary report > Page report
26 Errors
- 19 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.
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"/> 50 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"/> 50 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"/> 50 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"/> 50 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"/> 50 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.
1 User interface controls without a label should have an accessible name <button class="SearchInput_button__XVGZK"> - 1 E9081 - SC 2.5.3: The accessible name in 'aria-label' must contain the visible label text. The accessible name used by accessibility aids must contain the text displayed by the visible label. When choosing the text remember that both the name and the label may be read out aloud. See Understanding 2.5.3, and Accessibility API Mappings.
1 The accessible name in 'aria-label' must contain the visible label text: MENÜ <button class="Hamburger_hamburger__6VuUc" aria-label="Öffnet und schließt das Hauptmenü" aria-controls="navbar-main" aria-expanded="false"> - 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.
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"/> 50 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"/> 50 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"/> 50 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"/> 50 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"/> 50 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.
1 The value of 'aria-controls' must match an 'id' in the same document <button class="Hamburger_hamburger__6VuUc" aria-label="Öffnet und schließt das Hauptmenü" 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.
1 The form control label 'de' 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 'de' 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.
- 5 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.
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=""> 37 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=""> - 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"/> - 1 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 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.
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.
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"/> 50 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"/> 50 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"/> 50 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"/> 50 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"/> 50 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.
19 Warnings
- 17 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.
50 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/"> 50 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/"> 50 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/"> 50 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"> 50 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"> - 9 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.
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> 19 Heading mark-up should be used if this is a heading <strong> 23 Heading mark-up should be used if this is a heading <strong> 28 Heading mark-up should be used if this is a heading <strong> 34 Heading mark-up should be used if this is a heading <strong> 37 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.
1 Avoid using fallback accessible names created from 'placeholder' <input type="text" name="searchbar" placeholder="Suchbegriff" 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="21"/>
- 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 Extra Info
- 1 WCAG2 A
- 1 I885 - SC 2.4.3: When 'tabindex' is used the tab order may become incorrect. With 'tabindex', changes to the page can easily change the tab order such that it no longer follows logical relationships and sequences in the content. So, you should manually check any pages that use 'tabindex' to be sure they still make sense. See WCAG2 Failure F44.
0 
I885WCAG2 A 2.4.3: When 'tabindex' is used the tab order may become incorrect
With 'tabindex', changes to the page can easily change the tab order such that it no longer follows logical relationships and sequences in the content. So, you should manually check any pages that use 'tabindex' to be sure they still make sense. See WCAG2 Failure F44.
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="de">
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: Warum er so wichtig ist - 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="de_DE"/>
1 <meta property="og:type" content="article"/>
1 <meta property="og:title" content="Deep Sleep: Warum er so wichtig ist - 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/de/gesundheitsratgeber/deep-sleep-warum-er-so-wichtig-ist/"/>
1 <meta property="og:site_name" content="Lanserhof"/>
1 <meta property="article:modified_time" content="2025-05-25T08:56:08+00:00"/>
1 <link rel="canonical" 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="twitter_card" content="summary_large_image"/>
1 <script type="application/ld+json" class="yoast-schema-graph">
1 </script>
1 <link rel="alternate" hrefLang="de" href="https://lanserhof.com/de/gesundheitsratgeber/deep-sleep-warum-er-so-wichtig-ist/"/>
1 <link rel="alternate" hrefLang="en" 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="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="/de/">
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 'de' 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 de
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 'de' 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 de
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 Suche
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="Suchbegriff" 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="KONTAKT" 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 KONTAKT
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.
E9081WCAG2 A 2.5.3: The accessible name in 'aria-label' must contain the visible label text: MENÜ
The accessible name used by accessibility aids must contain the text displayed by the visible label. When choosing the text remember that both the name and the label may be read out aloud. See Understanding 2.5.3, and Accessibility API Mappings.
<button class="Hamburger_hamburger__6VuUc" aria-label="Öffnet und schließt das Hauptmenü" 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 MENÜ
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-warum-er-so-wichtig-ist" 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="/de/">
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="/de/gesundheitsratgeber/">
1 <span>
1 Gesundheitsratgeber
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: Warum er so wichtig ist
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: Warum er so wichtig ist
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 Für diesen Beitrag haben wir mit unserer
1 <strong>
1 Mind & Mental Health Expertin, Heide Ziegenbein
1 </strong>
1 vom Lanserhof Sylt gesprochen, die ihr Fachwissen in den Bereichen Resilienz, Hypnose und Trauma mit uns geteilt hat.
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. Was ist Non-REM- und REM-Schlaf? Was ist Tiefschlaf und wann tritt er auf?
2 </strong>
2 </p>
3 <p>
3 Non-REM-Schlaf (NREM) und REM-Schlaf (Rapid Eye Movement – Schlaf mit schnellen Augenbewegungen) sind die zwei Hauptschlafphasen, die sich während der Nacht abwechseln:
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-Schlaf
4 </strong>
4 </p>
5 <p>
5 Der Non-REM-Schlaf lässt sich in drei Stadien unterteilen:
5 <br>
6 *Stadium 1* ist eine leichte Schlafphase, aus der man leicht geweckt werden kann.
6 <br>
7 In *Stadium 2* entspannt sich der Körper weiter – Herzfrequenz und Körpertemperatur sinken leicht.
7 <br>
8 *Stadium 3* ist der Tiefschlaf – eine sehr erholsame Phase, aus der man nur schwer erwacht. In dieser Phase erledigt der Körper die meiste Reparaturarbeit (z. B. Muskelregeneration, Unterstützung des Immunsystems usw.).
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-Schlaf
9 </strong>
9 </p>
10 <p>
10 Der REM-Schlaf beginnt etwa 90 Minuten nach dem Einschlafen. In dieser Phase ist das Gehirn aktiver – ähnlich wie im Wachzustand – und Träume treten auf. REM-Schlaf ist wichtig für Gedächtnisbildung, emotionale Verarbeitung und Lernen.
10 </p>
11 <p>
11 Der Körper durchläuft im Laufe der Nacht mehrmals einen Zyklus aus NREM- und REM-Schlaf. Beide sind wichtig: Tiefschlaf im NREM ist besonders entscheidend für die körperliche Erholung, während der REM-Schlaf eine zentrale Rolle für die geistige Leistungsfähigkeit spielt.
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. Welche Vorteile hat der Tiefschlaf für das Immunsystem? (Was passiert dabei im Körper?)
12 </strong>
12 </p>
13 <p>
13 Tolle Frage – Tiefschlaf unterstützt Ihr Immunsystem auf effektive Weise im Hintergrund.
13 <br>
14 Während des Tiefschlafs erhöht der Körper die Produktion von Zytokinen – kleinen Proteinen, die die Immunantwort regulieren. Einige dieser Zytokine wirken entzündungsfördernd und helfen dem Körper, Infektionen zu bekämpfen oder sich von Stress und Verletzungen zu erholen. Besonders in Krankheits- oder Stressphasen benötigt der Körper mehr davon – und Tiefschlaf sorgt dafür, dass sie ausreichend produziert werden.
14 </p>
15 <p>
15 Zusätzlich erhöht Tiefschlaf die Aktivität von T-Zellen – wichtige Immunzellen, die infizierte Zellen gezielt erkennen und zerstören. Schlaf verbessert außerdem deren „Haftfähigkeit“, also die Fähigkeit, sich an Krankheitserreger zu binden.
15 </p>
16 <p>
16 Nicht zuletzt sinkt im Tiefschlaf der Cortisolspiegel – das Stresshormon. Ein hoher Cortisolspiegel (etwa durch Stress oder schlechten Schlaf) kann die Immunabwehr unterdrücken. Tiefschlaf bringt das Gleichgewicht wieder ins Lot.
16 </p>
17 <p>
17 Während REM-Schlaf das mentale Gedächtnis stärkt, unterstützt Tiefschlaf das sogenannte „Immun-Gedächtnis“ – also die Fähigkeit des Körpers, sich an bereits bekämpfte Erreger zu erinnern und schneller auf sie zu reagieren.
17 </p>
18 <p>
18 <strong>
18 Kurz gesagt:
18 </strong>
18 Tiefschlaf ist die Zeit, in der Gewebe repariert wird, Entzündungen abnehmen und das glymphatische System Abfallstoffe aus dem Gehirn entfernt – alles entscheidend für Gesundheit und Immunkraft.
18 </p>
19 <p>
19 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>
19 3. Wie hilft Tiefschlaf, Energie im Körper wiederherzustellen?
19 </strong>
19 </p>
20 <p>
20 Tiefschlaf ist wie das Aufladen eines Akkus über Nacht.
20 <br>
21 Der Körper konzentriert sich in dieser Phase auf die Produktion von ATP (Adenosintriphosphat) – der zentralen Energiequelle unserer Zellen. Gleichzeitig arbeiten die Mitochondrien (die „Kraftwerke“ der Zellen) effizienter und füllen die tagsüber verbrauchten Energiespeicher wieder auf.
21 </p>
22 <p>
22 Auch Gewebe- und Muskelreparatur wird in dieser Zeit aktiviert. Und nicht zu vergessen: Das glymphatische System wird aktiviert und befreit das Gehirn von Stoffwechselabfällen – ein wichtiger Beitrag zur geistigen Erfrischung und Konzentrationsfähigkeit.
22 </p>
23 <p>
23 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>
23 4. Wie repariert der Tiefschlaf Gewebe – und warum ist das wichtig für die Gesundheit?
23 </strong>
23 </p>
24 <p>
24 Tiefschlaf ist wie eine nächtliche Reparaturwerkstatt für den Körper.
24 <br>
25 Ohne ihn stockt die körperliche Regeneration, Entzündungen nehmen zu, und langfristige Gesundheit leidet. Während des Tiefschlafs schüttet die Hypophyse (Hirnanhangsdrüse) Wachstumshormon (HGH – Human Growth Hormone) aus. Dieses fördert Zellwachstum, Gewebeheilung und Muskelregeneration – besonders wichtig nach körperlicher Belastung, Verletzung oder Krankheit.
25 </p>
26 <p>
26 Tiefschlaf reguliert außerdem die Entzündungsreaktionen – er dämpft unnötige Entzündungen und fördert gleichzeitig gezielte Heilprozesse.
26 <br>
27 Ein chronischer Mangel an Tiefschlaf hingegen steigert entzündliche Prozesse – ein Risikofaktor für viele Krankheiten.
27 </p>
28 <p>
28 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>
28 5. Warum fördert ein regelmäßiger Schlafrhythmus den Tiefschlaf?
28 </strong>
28 </p>
29 <p>
29 Das Gehirn liebt Rhythmus.
29 <br>
30 Ein konsequenter Schlafenszeitplan synchronisiert Ihre innere Uhr und signalisiert dem Körper, wann es Zeit ist, sich zu entspannen. Das verbessert sowohl die Qualität als auch den Zeitpunkt des Tiefschlafs – besonders in der ersten Nachthälfte, wenn er am stärksten auftritt.
30 </p>
31 <p>
31 Wenn Ihr Körper regelmäßig zur gleichen Zeit schlafen geht, produziert er effizienter Melatonin – das Schlafhormon. Das erleichtert das Einschlafen und sorgt dafür, dass Sie schneller und länger in den Tiefschlaf gelangen.
31 </p>
32 <p>
32 Der Schlaf verläuft in etwa 90-minütigen Zyklen. Ein fester Rhythmus hilft dem Körper, diese optimal zu durchlaufen.
32 <br>
33 Unregelmäßige Schlafzeiten hingegen verkürzen oft die Tiefschlafphasen (Stadium 3), die für die Erholung am wichtigsten sind.
33 </p>
34 <p>
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 6. Wie kann eine optimierte Schlafumgebung den Tiefschlaf unterstützen? (Überblick)
34 </strong>
34 </p>
35 <p>
35 Tiefschlaf braucht eine Umgebung, die ruhig, kühl, dunkel und entspannt ist.
35 <br>
36 Das richtige Setting signalisiert dem Gehirn, dass es sicher ist, sich vollständig zu entspannen und in die erholsameren Schlafphasen einzutauchen.
36 </p>
37 </div>
37 </div>
37 </div>
37 </div>
37 </div>
37 </div>
37 </section>
37 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="">
37 <div class="container container">
37 <div class="columns is-multiline is-centered">
37 <div class="column is-12-tablet is-10-widescreen is-8-fullhd">
37 <div class="undefined has-text-left">
37 <div style="opacity:0;transform:translateX(300px)">
37 <div class="is-clipped">
37 <div class=" is-clipped">
37 <h2 class="">
37 Tipps für eine optimierte Schlafumgebung:
37 </h2>
37 </div>
37 </div>
37 <div>
37 <p>
37 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>
37 Dunkelheit
37 </strong>
37 </p>
38 <p>
38 Verdunkelungsvorhänge oder Schlafmaske: Licht stört die Melatoninproduktion und unterbricht den Tiefschlaf.
38 </p>
39 <p>
39 <strong>
39 Kühle Raumtemperatur
39 </strong>
39 <br>
40 Ideal: 15–19 °C – hilft, die Körperkerntemperatur zu senken und fördert so den Tiefschlaf.
40 </p>
41 <p>
41 <strong>
41 Lärmreduktion
41 </strong>
41 <br>
42 Weißes Rauschen, Ohrstöpsel oder spezielle Apps: Blockieren störende Geräusche, die den Schlaf unterbrechen.
42 </p>
43 <p>
43 <strong>
43 Bequemes Bett
43 </strong>
43 <br>
44 Eine unterstützende Matratze und atmungsaktive Bettwäsche: Verhindern körperliches Unbehagen, das den Schlaf stören kann.
44 </p>
45 <p>
45 <strong>
45 Bildschirmfreie Einschlafzeit
45 </strong>
45 <br>
46 Keine Bildschirme vor dem Zubettgehen: Blaues Licht und mentale Aktivierung verzögern den Tiefschlaf.
46 </p>
47 <p>
47 <strong>
47 Beruhigende Atmosphäre
47 </strong>
47 <br>
48 Sanfte Düfte (z. B. Lavendel), gedimmtes Licht oder ruhige Musik: Aktivieren die Entspannungsreaktion des Körpers.
48 </p>
49 </div>
49 <a class="btn primary Button_btn__1Gtek Button_primary__ivjK_" target="_blank" href="/de/lanserhof-sylt/kuren/paket-sleep-well-sylt/">
49 <span class="Button_children__ngKoL">
49 Entdecken Sie unser Schlaf Paket
49 </span>
49 </a>
49 </div>
49 </div>
49 </div>
49 </div>
49 </div>
49 </section>
49 <section class="Section_section__oHlmj media Media_media-module__IFZ1f has-grey-bg default section">
49 <div class="container ">
49 <div class="columns is-centered is-multiline">
49 <div class="column ">
49 <div class="is-clipped">
49 <div class=" is-clipped">
49 <span class="Headline_overline__0PWBJ overline">
49 MEDFACTS – WISSENSCHAFTLICHE EXPERTISE KOMPAKT VERMITTELT
49 </span>
49 <h2 class="">
49 Folge 4: Schlafmedizin mit Bianca Maus
49 </h2>
49 </div>
49 </div>
49 </div>
49 <div class="column is-12-tablet is-10-desktop is-8-ultrahd is-centered Media_media-col__1Zmbn" style="transform:scale(0.7)">
50 <div class="Media_content-blocker-video-wrapper__X5m0I is-relative ">
50 </div>
50 </div>
50 <div class="column is-12">
50 <button class="btn primary Button_btn__1Gtek Button_primary__ivjK_ Media_back__dNsdY">
50 <span class="Button_children__ngKoL">
50 Zurück zur Übersicht
50 </span>
50 </button>
50 </div>
50 </div>
50 </div>
50 </section>
50 <div class="RetreatButton_retreat-button-wrapper__JCYkL retreat-button-wrapper" style="--bg-desktop:#96bdcd;--bg-hover-desktop:#2c2f38;will-change:transform">
50 <a class="RetreatButton_retreat-button__8J1LU retreat-button" aria-label="Aufenthalt buchen" target="_self" href="/de/aufenthalt-planen/">
50 <div class="RetreatButton_arrow__XbWgr">
50 <div class="RetreatButton_icon-wrapper__IJnBa">
50 <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"/>
50 <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"/>
50 </div>
50 </div>
50 <span class="RetreatButton_title___9DZ4">
50 Aufenthalt buchen
50 </span>
50 </a>
50 </div>
50 </main>
50 <footer class="Footer_footer__OYoYH has-dark-grey-bg" aria-label="footer" id="kontakt">
50 <section class="Section_section__oHlmj pb-2 pt-6 section">
50 <div class="container py-0">
50 <span class="Footer_instagram-title__aMV8U mb-6">
50 Lanserhof auf Instagram
50 </span>
50 <div class="insta socials no-padding-bottom has-text-centered undefined">
50 <div class="feed-wrapper">
50 <div>
50 <p>
50 Zurzeit sind keine Instagram Posts verfügbar
50 </p>
50 </div>
50 </div>
50 </div>
50 <div class="is-flex is-justify-content-center">
50 <a class="btn primary Button_btn__1Gtek Button_primary__ivjK_ Footer_follow-button__E5PHc" target="_blank" href="https://www.instagram.com/lanserhof">
50 <span class="Button_children__ngKoL">
50 <strong>
50 Folgen
50 </strong>
50 Sie uns
50 </span>
50 </a>
50 </div>
50 <div class="Socials_socials__g1jWB">
50 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/">
50 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"/>
50 </a>
50 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/">
50 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"/>
50 </a>
50 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/">
50 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"/>
50 </a>
50 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">
50 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"/>
50 </a>
50 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">
50 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"/>
50 </a>
50 </div>
50 <div class="Footer_divider__bfFrr my-6">
50 </div>
50 <div class="columns">
50 <div class="column is-2-tablet is-3-desktop is-2-widescreen is-hidden-mobile">
50 <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"/>
50 </div>
50 <div class="column is-10-tablet is-9-desktop is-10-widescreen">
50 <div class="columns is-multiline Footer_main-menu__48BNz">
50 <div class="column is-6-tablet is-3-widescreen">
50 <div class="is-flex is-flex-direction-column">
50 <div class="is-flex is-justify-content-space-between is-align-items-center">
50 <span class="Footer_main-menu-title__ZRXUB">
50 LANSERHOF
50 </span>
50 </div>
50 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
50 <a href="/de/lanserhof-concept/">
50 Lanserhof Concept
50 </a>
50 <a href="/de/leistungen/">
50 Leistungsangebot
50 </a>
50 <a href="/de/galerie/">
50 Galerie
50 </a>
50 <a href="/de/blog/">
50 Gesundheitsratgeber
50 </a>
50 <a href="/de/lanserhof-podcast/">
50 Lanserhof Podcast
50 </a>
50 </div>
50 </div>
50 </div>
50 <div class="column is-6-tablet is-3-widescreen">
50 <div class="is-flex is-flex-direction-column">
50 <div class="is-flex is-justify-content-space-between is-align-items-center">
50 <span class="Footer_main-menu-title__ZRXUB">
50 RESORT
50 </span>
50 </div>
50 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
50 <a href="/de/lanserhof-lans/">
50 Lanserhof Lans
50 </a>
50 <a href="/de/lanserhof-sylt/">
50 Lanserhof Sylt
50 </a>
50 <a href="/de/lanserhof-tegernsee/">
50 Lanserhof Tegernsee
50 </a>
50 </div>
50 </div>
50 </div>
50 <div class="column is-6-tablet is-3-widescreen">
50 <div class="is-flex is-flex-direction-column">
50 <div class="is-flex is-justify-content-space-between is-align-items-center">
50 <span class="Footer_main-menu-title__ZRXUB">
50 WEITERE STANDORTE
50 </span>
50 </div>
50 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
50 <a href="https://lhtac.com/">
50 Lanserhof at The Art Club London
50 </a>
50 <a href="https://lansmedicum.de/">
50 Lans Medicum Hamburg
50 </a>
50 <a href="https://lansphysio.de/">
50 Lans Physio Hamburg
50 </a>
50 </div>
50 </div>
50 </div>
50 <div class="column is-6-tablet is-3-widescreen">
50 <div class="is-flex is-flex-direction-column">
50 <div class="is-flex is-justify-content-space-between is-align-items-center">
50 <span class="Footer_main-menu-title__ZRXUB">
50 KONTAKT | KARRIERE
50 </span>
50 </div>
50 <div class="is-flex is-flex-direction-column is-clipped" style="opacity:0;height:0px;will-change:opacity">
50 <a href="/de/kontakt/">
50 Kontakt
50 </a>
50 <a href="/de/newsletter/">
50 Newsletter
50 </a>
50 <a href="https://jobs.lanserhof.com/">
50 Karriere
50 </a>
50 </div>
50 </div>
50 </div>
50 </div>
50 </div>
50 </div>
50 <div class="Footer_legal-menu__EdlZ3">
50 <div id="legal-menu" role="menubar" aria-label="legal-menu" class="LegalMenu_legal-menu__NiQAK">
50 <a class="legal menu-item" role="menuitem" id="menuitem-0" href="/de/datenschutzerklaerung/">
50 Datenschutzerklärung
50 </a>
50 <span class="LegalMenu_divider__Yf_T6">
50 |
50 </span>
50 <a class="legal menu-item" role="menuitem" id="menuitem-1" href="/de/barrierefreiheit/">
50 Barrierefreiheit
50 </a>
50 <span class="LegalMenu_divider__Yf_T6">
50 |
50 </span>
50 <a class="legal menu-item" role="menuitem" id="menuitem-2" href="/de/impressum/">
50 Impressum
50 </a>
50 <span class="LegalMenu_divider__Yf_T6">
50 |
50 </span>
50 <a class="legal menu-item LegalMenu_consent__oFrmR" role="menuitem" id="menuitem-privacysettings">
50 Persönliche Einstellungen
50 </a>
50 </div>
50 </div>
50 <div class="Footer_divider__bfFrr my-3">
50 </div>
50 <div class="Footer_bottom__KuoWZ">
50 <p class="Footer_copyright__1ODhL">
50 <span>
50 Copyright
50 </span>
50 <span>
50 2025
50 ,
50 </span>
50 <span>
50 Lanserhof
50 </span>
50 </p>
50 <div class="Footer_webdesign__UZPW_">
50 <div>
50 Webdesign & Development by
50 <a tabindex="2" target="_blank" href="https://www.aleksundshantu.com/">
50 ALEKS & SHANTU
50 </a>
50 </div>
50 </div>
50 </div>
50 </div>
50 </section>
50 </footer>
50 </div>
50 <script id="__NEXT_DATA__" type="application/json">
50 </script>
50 </body>
50 </html>