Accessibility issues detected on dema-online.com
Evolize inspected 4 publicly accessible pages on dema-online.com and detected 37 automatically identifiable accessibility findings. 6 findings were classified as critical or high priority. The findings map to 8 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve hidden elements can still receive keyboard focus, svg graphics are missing text alternatives, content sits outside any landmark region.
37findings detected
6critical + high
4pages inspected
26 Aug 2026assessed
Independent public assessment. dema-online.com is not necessarily affiliated with or a customer of Evolize.
01 · Accessibility summary
Evolize inspected 4 publicly accessible pages on dema-online.com and detected 37 automatically identifiable accessibility findings. 6 findings were classified as critical or high priority. The findings map to 8 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve hidden elements can still receive keyboard focus, svg graphics are missing text alternatives, content sits outside any landmark region.
02 · Priority findings
03 · WCAG criteria affected
| Criterion | Name | Level | Findings | Pages |
|---|---|---|---|---|
| 1.4.3 | Contrast (Minimum) | AA | 13 | 4 |
| 2.5.8 | Target Size (Minimum) | AA | 11 | 4 |
| 2.4.3 | Focus Order | A | 7 | 4 |
| 1.3.1 | Info and Relationships | A | 2 | 4 |
| 2.1.1 | Keyboard | A | 2 | 1 |
| 2.2.2 | Pause, Stop, Hide | A | 2 | 1 |
| 1.1.1 | Non-text Content | A | 1 | 2 |
| 4.1.2 | Name, Role, Value | A | 1 | 3 |
Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.
Continuous monitoring
A scan shows today's exposure. Monitoring shows what changes next.
Evolize continuously rescans public websites, detects newly introduced or recurring accessibility issues, tracks remediation and verifies fixes.
04 · All detected findings
High
Hidden elements can still receive keyboard focus
ComponentRef QAJ5JW
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.dema-online.com/Element
ul#menu-main_ita-1 > li:nth-of-type(1) > aAccessible nameHome
Markup
<a href="https://www.dema-online.com/" aria-current="page" title="Home"><i class="fa-solid fa-home" aria-hidden="true"></i></a>
How to fixTo fix this issue, ensure that all interactive elements are visible when they receive keyboard focus. You can do this by setting 'display: none;' or 'visibility: hidden;' on the element when it's not visible, or by removing it from the tab order using the 'tabindex' attribute. For example, you can add 'tabindex='-1'' to the element to remove it from the tab order when it's not visible.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef QW8C79
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.dema-online.com/Element
aside#polylang-14 > ul > li > aAccessible name中文 (中国)
Markup
<a lang="zh-CN" hreflang="zh-CN" href="https://www.dema-online.com/zh/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAXVBMVEXUAADlQgDLAADBAADtgXn63Xjypnf1wHHpcG/oZmbmXVzlU1PjS0q1AAD981775VvwnVD2zkvhPz/fNzfdMjHcKyvaJyfsi0baISHYGhqqAADWExPTDQ2jAACfAAApGpDBAAAAWklEQVR4ATXIhQHDQBTDUMll2n/RMiU5/vQsAE4EsPbaKVOU+pXNwc/WKQXeDZMKu+psCXw/Z7efarmENd6GIwGpXhUvM4spxoiEbouRNT7Fmtaq+RG4wAqZZvceD8DeIelqAAAAAElFTkSuQmCC" alt="" width="16" height="11" style="width: 16px; height: 11px;"><span style="margin-left:0.3em;">中文 (中国)</span></a>
How to fixKeep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef QAJ5GZ
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.dema-online.com/Element
li#menu-item-1672 > aAccessible nameHome
Markup
<a href="https://www.dema-online.com/" aria-current="page" title="Home"><i class="fa-solid fa-home" aria-hidden="true"></i></a>
How to fixTo fix this issue, ensure that the element is either visible when it receives focus or is removed from the tab order. Consider adding a `tabindex=-1` attribute to the element or adjusting its CSS to make it visible when focused.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef EML584
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.dema-online.com/Element
html > body > div:nth-of-type(2) > buttonAccessible nameImpostazioni dei cookie
Markup
<button class="cky-btn-revisit" aria-label="Impostazioni dei cookie"> <img src="https://cdn-cookieyes.com/assets/images/revisit.svg" alt="Revisit consent button"> </button>
How to fixTo fix this issue, ensure that elements that are not visible are also removed from the tab order. This can be achieved by setting the 'tabindex' attribute to '-1' or by using JavaScript to remove the element from the DOM when it is not visible. For example, you can add the 'display: none;' CSS style to the element when it is not intended to be visible, or use the 'hidden' attribute.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef 2DK4KE
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.dema-online.com/Element
nav#generate-slideout-menu > div > aAccessible namePrenota la tua lezione gratuita!
Markup
<a class="button" style="color: #ffffff; margin: 0 20px 20px;" href="https://www.dema-online.com/lezione-di-prova/" aria-label="Prenota la tua lezione gratuita!">Prenota la tua lezione gratuita!</a>
How to fixKeep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
Affected pages
/ /privacy /zh/privacy-cnComponentRef LNU5Z8
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.dema-online.com/zh/Element
nav#generate-slideout-menu > div > ul > li > aAccessible nameItaliano
Markup
<a lang="it-IT" hreflang="it-IT" href="https://www.dema-online.com/"><img loading="lazy" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAUVBMVEUAiQAAgADk5OTe3t7vAAB3yXf9/f36+vr5Vlb3RkZjwWNYvVj4+Pj1MzP1KChQuFD1GxviAABHtUf19fXzDw4/sT8AcAA2qzYAWgDLy8vDw8ObXclsAAAAVElEQVR4AQXBSwoCQRQEsNT70CC69P5XdCUMA2ISSAiBWAQScg8bN7GJWxFDrCivwhCLMipGx3LKUOi2HAZluy2HgXprxQGfGL6G63B5MJ5FCD/4A3DaCLvbBle5AAAAAElFTkSuQmCC" alt="" width="16" height="11" style="width: 16px; height: 11px;"><span style="margin-left:0.3em;">Italiano</span></a>
How to fixTo fix this issue, ensure that the element is removed from the tab order when it is not visible. This can be done by setting the 'tabindex' attribute to '-1' or by using CSS to set 'display: none' or 'visibility: hidden' when the element is not intended to be interacted with.
Affected pages
/zh/privacy-cn /zhComponentRef CPAL4O
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.dema-online.com/zh/Element
audio#audio-507-1_html5 > aAccessible namehttps://www.dema-online.com/wp-content/uploads/2019/10/registrazione2.m4a
Markup
<a href="https://www.dema-online.com/wp-content/uploads/2019/10/registrazione2.m4a">https://www.dema-online.com/wp-content/uploads/2019/10/registrazione2.m4a</a>
How to fixTo fix this issue, remove the unnecessary link or make it visible when focused. Consider using CSS to style the link as a visible button when it receives focus, or use JavaScript to remove the link from the tab order when it's not visible.
High
SVG graphics are missing text alternatives
ComponentRef 8GJRD3
SVGs exposed as images carry no accessible name, so their meaning is unavailable to assistive technology.
Affected page
https://www.dema-online.com/Element
.commonninja_component,svg[width="960"]Markup
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="790" viewBox="0 0 960 790" fill="none" class="injected-svg" data-src="https://website-assets.commoninja.com/distribution/1699430921857_people.svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img">
How to fixAdd a <title> inside the SVG, or an aria-label, for informative graphics. Mark decorative SVGs with aria-hidden="true".
Affected pages
/ /zhMedium
Content sits outside any landmark region
ComponentRef FB2G92
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Affected page
https://www.dema-online.com/privacy/Element
html > body > div:nth-of-type(3) > div > div > pAccessible nameDiamo valore alla tua privacy
Roleheading
Markup
<p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color: #03016b;"> Diamo valore alla tua privacy </p>
How to fixWrap the content in a landmark region such as a header, nav, main, footer, or aside to enable assistive technology users to reach it via landmark navigation. For example, <main>...</main> or <header>...</header>
Affected pages
/ /privacy /zh/privacy-cn /zhMedium
Navigation regions are not distinguishable
ComponentRef QKOVVX
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Affected page
https://www.dema-online.com/Element
nav#generate-slideout-menuAccessible nameStudia con noi
Punti di forza
Gli insegnanti
Coordinamento
La nostra scuola
Italiano
Corsi intensivi
Lezioni individuali
Corsi per bambini e adolescenti
Corsi di rinforzo (livello avanzato)
Preparazione agli esami di lingua
Modi di dire
Linguaggi settoriali
Marco Polo / Turandot (studenti cinesi)
Cinese
Corsi standard di cinese
Lezioni individuali di cinese
Corsi HSK (1v1)
Corso di potenziamento lingua cinese
Cinese aziendale
Espressioni idiomatiche e cinese colloquiale
Modulo d’iscrizione
Materiale didattico
Corsi di italiano – Libri di testo
Corsi di italiano – Glossario
Corsi di cinese
Libro di lettura
Contattaci
中文 (中国)
Prenota la tua lezione gratuita!
Markup
<nav id="generate-slideout-menu" class="main-navigation slideout-navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope=""> <div class="inside-navigation grid-container grid-parent"> <figure class="wp-block-image size-thumbnail is-resized"><img data-wpc-ar="" width="700" height="700" src="https://www.dema-online.com/wp-content/uploads/2025/05/dema-logo.svg" data-adaptive="false" data-src="https://www.dema-online.com/wp-content/uploads/2025/05/dema-logo.svg" data-count-lazy="10" decoding="async" alt="DeMa Education Logo" class=" wp-image-18232" style="--wpc-ar:700/700…
How to fixAdd an accessible name to the navigation landmark, for example by using the 'aria-label' attribute on the nav element, to help screen reader users distinguish between multiple navigation regions.
Affected pages
/ /privacy /zh/privacy-cn /zhMedium
Touch targets are too small on mobile
ComponentRef O0KQJM
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
html > body > a:nth-of-type(1)Accessible nameVai al contenuto
Markup
<a class="screen-reader-text skip-link" href="#content" title="Vai al contenuto">Vai al contenuto</a>
How to fixIncrease the size of the touch target to at least 24x24 pixels to make it easier for users to activate by touch.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef 3B9KT3
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
html > body > div:nth-of-type(4) > div > div:nth-of-type(1) > buttonAccessible nameVicino
Markup
<button class="cky-btn-close" aria-label="Vicino" data-cky-tag="detail-close"> <img src="https://cdn-cookieyes.com/assets/images/close.svg" alt="Close"> </button>
How to fixIncrease the size of the touch target to at least 24x24 pixels to make it easier for users to activate by touch.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef RMCH1L
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
div > div > div > div:nth-of-type(1) > p > aAccessible nameInformativa sulla privacy
Markup
<a href="https://www.dema-online.com/privacy/" class="cky-policy" aria-label="Informativa sulla privacy" target="_blank" rel="noopener" style="color: #03016b; border-color: transparent; background-color: transparent;" data-cky-tag="readmore-button">Informativa sulla privacy</a>
How to fixIncrease the touch target size to at least 24x24 pixels to make it easier for users to activate by touch. Consider adding padding or increasing the font size of the link to achieve this.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef X6VOC0
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
li#menu-item-9191 > aAccessible nameCorsi di italiano
Markup
<a href="https://www.dema-online.com/corsi-di-italiano/">Corsi di italiano</a>
How to fixIncrease the size of the touch target to at least 24x24px to make it easier for users to tap on mobile devices. Consider adding padding or increasing the font size of the interactive element to achieve this minimum size.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef 46SZTU
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
html > body > div:nth-of-type(3) > div > buttonAccessible nameVicino
Markup
<button class="cky-banner-btn-close" data-cky-tag="close-button" aria-label="Vicino"> <img src="https://cdn-cookieyes.com/assets/images/close.svg" alt="Close"> </button>
How to fixIncrease the size of the touch target to at least 24x24 pixels to make it easier for users to activate by touch. Consider using the CSS width and height properties to set the minimum size of the button.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef UBGN05
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
input#ckySwitchfunctionalAccessible nameAbilitare Funzionali
Markup
<input type="checkbox" id="ckySwitchfunctional" aria-label="Abilitare Funzionali" style="background-color: rgb(208, 213, 210);">
How to fixIncrease the touch target size of the checkbox to at least 24x24px to ensure reliable activation by touch on mobile devices.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef JZTSSK
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
header#masthead > div > div > div:nth-of-type(1) > aAccessible nameDeMa Education
Markup
<a href="https://www.dema-online.com/" rel="home"> <img data-wpc-ar="" style="--wpc-ar:700/700" src="https://www.dema-online.com/wp-content/uploads/2025/05/dema-logo.svg" data-adaptive="false" data-src="https://www.dema-online.com/wp-content/uploads/2025/05/dema-logo.svg" data-count-lazy="1" fetchpriority="high" decoding="async" class=" header-image is-logo-image" alt="DeMa Education" width="700" height="700"> </a>
How to fixIncrease the size of the touch target to at least 24x24 pixels to ensure it can be easily activated by touch on mobile devices. Consider adding padding or increasing the size of the logo image.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef NWP8LG
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
body > div:nth-of-type(4) > div > div:nth-of-type(3) > div:nth-of-type(2) > aAccessible nameCookieyes logo
Markup
<a target="_blank" rel="noopener" href="https://www.cookieyes.com/product/cookie-consent" style="margin-left: 5px; line-height: 0"><img src="https://cdn-cookieyes.com/assets/images/poweredbtcky.svg" alt="Cookieyes logo" style="width: 78px; height: 13px; margin: 0"></a>
How to fixTo fix this issue, increase the size of the touch target to at least 24x24px. This can be achieved by modifying the CSS styles of the element, specifically the width and height properties of the img tag, to ensure that the interactive control is large enough to be easily tapped on mobile devices.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef U7U361
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/Element
aside#custom_html-21 > div > div > div:nth-of-type(1) > a:nth-of-type(1)Accessible nameLinkedIn
Markup
<a href="https://www.linkedin.com/company/71760792" target="_blank" aria-label="LinkedIn"><i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
How to fixIncrease the size of the LinkedIn icon to at least 24x24px to make it easier for users to tap on mobile devices. Consider adding padding or enlarging the surrounding container to achieve this minimum size.
Affected pages
/ /privacy /zh/privacy-cnComponentRef WM9AFA
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/privacy/Element
aside#polylang-7 > ul > li > aAccessible name中文 (中国)
Markup
<a lang="zh-CN" hreflang="zh-CN" href="https://www.dema-online.com/zh/privacy-cn/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAXVBMVEXUAADlQgDLAADBAADtgXn63Xjypnf1wHHpcG/oZmbmXVzlU1PjS0q1AAD981775VvwnVD2zkvhPz/fNzfdMjHcKyvaJyfsi0baISHYGhqqAADWExPTDQ2jAACfAAApGpDBAAAAWklEQVR4ATXIhQHDQBTDUMll2n/RMiU5/vQsAE4EsPbaKVOU+pXNwc/WKQXeDZMKu+psCXw/Z7efarmENd6GIwGpXhUvM4spxoiEbouRNT7Fmtaq+RG4wAqZZvceD8DeIelqAAAAAElFTkSuQmCC" alt="" width="16" height="11" style="width: 16px; height: 11px;"><span style="margin-left:0.3em;">中文 (中国)</span></a>
How to fixIncrease the touch target size of the interactive element to at least 24x24px to ensure reliable activation by touch on mobile devices.
Affected pages
/privacy /zh/privacy-cnComponentRef VITKSC
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.dema-online.com/zh/Element
div#mep_0 > div > div:nth-of-type(3) > div:nth-of-type(1) > buttonAccessible name播放
Markup
<button type="button" aria-controls="mep_0" title="播放" aria-label="播放" tabindex="0"></button>
How to fixIncrease the size of the touch target to at least 24x24px to make it easier for users to activate by touch. Consider adding padding or increasing the font size of the button to achieve this.
Medium
Text has insufficient colour contrast
ComponentRef 5BLR7N
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
.commonninja_component,.sc-iHbSHJ.bWVQiW.counter-wrapper:nth-child(1) > .counter-box > .counter-title > spanMarkup
<span>Anni di DeMa Education</span>
How to fixTo improve readability, increase the contrast between the text color and background color. Aim for a contrast ratio of at least 4.5:1 for normal text. You can adjust the CSS styles for the text or background to achieve this.
Affected pages
/ /zhComponentRef TEVFJ6
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
.textwidget.custom-html-widget > div > .dema-smoke-wallAccessible name[email removed] | +39.02.67175272 | lun-ven 09:00-19:00
Markup
<div class="dema-smoke-wall">
How to fixIncrease the contrast between the text color and background color to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3. Consider using a color contrast analyzer tool to determine the optimal colors.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef 9FYDHP
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
h1Accessible nameParla cinese e scopri un nuovo mondo
Markup
<h1>Parla cinese e scopri un nuovo mondo</h1>
How to fixTo improve the accessibility of this element, consider adjusting the color scheme to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3. Ensure that the text color and background color have sufficient contrast, making the text more legible for users. This can be achieved by using online color contrast analyzer tools to select suitable colors.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef 3QOOQK
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
.textwidget.custom-html-widget > div > .dema-smoke-wall > span:nth-child(2)Accessible nameinfo@
Markup
<span>info@</span>
How to fixTo improve the accessibility of this element, consider increasing the contrast between the text color and the background color. You can do this by changing the CSS styles for the span element or its parent container. For example, you could use a darker or lighter shade for the text or background to meet the minimum contrast ratio thresholds.
Affected pages
/ /privacy /zh/privacy-cn /zhComponentRef DTJY1Q
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/privacy/Element
.cky-notice-des > pAccessible nameUtilizziamo i cookie per migliorare la tua esperienza di navigazione, offrirti contenuti personalizzati e analizzare il nostro traffico. Cliccando “Accetta tutti”, acconsenti al nostro utilizzo dei cookie. Informativa sulla privacy
Markup
<p>
How to fixIncrease the contrast between the text color (#212121) and the background color to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3. Consider using a color contrast analyzer tool to determine the optimal colors. Adjust the CSS styles for the affected elements, specifically the 'color' property in the '.cky-notice-des' class.
Affected pages
/privacy /zh/privacy-cn /zhComponentRef DATCPM
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
.our-courses-box:nth-child(2) > h3Accessible nameVoglio studiare italiano
Markup
<h3>Voglio studiare italiano</h3>
How to fixTo improve the accessibility of this element, consider increasing the contrast between the text color and the background color. This can be achieved by adjusting the CSS styles for the element, for example by using a darker or lighter shade for the text or background. Ensure that the contrast ratio meets the minimum requirements as defined by the Web Content Accessibility Guidelines (WCAG 2.1).
Affected pages
/ /zhComponentRef 97W261
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
.dema-cta-text > pAccessible nameScopri il metodo d’insegnamento full-immersion del team DeMa!
Markup
<p>Scopri il metodo d’insegnamento full-immersion del team DeMa!</p>
How to fixTo improve the accessibility of this text, increase the contrast between the text color and the background color. This can be achieved by using a darker or lighter shade for either the text or the background, ensuring the contrast ratio meets the minimum requirements of WCAG 2.1 SC 1.4.3.
Affected pages
/ /zhComponentRef DXVR7K
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
.our-courses-box:nth-child(2) > pAccessible name(Lezioni in presenza e online)
Markup
<p>(Lezioni in presenza e online)</p>
How to fixTo improve readability, consider adjusting the text or background color to meet the minimum contrast ratio of 4.5:1 for normal text. You can use online tools to determine the contrast ratio and select a suitable color combination.
Affected pages
/ /zhComponentRef I6C34O
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
.our-courses-title > pAccessible nameNon solo le nozioni dei libri
Impara la lingua con il metodo didattico DeMa
Markup
<p>Non solo le nozioni dei libri<br>
Impara la lingua con il metodo didattico DeMa</p>How to fixIncrease the contrast between the text color and the background color to meet the minimum contrast ratio thresholds. Consider using a color contrast analyzer tool to determine the optimal colors.
Affected pages
/ /zhComponentRef 1UYUN0
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/Element
.our-courses-title > h2Accessible nameImpara la lingua più autentica
Markup
<h2>Impara la lingua più autentica</h2>
How to fixTo improve readability, consider increasing the contrast between the text color and background color of the element. A minimum contrast ratio of 4.5:1 for normal text is recommended. You can achieve this by adjusting the CSS styles for the h2 element, such as changing the color or background-color properties.
Affected pages
/ /zhComponentRef A1835
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/privacy/Element
.wp-block-paragraph:nth-child(2)Accessible namewww.dema-online.com
Markup
<p class="wp-block-paragraph">www.dema-online.com</p>
How to fixTo improve the accessibility of the text, consider increasing the contrast between the text color and the background color. This can be achieved by using a darker or lighter shade for the text or background, or by adding a subtle shadow or outline to the text to make it more readable.
Affected pages
/privacy /zh/privacy-cnComponentRef CID1H6
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/privacy/Element
.wp-block-heading:nth-child(3)Accessible nameTitolare del trattamento dei dati
Markup
<h2 class="wp-block-heading">Titolare del trattamento dei dati</h2>
How to fixTo improve the accessibility of this page, consider increasing the contrast between the text color and the background color of the heading element. This can be achieved by adjusting the CSS styles for the .wp-block-heading class to use a color combination that meets the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
Affected pages
/privacy /zh/privacy-cnComponentRef PZXIHF
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.dema-online.com/privacy/Element
p:nth-child(20)Accessible name07 agosto 2025
Markup
<p>07 agosto 2025</p>
How to fixTo improve the accessibility of this content, ensure that the text and background colors have a sufficient contrast ratio. This can be achieved by adjusting the CSS styles for the paragraph element. Consider using a color contrast analyzer tool to determine the optimal colors. For example, you can modify the CSS to include a higher contrast background color or text color, such as: p { background-color: #f0f0f0; color: #333; }
Affected pages
/privacy /zh/privacy-cnMedium
ARIA attributes have invalid values
ComponentRef YA1ZNG
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Affected page
https://www.dema-online.com/privacy/Element
a[aria-controls="menu-item-16577-sub-menu"]Accessible nameApri Sottomenu
Rolebutton
Markup
<a href="#" role="button" aria-expanded="false" aria-haspopup="true" aria-label="Apri Sottomenu" aria-controls="menu-item-16577-sub-menu">Studia con noi<span role="presentation" class="dropdown-menu-toggle"></span></a>
How to fixVerify the referenced element with id 'menu-item-16577-sub-menu' exists and is valid in the context. Ensure ARIA attributes 'aria-controls', 'aria-expanded', and 'aria-haspopup' are correctly set and reference existing elements.
Affected pages
/privacy /zh/privacy-cn /zhLow
Carousel has no accessible controls
ComponentRef QM8X4I
A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
Affected page
https://www.dema-online.com/zh/Element
div#mep_0 > div > div:nth-of-type(3) > div:nth-of-type(3) > spanAccessible name时间轴
Roleslider
Markup
<span class="mejs-time-total mejs-time-slider" role="slider" tabindex="0" aria-label="时间轴" aria-valuemin="0" aria-valuemax="0" aria-valuenow="0" aria-valuetext="00:00"><span class="mejs-time-buffering" style="display: none;"></span><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-hovered no-hover"></span><span class="mejs-time-handle"><span class="mejs-time-handle-content"></span></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span>
How to fixAdd previous/next or pause controls to the carousel/slider, ensuring they are accessible via keyboard and assistive technologies. Implement ARIA attributes to provide a clear and consistent navigation experience for all users.
ComponentRef TW3L8I
A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
Affected page
https://www.dema-online.com/zh/Element
div#mep_0 > div > div:nth-of-type(3) > aAccessible name音量
Roleslider
Markup
<a class="mejs-horizontal-volume-slider" href="javascript:void(0);" aria-label="音量" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" role="slider"><span class="mejs-offscreen">使用上 / 下箭头键来增高或降低音量。</span><div class="mejs-horizontal-volume-total"><div class="mejs-horizontal-volume-current" style="left: 0px; width: 100%;"></div><div class="mejs-horizontal-volume-handle" style="left: 100%;"></div></div></a>
How to fixAdd accessible controls to the carousel/slider to enable keyboard and assistive-technology users to navigate and stop it. Consider adding previous/next buttons or a pause control.
05 · Pages inspected
06 · About this assessment
Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.
- Publicly accessible surfaces only — no credentials, private systems, or source-code access.
- Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
- Results reflect the site at the scan date and may have changed since.
Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment
07 · Continuous monitoring
This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.
Is information in this report inaccurate or outdated? Request a correction or removal.