Accessibility issues detected on stapletongarcia.com
Evolize inspected 5 publicly accessible pages on stapletongarcia.com and detected 45 automatically identifiable accessibility findings. 1 finding was classified as critical or high priority. The findings map to 6 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve page has no main landmark, content sits outside any landmark region, touch targets are too small on mobile.
45findings detected
1critical + high
5pages inspected
23 Aug 2026assessed
Independent public assessment. stapletongarcia.com is not necessarily affiliated with or a customer of Evolize.
01 · Accessibility summary
Evolize inspected 5 publicly accessible pages on stapletongarcia.com and detected 45 automatically identifiable accessibility findings. 1 finding was classified as critical or high priority. The findings map to 6 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve page has no main landmark, content sits outside any landmark region, touch targets are too small on mobile.
02 · Priority findings
03 · WCAG criteria affected
| Criterion | Name | Level | Findings | Pages |
|---|---|---|---|---|
| 1.4.3 | Contrast (Minimum) | AA | 26 | 5 |
| 2.5.8 | Target Size (Minimum) | AA | 10 | 5 |
| 1.3.1 | Info and Relationships | A | 3 | 3 |
| 2.4.3 | Focus Order | A | 3 | 2 |
| 1.2.2 | Captions (Prerecorded) | A | 2 | 1 |
| 2.4.1 | Bypass Blocks | A | 1 | 2 |
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
Page has no main landmark
ComponentRef CZ9Z9I
No <main> or role=main region is present, so screen reader users cannot jump to primary content.
Affected page
https://stapletongarcia.com/blogElement
html > bodyAccessible nameVoltar ao siteSTAPLETON-GARCIABLOGArtigos sobre otorrinolaringologia, rinoplastia, respiração nasal, vertigens, apneia do sono e medicina integrativa, escritos de forma clara, útil e clinicamente rigorosa.O blog reúne conteúdos sobre temas frequentemente abordados em consulta, com o objetivo de esclarecer dúvidas, explicar conceitos clínicos e ajudar os doentes a compreender melhor sintomas, exames, decisões terapêuticas e possibilidades de tratamento.Os artigos não substituem avaliação médica individual, mas podem ser úteis para organizar informação, clarificar diferenças entre diagnósticos ou procedimentos e preparar melhor uma consulta especializada.Temas abordados-Rinoplastia e cirurgia nasal-Septoplastia e obstrução nasal-Nariz entupido e respiração funcional-Vertigens e alterações do equilíbrio-Apneia do sono e roncopatia-Medicina integrativa e avaliação globalTodos os artigosNariz entupido pode causar ronco?Nariz entupido pode causar ronco? Saiba quando a obstrução nasal contribui para ressonar, o que agrava o problema e quando avaliar.25 de maio de 2026Quando investigar tontura frequente?Saiba quando investigar tontura frequente, que sinais exigem avaliação médica e porque a origem pode estar no ouvido, sono ou metabolismo.23 de maio de 2026Respiração nasal: porque faz tanta diferençaA respiração nasal influencia sono, energia e saúde respiratória. Saiba quando a obstrução nasal exige avaliação médica especializada.21 de maio de 2026Como investigar ronco persistente no adultoSaiba como investigar ronco persistente no adulto, identificar causas nasais e do sono, e perceber quando é necessária avaliação médica especializada.19 de maio de 2026Como as hormonas influenciam ganho de pesoPerceba como as hormonas influenciam ganho de peso, quais os sinais de desequilíbrio e quando vale a pena uma avaliação médica dirigida.17 de maio de 2026Rinoplastia funcional: respirar melhorA rinoplastia funcional melhora a respiração nasal, corrige obstruções e pode otimizar sono, exercício e qualidade de vida com avaliação médica rigorosa.15 de maio de 2026Consulta ORL privada em Lisboa: o que esperarSaiba o que distingue uma consulta ORL privada em Lisboa, quando faz sentido e como uma avaliação personalizada pode acelerar o diagnóstico.13 de maio de 2026Como melhorar a obstrução nasal crónicaSaiba como melhorar obstrução nasal crónica com diagnóstico preciso, tratamento dirigido e uma abordagem médica focada na causa.11 de maio de 2026Nariz entupido ao deitar: o que pode serNariz entupido ao deitar pode indicar rinite, desvio do septo, sinusite ou refluxo. Saiba quando observar e quando procurar avaliação.9 de maio de 2026Metabolismo lento sintomas: o que observarMetabolismo lento sintomas podem incluir fadiga, aumento de peso e frio constante. Saiba quando investigar causas hormonais e metabólicas.7 de maio de 2026Melhores tratamentos para sinusite persistenteConheça os melhores tratamentos para sinusite persistente, da avaliação da causa à terapêutica médica e cirúrgica personalizada.5 de maio de 2026Nariz entupido pode ser desvio?Nariz entupido pode ser desvio? Saiba quando a obstrução nasal sugere desvio do septo, que sinais exigem avaliação e que tratamentos existem.3 de maio de 2026Apneia do sono causa cansaço? SimA apneia do sono causa cansaço, sonolência e menor desempenho. Perceba os sinais, o impacto no corpo e quando deve procurar avaliação médica.1 de maio de 2026Rinite alérgica ou sinusite: como distinguirRinite alérgica ou sinusite? Perceba os sinais que as distinguem, quando suspeitar de complicações e quando procurar avaliação ORL.29 de abril de 2026Otite serosa criança: quando tratarOtite-serosa-crianca: perceba sinais, causas e quando tratar. Saiba quando vigiar, quando intervir e quando pedir avaliação ORL.28 de abril de 2026Sinusite ou rinite: diferenças principaisSinusite ou rinite: diferenças, sintomas e sinais de alerta. Saiba quando é alergia, infeção ou inflamação e quando procurar avaliação.27 de abril de 2026Medicina metabólica ou endocrinologia?Medicina metabólica ou endocrinologia? Saiba quando cada abordagem faz sentido e como uma avaliação integrada pode clarificar sintomas persistentes.26 de abril de 2026Respiração bucal em adultos: causas e tratamentoRespiração bucal em adultos pode indicar obstrução nasal, sono alterado ou fadiga. Saiba as causas, riscos e quando procurar avaliação médica.25 de abril de 2026Caso de fadiga e metabolismo: o que revelaCaso de fadiga e metabolismo: perceba quando o cansaço persistente pode indicar alterações hormonais, sono, inflamação ou défice nutricional.24 de abril de 2026Otorrinolaringologista integrativo em LisboaOtorrinolaringologista integrativo em Lisboa com abordagem personalizada para sinusite, sono, vertigens e causas metabólicas dos sintomas.23 de abril de 2026Tratamento para desvio septal: opções reaisSaiba qual o tratamento para desvio septal, quando basta medicação e quando a cirurgia é indicada para respirar melhor e dormir bem.22 de abril de 2026Manobra de Epley: quando resulta e comoA manobra de Epley pode aliviar vertigens por VPPB. Saiba quando resulta, como é feita e quando precisa de avaliação por Otorrinolaringologia.21 de abril de 2026Queda de energia hormonal: causas e sinaisQueda de energia hormonal pode indicar alterações do sono, metabolismo ou stress. Saiba reconhecer sinais e quando procurar avaliação médica.20 de abril de 2026Como tratar sinusite crónica naturalmenteSaiba como tratar sinusite crónica naturalmente com medidas seguras, foco nas causas e critérios médicos para aliviar sintomas e prevenir recaídas.19 de abril de 2026Inflamação crónica e metabolismoInflamação crónica e metabolismo estão ligados ao peso, energia e sono. Perceba sinais, causas e quando pedir uma avaliação médica.18 de abril de 2026O que causa apneia do sono?Perceba o que causa apneia do sono, quais os principais factores de risco e quando deve procurar avaliação médica especializada.17 de abril de 2026Tratamento para amigdalite recorrenteSaiba como definir o tratamento para amigdalite recorrente com avaliação ORL rigorosa, controlo da causa e opções médicas ou cirúrgicas.16 de abril de 2026Como aliviar apneia do sono de forma eficazSaiba como aliviar apneia do sono com abordagem médica personalizada, medidas eficazes e avaliação das causas respiratórias e metabólicas.15 de abril de 2026A Vertigem tem cura? O que precisa de saberVertigem tem cura? Depende da causa. Saiba quando desaparece, que exames podem ser necessários e como tratar com precisão clínica.14 de abril de 2026Guia completo da sinusite crónicaGuia completo da sinusite crónica com sintomas, causas, exames e tratamento personalizado para controlar recaídas e respirar melhor.13 de abril de 2026Roncopatia tratamento: o que resultaRoncopatia tratamento com avaliação ORL rigorosa e abordagem personalizada. Saiba o que causa o ressonar e que opções podem resultar.11 de abril de 2026Consulta de medicina metabólica em LisboaConsulta medicina metabólica em Lisboa com avaliação personalizada, foco na causa e plano clínico preciso para energia, peso, sono e saúde.11 de abril de 2026Sinusite: tratamento - o que resulta mesmoSinusite - tratamento com abordagem médica precisa: causas, exames, opções eficazes e quando procurar um especialista em ORL em Lisboa.5 de abril de 2026Como tratar sinusite crónica de forma eficazSaiba como tratar sinusite crónica com abordagem médica precisa, controlo da inflamação e avaliação das causas que mantêm os sintomas.5 de abril de 2026Cirurgia nasal em Lisboa: quando faz sentidoCirurgia nasal em Lisboa com avaliação funcional e estética. Saiba quando faz sentido, o que analisar e como escolher uma abordagem médica rigorosa.2 de abril de 2026Rinoplastia Lisb…[truncated by Evolize: exceeded D1 value limit]
Markup
<body><div id="root"><div class="min-h-screen" style="background-color: rgb(245, 230, 211);"><header class="bg-gray-900 py-3 px-4"><div class="container mx-auto flex items-center justify-between"><a href="/" class="flex items-center text-white text-sm hover:text-green-400 transition-colors" data-testid="blog-back-link"><svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>Voltar ao site</a><span class="text-white text-sm font-medium tracking-wider">STAPLETON-GARCIA</…
How to fixAdd a <main> element or an element with role='main' to define the primary content region of the page, allowing screen reader users to jump to the main content.
Affected pages
/blog /cv /blog/vertigem-tem-curaMedium
Content sits outside any landmark region
ComponentRef B632XY
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://stapletongarcia.com/cvElement
div#root > div:nth-of-type(1) > div:nth-of-type(2) > pAccessible nameEsta página reúne de forma objetiva o percurso académico e profissional do Dr. Pedro Stapleton-Garcia, incluindo formação médica de base, especialização em Otorrinolaringologia, experiência hospitalar, fellowship em cirurgia plástica facial e atividade clínica em diferentes contextos assistenciais.
Markup
<p class="text-base mb-8 leading-relaxed" style="color: rgb(44, 62, 80);">Esta página reúne de forma objetiva o percurso académico e profissional do Dr. Pedro Stapleton-Garcia, incluindo formação médica de base, especialização em Otorrinolaringologia, experiência hospitalar, fellowship em cirurgia plástica facial e atividade clínica em diferentes contextos assistenciais.</p>
How to fixWrap the content in a landmark region such as a 'main' or 'article' element to enable assistive technology users to navigate to it via landmark navigation.
Affected pages
/blog /cv /blog/vertigem-tem-curaMedium
Touch targets are too small on mobile
ComponentRef A4OHT8
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/cvElement
div#root > div:nth-of-type(3) > div > aAccessible namePolítica de Privacidade e Cookies
Markup
<a href="/politica-privacidade-cookies" data-testid="cookie-policy-link" style="margin-left: auto; color: rgb(0, 85, 140); font-size: 12px; text-decoration: underline;">Política de Privacidade e Cookies</a>
How to fixIncrease the size of the touch target to at least 24x24px to ensure it can be easily activated by touch. Consider adding padding or increasing the font size of the link to achieve this.
Affected pages
/ /blog /cv /blog/vertigem-tem-curaComponentRef TQNTWZ
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/booking-policyElement
div#root > div:nth-of-type(1) > header > div > aAccessible nameVoltar à página inicial
Markup
<a class="flex items-center text-white text-sm hover:text-green-400 transition-colors shrink-0" data-testid="static-ssr-back-link" href="/" data-discover="true"><svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>Voltar à página inicial</a>
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 link text to achieve this.
Affected pages
/blog /booking-policy /blog/vertigem-tem-curaComponentRef AP1R55
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/Element
div > div:nth-of-type(2) > div:nth-of-type(4) > div > p:nth-of-type(2) > a:nth-of-type(1)Accessible nameParque 1
Markup
<a href="https://maps.app.goo.gl/iDXeNqxbCFNn5zZS7" rel="noopener noreferrer" target="_blank" data-testid="parking-link-1" style="color: rgb(0, 85, 140); text-decoration: underline;">Parque 1</a>
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 link to achieve this.
Affected pages
/ /blog/vertigem-tem-curaComponentRef CBXV9U
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/booking-policyElement
div > main > nav > ol > li:nth-of-type(1) > aAccessible nameConsultation fees
Markup
<a href="#fees" style="color:#00558C;text-decoration:underline">Consultation fees</a>
How to fixTo improve the accessibility of this element, increase the size of the touch target to at least 24x24 pixels. Consider adding padding to the element or its parent container to achieve the minimum size requirement.
ComponentRef 8Z68FZ
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/booking-policyElement
div:nth-of-type(1) > div > main > div:nth-of-type(2) > p:nth-of-type(2) > a:nth-of-type(1)Accessible namePortuguês →
Markup
<a href="/politica-consulta" hreflang="pt" style="color:#00558C;text-decoration:underline;font-weight:500">Português →</a>
How to fixTo fix this issue, increase the size of the touch target to at least 24x24 pixels. This can be achieved by adding padding or increasing the font size of the interactive element.
ComponentRef 8Y9HGA
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/booking-policyElement
div#root > div:nth-of-type(1) > div > main > p:nth-of-type(5) > a:nth-of-type(1)Accessible nameBook a consultation
Markup
<a href="/marcacao-consulta?lang=en" style="color:#00558C;text-decoration:underline">Book a consultation</a>
How to fixIncrease the touch target size of the 'Book a consultation' link to at least 24x24 pixels to ensure reliable activation by touch on mobile devices.
ComponentRef 7JJFIH
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/blog/vertigem-tem-curaElement
div:nth-of-type(2) > div > div:nth-of-type(1) > section:nth-of-type(2) > p:nth-of-type(3) > a:nth-of-type(1)Accessible nameOtorrinolaringologista em Lisboa
Markup
<a href="/otorrinolaringologista-lisboa" style="color:#00558C;text-decoration:underline">Otorrinolaringologista em Lisboa</a>
How to fixIncrease the touch target size of the interactive element to at least 24x24px to make it easier for users to activate by touch.
ComponentRef 77QQWS
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/Element
main > section:nth-of-type(2) > div > div > div:nth-of-type(6) > aAccessible nameComo escolher o melhor otorrino em Lisboa →
Markup
<a class="text-sm text-gray-600 hover:text-[#00558C] underline underline-offset-4 decoration-gray-300 hover:decoration-[#00558C]" data-testid="social-proof-link" href="/melhor-otorrino-lisboa" data-discover="true">Como escolher o melhor otorrino em Lisboa →</a>
How to fixTo improve the accessibility of this element, consider increasing the touch target size to at least 24x24 pixels. This can be achieved by adding padding to the element or increasing the font size of the link text.
ComponentRef 80VPPC
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/Element
section:nth-of-type(2) > div > div > div:nth-of-type(1) > div > aAccessible nameVer tipos de consulta e preços
Markup
<a class="text-xs text-gray-700 hover:text-gray-900 underline" data-testid="secondary-cta" href="/marcacao-consulta" data-discover="true">Ver tipos de consulta e preços</a>
How to fixIncrease the size of the touch target to at least 24x24 pixels to ensure reliable activation by touch on mobile devices. Consider adjusting the padding or font size of the element with class 'text-xs text-gray-700 hover:text-gray-900 underline' to meet the minimum size requirement.
Medium
Text has insufficient colour contrast
ComponentRef XGCYVL
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/booking-policyElement
div[role="dialog"] > p:nth-child(2)Accessible nameEste site utiliza cookies essenciais para funcionar. Com a sua autorização, utilizamos também cookies de análise (Google Analytics, PostHog) para compreender como o site é utilizado e melhorá-lo. Não usamos cookies de marketing.
Markup
<p style="color: rgb(61, 79, 95); font-size: 13px; line-height: 1.55; margin: 0px 0px 12px;">
How to fixIncrease the contrast between the text color (rgb(61, 79, 95)) and the background color (rgb(255, 255, 255)) 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
/ /blog /booking-policy /cv /blog/vertigem-tem-curaComponentRef Q08BHY
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/blogElement
time[datetime="2026-05-25T02:21:13.214+00:00"]Accessible name25 de maio de 2026
Markup
<time class="soro-blog-card-date" datetime="2026-05-25T02:21:13.214+00:00" itemprop="datePublished">25 de maio de 2026</time>
How to fixIncrease the contrast between the text color and the background color of the time element with class 'soro-blog-card-date' to meet the minimum contrast ratio thresholds as specified in WCAG 2.1 SC 1.4.3
ComponentRef 7YZHHE
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.bg-yellow-500Accessible nameDeixar Opinião
Markup
<button class="flex items-center px-3 py-2 bg-yellow-500 hover:bg-yellow-600 text-white font-bold text-xs uppercase tracking-wide transition-colors rounded-md" aria-haspopup="true" aria-expanded="false" data-testid="header-review-btn">
How to fixIncrease the contrast between the text color and background color of the button with the label 'Deixar Opinião' to meet the minimum contrast ratio thresholds as per WCAG 2.1 SC 1.4.3.
ComponentRef EZ0ZH5
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/booking-policyElement
a[target="_blank"]Accessible nameMessage the team on WhatsApp
Markup
<a href="https://wa.me/351967..." target="_blank" rel="noopener noreferrer" data-testid="whatsapp-cta-btn" class="cta-subtle-pulse" aria-label="Message the team on ..." style="display:inline-block...">
How to fixIncrease the contrast between the text color and background color of the WhatsApp link to meet the minimum contrast ratio thresholds as specified in WCAG 2.1 SC 1.4.3. Consider using a color contrast analyzer tool to determine the optimal colors. For example, change the background color or text color to improve readability.
Affected pages
/booking-policy /blog/vertigem-tem-curaComponentRef IWWGKH
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.-mx-4 > .inset-0.absolute.justify-center > .text-3xl.sm\:text-4xl.md\:text-5xlAccessible nameOPINIÕES
Markup
<h2 class="text-3xl sm:text-4xl md:text-5xl font-bold text-white text-center uppercase tracking-wide px-4">OPINIÕES</h2>
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. For example, change the background color to a darker or lighter shade, or change the text color to a higher contrast color.
ComponentRef LUAQL9
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.text-lg.text-yellow-400.font-boldAccessible name5.0
Markup
<span class="text-yellow-400 font-bold text-lg">5.0</span>
How to fixTo improve accessibility, consider changing the background or text color of the element with the class 'text-yellow-400' to increase the contrast ratio between them. This can be achieved by using a color with sufficient contrast, such as a darker or lighter shade, depending on the background color.
ComponentRef DSN45T
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
div > div > .mb-12.overflow-hidden.relative > .inset-0.absolute.justify-center > .text-3xl.sm\:text-4xl.md\:text-5xlAccessible nameSOBRE MIM
Markup
<h2 class="text-3xl sm:text-4xl md:text-5xl font-bold text-white text-center uppercase tracking-wide px-4">SOBRE MIM</h2>
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 changing the text color or the background color to meet the minimum contrast ratio thresholds as specified in WCAG 2.1 SC 1.4.3. For example, you could change the background color to a more opaque or darker shade, or change the text color to a darker or more saturated color.
ComponentRef FZTF3Y
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.font-medium.text-white > strongAccessible nameSaldanha, Lisboa
Markup
<strong>Saldanha, Lisboa</strong>
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 using a darker or lighter background, or by changing the text color to a shade that has sufficient contrast with the background.
ComponentRef PBV975
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
#blog-preview > div > .mb-12.overflow-hidden.relative > .inset-0.absolute.justify-center > .text-3xl.sm\:text-4xl.md\:text-5xlAccessible nameBLOG
Markup
<h2 class="text-3xl sm:text-4xl md:text-5xl font-bold text-white text-center uppercase tracking-wide">BLOG</h2>
How to fixTo improve accessibility, consider increasing the contrast between the text color and the background color. You can achieve this by changing the background color to a darker or lighter shade, or by changing the text color to a more contrasting color. For example, you could change the text color to black or a dark gray, or change the background color to a lighter blue.
ComponentRef 4VZIEU
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.px-7Accessible nameMarcar consulta
Markup
<a class="inline-block px-7 py-3 rounded-full font-semibold text-white shadow-md hover:shadow-lg transition-shadow text-sm sm:text-base" data-testid="areas-cta-button" href="/marcacao-consulta" data-discover="true" ...>
How to fixTo improve accessibility, consider increasing the contrast between the text color and background color of the button. You can achieve this by adjusting the CSS styles for the button, such as changing the text color or background gradient to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef 4CAFY4
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/blog/vertigem-tem-curaElement
.sm\:text-baseAccessible nameArtigos sobre otorrinolaringologia, rinoplastia, respiração nasal, vertigens, apneia do sono e medicina integrativa, escritos de forma clara, útil e clinicamente rigorosa.
Markup
<p class="text-white text-sm sm:text-base mt-2 opacity-80 px-4">Artigos sobre otorrinolaringologia, rinoplastia, respiração nasal, vertigens, apneia do sono e medicina integrativa, escritos de forma clara, útil e clinicamente rigorosa.</p>
How to fixTo improve readability, consider increasing the contrast between the text color and the background color. This can be achieved by changing the text color to a darker or lighter shade, or by adding a background image or texture with sufficient contrast.
Affected pages
/blog /blog/vertigem-tem-curaComponentRef B9GWHV
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.px-10Accessible nameMarcar consulta
Markup
<a class="inline-block text-wh..." data-testid="main-cta-btn" href="/marcacao-consulta" data-discover="true" style="background: linear-g...">
How to fixTo improve the accessibility of this element, consider adjusting the background and text colors to meet the minimum contrast ratio thresholds as specified in WCAG 2.1 SC 1.4.3. A contrast ratio of at least 4.5:1 for normal text and 7:1 for larger text (18pt or 14pt bold) is recommended.
ComponentRef GKP578
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
div[aria-label="Secção de Serviços Médicos"] > .text-3xl.sm\:text-4xl.md\:text-5xlAccessible nameÁREAS DE ATUAÇÃO
Markup
<h2 class="text-3xl sm:text-4xl md:text-5xl font-bold text-white text-center uppercase tracking-wide px-4">ÁREAS DE ATUAÇÃO</h2>
How to fixTo improve the accessibility of this element, increase the contrast between the text color and the background color. Consider using a color with higher contrast or adding a background overlay to enhance readability.
ComponentRef UGIDRV
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.hover\:bg-white\/20 > .font-medium.text-whiteAccessible nameAv. 5 de Outubro, 16, 2.º Direito — Saldanha, Lisboa
Markup
<span class="text-white font-medium">Av. 5 de Outubro, 16, 2.º Direito — <strong>Saldanha, Lisboa</strong></span>
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. Specifically, ensure that the text color and background color have a sufficient contrast ratio, which can be achieved by using a color contrast analyzer tool to select colors that meet the required thresholds. For example, you could use a darker background color or a lighter text color to improve the contrast.
ComponentRef U2AYGK
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.text-white.text-sm > strongAccessible name206+
Markup
<strong>206+</strong>
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.
ComponentRef C5WP9M
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.py-1\.5.bg-\[\#FDF8F0\][href$="vertigens-lisboa"] > .ml-1\.5Accessible name→
Markup
<span class="ml-1.5">→</span>
How to fixIncrease the contrast between the text color (rgb(0, 85, 140)) and the background color (#FDF8F0) 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.
ComponentRef 611GB9
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.opacity-90Accessible nameFormação avançada em Rinoplastia — European Academy of Facial Plastic Surgery
Markup
<span class="opacity-90">Formação avançada em Rinoplastia — European Academy of Facial Plastic Surgery</span>
How to fixTo improve the accessibility of this text, consider increasing the contrast between the text color and the background color. This can be achieved by changing the CSS class 'opacity-90' to a higher opacity value or by using a different color for the text that meets the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.
ComponentRef F222ZX
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.sm\:gap-4 > .text-white.text-smAccessible name206+ avaliações verificadas
Markup
<span class="text-white text-sm"><strong>206+</strong> avaliações verificadas</span>
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 changing the text color to a darker or lighter shade, or by adding a background overlay with sufficient contrast. For example, you can change the text color from white to a darker gray, or add a background color with a higher contrast ratio.
ComponentRef 7Z9R3P
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
a[data-testid="condition-link-vhit-lisboa"] > .ml-1\.5Accessible name→
Markup
<span class="ml-1.5">→</span>
How to fixTo improve the accessibility of this element, consider increasing the contrast between the text color (rgb(0, 85, 140)) and the background color (#FDF8F0) to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3. This can be achieved by adjusting the text or background color to have a sufficient contrast ratio, making the text more legible for users.
ComponentRef Q1Y355
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
.md\:text-4xlAccessible name"MAIS VALE INVESTIR NA SAÚDE DO QUE SER OBRIGADO A INVESTIR NA DOENÇA"
Markup
<p class="text-2xl md:text-4xl font-bold text-white mb-4 leading-relaxed text-center uppercase" data-testid="hero-quote" style="letter-spacing: 0.05em;">"MAIS VALE INVESTIR NA SAÚDE DO QUE SER OBRIGADO A INVESTIR NA DOENÇA"</p>
How to fixTo improve the accessibility of the page, consider increasing the contrast between the text color and the background color. This can be achieved by changing the text color to a darker or lighter shade, or by adding a background image or color that provides sufficient contrast. For example, you can use a tool like a color contrast analyzer to determine the optimal colors for your content.
ComponentRef GQ8Q40
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/blog/vertigem-tem-curaElement
.px-7Accessible nameMarcar consulta
Markup
<a href="/marcacao-consulta" class="inline-block px-7 py-3 rounded-full font-semibold text-white shadow-md hover:shadow-lg transition-shadow" data-testid="blog-post-cta-button" style="background: linear-gradient(rgb(96, 165, 250) 0%, rgb(147, 197, 253) 100%);">Marcar consulta</a>
How to fixTo improve accessibility, consider increasing the contrast between the text color (rgb(255, 255, 255)) and the background color (linear-gradient(rgb(96, 165, 250) 0%, rgb(147, 197, 253) 100%)) of the 'Marcar consulta' button. A minimum contrast ratio of 4.5:1 for normal text is recommended. You can adjust the colors to meet this threshold, ensuring the text remains legible for users with visual impairments.
ComponentRef K9XR9Q
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/blog/vertigem-tem-curaElement
.ml-1Accessible name→
Markup
<span class="ml-1 inline-block">→</span>
How to fixTo improve readability, consider adjusting the color scheme to meet the minimum contrast ratio of 4.5:1 for normal text. You can use online tools to calculate the contrast ratio between the text color (rgb(0, 85, 140)) and the background color. Choose a color combination that provides sufficient contrast.
ComponentRef OZI4I6
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/blogElement
h1Accessible nameBLOG
Markup
<h1 class="text-3xl sm:text-4xl md:text-5xl font-bold text-white uppercase tracking-wide">BLOG</h1>
How to fixTo improve the accessibility of the BLOG page, consider adjusting the color scheme to ensure sufficient contrast between the text and background. A minimum contrast ratio of 4.5:1 for normal text and 7:1 for headings is recommended. Use a color contrast analyzer tool to determine the optimal colors.
ComponentRef QR4C80
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/blog/vertigem-tem-curaElement
.text-3xlAccessible nameBLOG
Markup
<p class="text-3xl sm:text-4xl md:text-5xl font-bold text-white uppercase tracking-wide m-0">BLOG</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. For example, change the text color to a darker or lighter shade, or adjust the background color to improve readability.
ComponentRef 5BJK4I
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/booking-policyElement
a[data-testid="language-option-es"] > .md\:hidden.uppercase.font-semiboldAccessible nameES
Markup
<span class="md:hidden uppercase font-semibold tracking-wide">ES</span>
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 changing the text color to a darker or lighter shade, or by adding a background color with sufficient contrast. For example, you can use a color contrast analyzer tool to determine the optimal colors for this element.
ComponentRef LIN43U
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://stapletongarcia.com/Element
a[data-testid="header-book-btn"]Accessible nameMarcar Consulta
Markup
<a href="/marcacao-consulta" class="flex items-center px..." data-testid="header-book-btn" style="background: linear-g...">
How to fixTo improve accessibility, consider increasing the contrast between the text color and the background color of the element with the class 'flex items-center px...' to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.
Medium
ARIA container is missing required child roles
ComponentRef TNK63N
An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.
Affected page
https://stapletongarcia.com/blogElement
sectionAccessible nameArtigos do blog
Rolefeed
Markup
<section class="soro-blog-list" role="feed" aria-label="Artigos do blog">
How to fixProvide the child roles the container role requires (e.g. option inside listbox).
Medium
Hidden elements can still receive keyboard focus
ComponentRef EQOQKV
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://stapletongarcia.com/blogElement
div#soro-blog > div > div:nth-of-type(1) > aAccessible nameVoltar a todos os artigos
Markup
<a href="/blog" class="soro-blog-back" aria-label="Voltar a todos os artigos"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"></path></svg>Todos os artigos</a>
How to fixTo fix this issue, ensure that the hidden element is removed from the tab order by setting its 'tabindex' attribute to '-1' or by using 'display: none;' or 'visibility: hidden;' CSS properties to completely hide it from screen readers and keyboard navigation. Alternatively, make the element visible when it receives focus.
ComponentRef 7HJGMA
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://stapletongarcia.com/Element
div:nth-of-type(1) > header > div > div:nth-of-type(1) > nav > a:nth-of-type(1)Accessible nameMarcar Consulta
Markup
<a href="/marcacao-consulta" class="flex items-center px-4 py-2 ml-2 text-white font-bold text-xs uppercase tracking-wide transition-all duration-200 cursor-pointer no-underline rounded-md" data-testid="header-book-btn" style="background: linear-gradient(135deg, rgb(96, 165, 250) 0%, rgb(147, 197, 253) 100%);"><svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>Marcar Consulta</a>
How to fixTo fix this issue, ensure that the hidden element is removed from the tab order by setting its 'tabindex' attribute to '-1' or by using the 'display: none' or 'visibility: hidden' CSS properties to completely hide it. Alternatively, make the element visible when it receives focus.
ComponentRef 4WX6DU
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://stapletongarcia.com/Element
header > div > div:nth-of-type(1) > nav > div:nth-of-type(1) > buttonAccessible nameOtorrino
Markup
<button type="button" aria-haspopup="true" aria-expanded="false" class="flex items-center px-3 py-2 text-[11px] font-semibold uppercase tracking-wide transition-colors text-white hover:text-green-400" data-testid="nav-cluster-otorrino">Otorrino<svg class="w-3 h-3 ml-1.5 transition-transform " fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></button>
How to fixTo fix this issue, ensure that elements which are not visible do not remain in the tab order. You can achieve this by setting the 'tabindex' attribute to '-1' or by removing the element from the DOM when it's not visible. Alternatively, make sure the element is visible when it receives focus, for example, by displaying its parent container or removing the 'display: none' or 'visibility: hidden' styles.
Medium
<video> elements must have captions
ComponentRef FV5AKZ
<video> elements must have captions
Affected page
https://stapletongarcia.com/Element
videoMarkup
<video class="w-full rounded-xl shadow-lg" controls="" preload="none" playsinline="" poster="/reel_poster.jpg" data-testid="instagram-video" style="background-color: rgb(0, 0, 0); aspect-ratio: 9 / 16;"><source src="/instagram-reel.mp4" type="video/mp4"></video>
How to fixAdd captions to the video element by including a track element with a src attribute pointing to a caption file. For example: <track src='captions.vtt' kind='captions' srclang='en' label='English'>
Low
No skip link to main content
ComponentRef J9ALFI
The page offers no bypass mechanism, so keyboard users must tab through the full navigation before reaching the main content on every page.
Affected page
https://stapletongarcia.com/Element
html > bodyAccessible nameOtorrinolaringologista em LisboaSTAPLETON-GARCIAOtorrinoOtorrinolaringologista LisboaConsulta ORL privada LisboaOtorrino pediatraEnglish-speaking ENT LisbonBlog médicoNarizRinoplastia LisboaRinoplastia PiezoNariz entupidoRinite alérgicaSinusite crónicaOuvido / VertigensCentro de Vertigens e EquilíbrioVertigens LisboaCristais no ouvido (VPPB)Manobra de EpleyvHIT em LisboaVNG em LisboaVEMP em LisboaExames vestibulares (hub)Zumbidos / acufenosLimpeza de ouvidosOtomicose (fungo no ouvido)Garganta / SonoRefluxo laringofaríngeoApneia do sonoRonco / ressonarAmigdalite recorrenteMedicina IntegrativaMedicina integrativaMedicina funcionalOtimização hormonalTestosterona baixaSuplementação personalizadaMarcar ConsultaDeixar OpiniãoPolítica de marcação e cancelamento🇵🇹PortuguêsPT🇬🇧EnglishEN🇫🇷FrançaisFR🇪🇸EspañolES🇩🇪DeutschDE🇨🇿ČeskyCZ"MAIS VALE INVESTIR NA SAÚDE DO QUE SER OBRIGADO A INVESTIR NA DOENÇA"Formação avançada em Rinoplastia — European Academy of Facial Plastic SurgeryAv. 5 de Outubro, 16, 2.º Direito — Saldanha, Lisboa5.0206+ avaliações verificadasDr. Pedro Stapleton-Garcia — Otorrinolaringologista em LisboaO Dr. Pedro Stapleton-Garcia oferece uma abordagem médica completa, com foco na causa de problemas como obstrução nasal, sinusite, vertigens, apneia do sono e rinoplastia, integrando também a medicina funcional e metabólica quando clinicamente relevante. Cada avaliação é personalizada, considerando fatores metabólicos, inflamatórios e funcionais para um tratamento mais preciso e duradouro.Marcar consultaVer tipos de consulta e preçosÁreas de consultaNariz entupidoEstudo da obstrução nasal e dificuldade respiratória persistente.Avaliar sintomas →Medicina IntegrativaModulação hormonal, metabolismo, nutrição funcional e otimização da saúde.Saber mais →RinoplastiaCirurgia nasal funcional e estética com formação internacional especializada.Consultar →ORL PediátricoOtorrinolaringologia da criança — adenoides, respiração oral, otites, sono.Saber mais →Vertigens e tonturas→Apneia do sono→Refluxo e garganta→Sinusite crónica→Rinite alérgica→Rinoplastia Piezo→Consulta ORL→vHIT — Video Head Impulse Test→Manobra de Epley→Otomicose (fungo no ouvido)→Otimização hormonal→Testosterona baixa→Medicina Funcional→Marcar consultaConsulta ORL no Saldanha — Consultórios em Lisboa, Av. 5 de Outubro, 16, 2.º DireitoConsultório particular nos Consultórios em Lisboa — Avenida 5 de Outubro, 16, 2.º Direito (Saldanha). A 5 minutos a pé do metro Saldanha.Página local →Marcação →Doctoralia →Google Maps →Opiniões de pacientes →Como escolher o melhor otorrino em Lisboa →Cera no ouvido? Ouvido tapado?Limpeza de ouvidos por médico otorrinolaringologista, com otoscopia e microsucção, em Lisboa (Saldanha). Indolor e segura.Ver página →ÁREAS DE ATUAÇÃOOtorrinolaringologia-Otorrinolaringologia geral em adultos e pediátrica-Rinoplastia funcional e estética-Septoplastia e desvio do septo-Respiração funcional e obstrução nasal-Pólipos nasais-Rinossinusite crónica e sinusite aguda-Cirurgia pediátrica (amígdalas, adenoides, tubos transtimpânicos)-Vertigens, tonturas e distúrbios do equilíbrio-Apneia do sono e roncopatia-Otite média e problemas auditivos-Aconselhamento nutricional para patologia nasal alérgicaMedicina Integrativa e Funcional-Suplementação e reposição de micronutrientes-Modulação e otimização hormonal (homens e mulheres)-Jejum intermitente e cetose fisiológica-Emagrecimento fisiológico e gestão do metabolismo-Reforço da imunidade e saúde do microbioma-Redução da inflamação crónica-Gestão da fadiga crónica, burnout e problemas da tiroide-Melhoria da qualidade do sono-Apoio à saúde mental (ansiedade, depressão, stress)-Promoção da longevidade e saúde cardiovascular-Anti-envelhecimento e medicina preventivaSOBRE MIMMédico otorrinolaringologista em Lisboa com uma abordagem funcional e integrativa da medicina.Desde cedo percebi que não bastava apenas tratar sintomas — era preciso escutar o corpo de forma mais profunda e procurar entender a origem dos desequilíbrios. A Medicina Integrativa procura compreender o paciente como um todo, considerando o corpo, a mente e o estilo de vida.Vindo de uma família de médicos, cresci próximo da medicina convencional mas sempre senti o desejo de cruzar esse conhecimento com uma visão mais completa do ser humano. O foco não está só na redução de sintomas, mas sim na identificação e tratamento das causas subjacentes das doenças.Ao longo da minha prática clínica, comecei a questionar os limites dos protocolos tradicionais e passei a considerar nas minhas avaliações o impacto do microbioma, do sistema imunitário, da alimentação, do ambiente e do estilo de vida na saúde. Esta abordagem inclui modulação hormonal, otimização do metabolismo, nutrição funcional e suplementação personalizada.Interesso-me especialmente por doenças crónicas e recorrentes — aquelas que parecem resistir aos tratamentos habituais e, muitas vezes, são a forma que o corpo encontra para comunicar algo mais profundo. Acredito que parte essencial do meu trabalho é ajudar cada pessoa a reconectar-se com o seu corpo e a assumir um papel ativo na sua própria saúde.-Pedro Stapleton-GarciaVer percurso completoCURRICULUM VITAEFormação complementar em Rinoplastia e Cirurgia Plástica FacialFellowship EAFPS e observerships com referências internacionais da rinoplastia.-2021–2022 — Fellowship em Cirurgia Plástica Facial, European Academy of Facial Plastic Surgery (EAFPS), Clínica Lohuis-Filipović, Zagreb-2020 — Observership em rinoplastia com Dr. Dirk Jan Menger, UMC Utrecht, Países Baixos-2019 — 30.º Curso Internacional de Técnicas Avançadas em Rinoplastia, UMC Utrecht-2018 — Observership em rinoplastia com Dr. Pietro Palma, The Face Clinic / Clinica del Viso, MilãoFormação complementar em Medicina Integrativa, Modulação Hormonal e Anti-agingFormação pós-graduada em medicina funcional, modulação hormonal e nutrição clínica.-Formação pós-graduada em Terapias Hormonais Baseadas na Evidência, Dr. Thierry Hertoghe-2025–2026 — Curso Prático de Introdução à Modulação Hormonal, Dra. Ivone Mirpuri-2026 — Curso Avançado sobre Ansiedade e Depressão: a causa orgânica, Dra. Ivone Mirpuri-2022–2024 — Formação Pós-Graduada em Otimização Nutricional e Manutenção da Homeostase, Dr. Lair RibeiroVER CURRÍCULO COMPLETOMEDIAReproduzir VídeoBLOG25 de maio de 2026Nariz entupido pode causar ronco?Nariz entupido pode causar ronco? Saiba quando a obstrução nasal contribui para ressonar, o que agrava o problema e quando avaliar.Ler artigo →Ver todos os artigos(+40 mais artigos no blog)OPINIÕES5Doctoralia PT(46)5ZnamyLekar CZ(24)5Google(136)206+ avaliações verificadasGoogle"O Dr. Pedro é um profissional de excelência. Encontrei-me bastante doente, com dores intensas nos ouvidos, garganta e febre, e o tratamento prescrito revelou-se extremamente eficaz. A limpeza auditiva foi totalmente indolor e proporcionou um alívio imediato da dor e da infecção. Durante todo o processo, o Dr. Pedro demonstrou um cuidado exemplar, explicando sempre o que estava a observar e colocando as perguntas certas para chegar a um diagnóstico rigoroso. Por fim, delineou um plano preventivo completo e verdadeiramente diferenciado (algo que há muito procurava sem sucesso) incluindo a recomendação de vitaminas essenciais para fortalecer o meu sistema imunitário, que se encontra fragilizado devido a episódios recorrentes de amigdalites (mensais ou trimestrais) e dores de ouvidos. Recomendo vivamente!"Mariana SilvaAbril de 2026 · GoogleVer todas as opiniões - Doctoralia PTVer todas as opiniões - ZnamyLekar CZVer todas as opiniões - GoogleA Sua Opinião é Important…[truncated by Evolize: exceeded D1 value limit]
Markup
<body><div id="root"><div class="App min-h-screen bg-white"><a href="/" class="block bg-yellow-400 text-black py-2 px-4 text-center text-sm font-medium no-underline hover:bg-yellow-300 transition-colors cursor-pointer" data-testid="top-banner" aria-label="Voltar à página inicial"><div>Otorrinolaringologista em Lisboa</div></a><header class="sticky top-0 bg-gray-900 z-50"><div class="container mx-auto px-4 py-3"><div class="flex justify-between items-center"><a href="/" class="text-lg font-normal text-white tracking-wider md:hidden no-underline hover:text-green-400 transition-colors" data-testi…
How to fixTo address this issue, consider adding a skip link to the main content. This can be achieved by adding an anchor element with a link to the main content container, and styling it to be visible only when focused. The link should be the first focusable element on the page, allowing keyboard users to bypass the navigation and directly access the main content.
Affected pages
/ /booking-policyLow
Touch targets are too small
ComponentRef 9A0FBW
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://stapletongarcia.com/Element
button[aria-label="Go to review 2"]Accessible nameGo to review 2
Markup
<button class="p-2.5 -m-1.5 flex items-center justify-center" aria-label="Go to review 2"><span class="block w-2 h-2 rounded-full transition-all duration-300 " style="background-color: rgb(196, 184, 168);"></span></button>
How to fixTo fix this issue, ensure that all interactive controls, such as buttons, have a minimum size of 24x24 pixels. This can be achieved by adjusting the CSS styles to increase the size of the button or the clickable area. For example, you can add padding or increase the width and height of the button.
Low
Video may be missing captions
ComponentRef DQCA66
A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
Affected page
https://stapletongarcia.com/Element
div > div:nth-of-type(2) > div > div:nth-of-type(2) > div > videoMarkup
<video class="w-full rounded-xl shadow-lg" controls="" preload="none" playsinline="" poster="/reel_poster.jpg" data-testid="instagram-video" style="background-color: rgb(0, 0, 0); aspect-ratio: 9 / 16;"><source src="/instagram-reel.mp4" type="video/mp4"></video>
How to fixAdd captions or subtitles to the video if it contains audio that is essential for understanding the content. This can be done by adding a track element to the video element with the kind attribute set to 'captions' or 'subtitles' and the src attribute set to the URL of the caption or subtitle file.
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.