Public accessibility assessment

Accessibility issues detected on habitalk.fr

Evolize inspected 5 public pages on habitalk.fr and detected 67 automatically identifiable accessibility findings.

67Findings detected
5WCAG criteria affected
5Pages inspected
31 Aug 2026Assessment date

Highest detected severity: High · 5 high-priority findings · 100% inspected-page coverage

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages
Most affected page/34 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)56 detected findings

Is habitalk.fr your website?

Keep this assessment current and get notified when new accessibility issues are detected.

https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on habitalk.fr and detected 67 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 34 findings were detected. The assessment identified findings mapped to 5 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

These findings combine the highest severity and broadest reach detected during this assessment.

  1. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 15 instances
    Why this matters

    An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

    Recommended action

    To fix this issue, ensure that the 'Explore' link is only included in the tab order when it is visible. One possible solution is to add a 'tabindex=-1' attribute to the link when it is not visible, or to remove it from the DOM altogether. Alternatively, consider using a more robust method of hiding the link, such as using 'display:none' instead of relying on the 'hidden' class.

    View technical evidence →
  2. High

    Text has insufficient colour contrast

    WCAG 1.4.3 (AA) · 4 inspected pages · 16 instances
    Why this matters

    Text and background colours do not meet the minimum contrast ratio, reducing legibility.

    Recommended action

    Increase the contrast between the text color and 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 the contrast.

    View technical evidence →
  3. High

    Text has insufficient colour contrast

    WCAG 1.4.3 (AA) · 4 inspected pages · 8 instances
    Why this matters

    Text and background colours do not meet the minimum contrast ratio, reducing legibility.

    Recommended action

    To 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 that provides sufficient contrast. A contrast ratio of at least 4.5:1 for normal text is recommended.

    View technical evidence →
  4. High

    Text has insufficient colour contrast

    WCAG 1.4.3 (AA) · 3 inspected pages · 6 instances
    Why this matters

    Text and background colours do not meet the minimum contrast ratio, reducing legibility.

    Recommended action

    To improve the accessibility of this button, consider adjusting the text color or background color to meet the minimum contrast ratio of 4.5:1 for normal text. You can use online tools to calculate the contrast ratio and select colors that meet this standard.

    View technical evidence →
  5. High

    Text has insufficient colour contrast

    WCAG 1.4.3 (AA) · 3 inspected pages · 6 instances
    Why this matters

    Text and background colours do not meet the minimum contrast ratio, reducing legibility.

    Recommended action

    Increase the contrast between the text color and the background color to meet the minimum contrast ratio of 4.5:1 for normal text. Consider using a color with higher contrast or adjusting the opacity of the text color.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA5655 / 5
2.5.8Target Size (Minimum)AA855 / 5
1.3.1Info and RelationshipsA155 / 5
2.4.1Bypass BlocksA155 / 5
2.4.3Focus OrderA155 / 5

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 reassesses public website pages, detects newly introduced or recurring accessibility findings, and tracks remediation over time.

04 · All detected findings

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)204 instances5 inspected pages

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Why it matters

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Recommended correction

Increase the contrast between the text color and 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 the contrast.

View 204 affected elements
Component · Ref YP2XS2
Affected pagehttps://habitalk.fr/en
Elementnav[aria-label="HabiTalk"] > .text-ink-soft\/80.font-medium.tracking-wider
Accessible nameHabiTalk
Markup
<p class="mb-2 text-xs font-medium uppercase tracking-wider text-ink-soft/80">HabiTalk</p>
Affected pages/ /about /guides /legal/mentions-legales
Component · Ref YP15PI
Affected pagehttps://habitalk.fr/en
Elementdiv > .text-ink-soft\/80.font-medium.tracking-wider
Accessible nameNewsletter
Markup
<p class="mb-2 text-xs font-medium uppercase tracking-wider text-ink-soft/80">Newsletter</p>
Affected pages/ /about /guides /legal/mentions-legales
Component · Ref 2X1VXQ
Affected pagehttps://habitalk.fr/en/about
Element.underline
Accessible nameRequest my region
Markup
<button class="font-medium text-accent underline underline-offset-2 transition-colors hover:text-accent-strong">Request my region</button>
Affected pages/about /guides /explore
Component · Ref 9H7W00
Affected pagehttps://habitalk.fr/en/about
Element.italic
Accessible nameReviews cover buildings, never individuals.
Markup
<p class="text-xs italic text-ink-soft/70">Reviews cover buildings, never individuals.</p>
Affected pages/about /guides /legal/mentions-legales
Component · Ref BA765Z
Affected pagehttps://habitalk.fr/en
Element.underline-offset-2
Accessible nameRequest my region
Markup
<button class="font-medium text-accent underline underline-offset-2 transition-colors hover:text-accent-strong">Request my region</button>
Affected pages/ /legal/mentions-legales
Component · Ref 30BKEL
Affected pagehttps://habitalk.fr/en
Element.text-ink-soft\/70
Accessible nameReviews cover buildings, never individuals.
Markup
<p class="text-xs italic text-ink-soft/70">Reviews cover buildings, never individuals.</p>
Component · Ref W1S9KI
Affected pagehttps://habitalk.fr/en/explore
Element.gap-1\.5.items-center.flex:nth-child(1) > .text-\[11px\]
Accessible name≥ 4
Markup
<span class="text-[11px] text-ink-soft">≥ 4</span>
Affected pages/ /explore
Component · Ref NA0QO6
Affected pagehttps://habitalk.fr/en/explore
Element.text-\[0\.6875rem\].tracking-\[0\.12em\][aria-live="polite"]
Accessible name3918245 building(s)
Markup
<span class="shrink-0 font-mono text-[0.6875rem] uppercase tracking-[0.12em] text-ink-soft" aria-live="polite">3918245 building(s)</span>
Component · Ref 0VNBW4
Affected pagehttps://habitalk.fr/en/about
Element.leading-relaxed > strong
Accessible nameNational Building Database
Markup
<strong class="text-ink">National Building Database</strong>
Component · Ref DLRBAZ
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementli:nth-child(4) > span:nth-child(2)
Accessible name109230847
Markup
<span class="text-ink-soft">109230847</span>
Component · Ref TZJ16U
Affected pagehttps://habitalk.fr/en
Element.top-4
Accessible nameBeta · Auvergne-Rhône-Alpes
Markup
<div class="absolute top-4 right-4 z-10 bg-surface/95 border border-line rounded-none px-3 py-1.5 text-xs font-semibold text-sage flex items-center gap-1.5"><span class="h-1.5 w-1.5 rounded-full bg-sage animate-pulse"></span>Beta · Auvergne-Rhône-Alpes</div>
Component · Ref P9VX72
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementp:nth-child(3) > .font-medium.text-ink
Accessible namehabitalk.fr
Markup
<span class="font-medium text-ink">habitalk.fr</span>
Component · Ref MRGVEV
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementh2:nth-child(2)
Accessible name1. Éditeur du site
Markup
<h2 class="text-lg font-semibold text-ink">1. Éditeur du site</h2>
Component · Ref 9FJN1P
Affected pagehttps://habitalk.fr/en
Element#testimonials-title
Accessible nameReviews that speak from experience
Markup
<h2 id="testimonials-title">Reviews that speak from experience</h2>
Component · Ref 9ZMQDX
Affected pagehttps://habitalk.fr/en/guides
Element.mt-2
Accessible nameWhat residents really say about their buildings, city by city. Cleanliness, elevators, insulation, building management: make a better choice for your next home.
Markup
<p class="mt-2 text-ink-soft">What residents really say about their buildings, city by city. Cleanliness, elevators, insulation, building management: make a better choice for your next home.</p>
Component · Ref OJX1RX
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Element.underline[href$="confidentialite"]
Accessible namepolitique de confidentialité
Markup
<a class="underline" href="/legal/confidentialite">politique de confidentialité</a>
Component · Ref 9XKIRO
Affected pagehttps://habitalk.fr/en/about
Elementsection:nth-child(3) > .leading-relaxed
Accessible nameMaking the lived experience of buildings visible. Tenants, owners and property managers rate buildings on what matters day-to-day - cleanliness of common areas, elevator reliability, sound insulation, heating, safety, management - so that future residents sign with full knowledge.
Markup
<p class="leading-relaxed text-ink-soft">
Component · Ref CW2YEB
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementp:nth-child(3)
Accessible nameLe site HabiTalk, accessible à l'adresse habitalk.fr, est édité par :
Markup
<p>Le site HabiTalk, accessible à l'adresse<!-- --> <span class="font-medium text-ink">habitalk.fr</span>, est édité par :</p>
Component · Ref 5KA523
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementsection > .text-xs:nth-child(1)
Accessible nameMentions légales obligatoires au titre de l'article 6 III de la loi n° 2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique (LCEN).
Markup
<p class="text-xs text-ink-soft">Mentions légales obligatoires au titre de l'article 6 III de la loi n° 2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique (LCEN).</p>
Component · Ref VIXB75
Affected pagehttps://habitalk.fr/en/guides
Element.mt-10
Accessible nameNo city has enough reviews for a guide yet. Come back soon - or be among the first to rate your building.
Markup
<p class="mt-10 text-ink-soft">No city has enough reviews for a guide yet. Come back soon - or be among the first to rate your building.</p>
Component · Ref DN3XQS
Affected pagehttps://habitalk.fr/en/guides
Elementh1
Accessible nameCity guides
Markup
<h1 class="text-3xl font-semibold">City guides</h1>
Component · Ref UQ5UJX
Affected pagehttps://habitalk.fr/en
Element.mt-1\.5
Accessible nameExcerpts from published, verified and moderated reviews.
Markup
<p class="mt-1.5 text-[15px] text-ink-soft">Excerpts from published, verified and moderated reviews.</p>
Component · Ref JG54P2
Affected pagehttps://habitalk.fr/en/about
Elementli:nth-child(1)
Accessible nameTenants and future tenants - know what you're getting into before signing a lease.
Markup
<li><strong class="text-ink">Tenants and future tenants</strong> - know what you're getting into before signing a lease.</li>
Component · Ref L2MMEK
Affected pagehttps://habitalk.fr/en/explore
Elementa[href$="mentions-legales"]
Accessible nameLegal notice
Markup
<a class="coord hover:text-accent" href="/legal/mentions-legales">Legal notice</a>
Component · Ref 9YDGDZ
Affected pagehttps://habitalk.fr/en
Element.mb-6.sheet > .tracking-\[-0\.03em\]
Accessible nameFrance's buildings, at a glance
Markup
<h2 class="mb-1.5 font-display font-bold uppercase tracking-[-0.03em] text-ink">France's buildings, at a glance</h2>
Component · Ref DLRBDG
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementul:nth-child(4) > li:nth-child(1) > span:nth-child(2)
Accessible nameHabiTalk
Markup
<span class="text-ink-soft">HabiTalk</span>
Component · Ref RGSPDW
Affected pagehttps://habitalk.fr/en/about
Element.mt-3
Accessible nameWe check reviews before choosing a restaurant, a hotel, an employer - but not before choosing where we will live. The property listing shows the apartment at its best; it says nothing about the elevator broken one month in two, the hall never cleaned, or the unresponsive property manager. HabiTalk fills that gap.
Markup
<p class="mt-3 leading-relaxed text-ink-soft">
Component · Ref DV173F
Affected pagehttps://habitalk.fr/en
Element.mb-6.sheet > .text-\[15px\]
Accessible nameExplore ratings by region, department, city - down to the individual building.
Markup
<p class="text-[15px] text-ink-soft">Explore ratings by region, department, city - down to the individual building.</p>
Component · Ref G3RN7H
Affected pagehttps://habitalk.fr/en/about
Elementh1
Accessible nameAbout HabiTalk
Markup
<h1>About HabiTalk</h1>
Component · Ref LKHX23
Affected pagehttps://habitalk.fr/en/explore
Element.font-semibold.text-ink[aria-current="page"]
Accessible nameFrance
Markup
<span aria-current="page" class="font-semibold text-ink">France</span>
Component · Ref OWKKTH
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementli:nth-child(4) > .font-medium.text-ink
Accessible nameSIREN / RCS :
Markup
<span class="font-medium text-ink">SIREN / RCS<!-- --> : </span>
Component · Ref DGCL3S
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementh1
Accessible nameMentions légales
Markup
<h1 class="text-3xl font-bold">Mentions légales</h1>
Component · Ref K73ZRE
Affected pagehttps://habitalk.fr/en/about
Elementli:nth-child(1) > strong
Accessible nameTenants and future tenants
Markup
<strong class="text-ink">Tenants and future tenants</strong>
Component · Ref FKYV7G
Affected pagehttps://habitalk.fr/en/about
Elementsection:nth-child(3) > h2
Accessible nameOur mission
Markup
<h2>Our mission</h2>
Component · Ref 03A3SH
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Element.text-xs:nth-child(18)
Accessible nameTout signalement abusif ou de mauvaise foi est susceptible d'engager la responsabilité de son auteur (article 6 I 4 de la LCEN).
Markup
<p class="text-xs">Tout signalement abusif ou de mauvaise foi est susceptible d'engager la responsabilité de son auteur (article 6 I 4 de la LCEN).</p>
Component · Ref OWKKLM
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementul:nth-child(4) > li:nth-child(1) > .font-medium.text-ink
Accessible nameRaison sociale / Nom de l'éditeur :
Markup
<span class="font-medium text-ink">Raison sociale / Nom de l'éditeur<!-- --> : </span>
Component · Ref XMOV4O
Affected pagehttps://habitalk.fr/en
Element.coord:nth-child(2)
Accessible nameBAN · DVF · RNC · OSM
Markup
<span class="coord">BAN · DVF · RNC · OSM</span>
Component · Ref CVRT12
Affected pagehttps://habitalk.fr/en
Element.px-\[13px\].py-\[7px\].text-\[0\.8125rem\]:nth-child(1)
Accessible nameLyon
Markup
<a class="inline-flex items-ce..." href="/explore?level=commu...">
Component · Ref YVB9QN
Affected pagehttps://habitalk.fr/en
Element.space-y-2 > button
Accessible nameAdvanced search ▼
Markup
<button aria-expanded="false" class="text-xs text-ink-soft hover:text-ink">Advanced search ▼</button>
Component · Ref UWB6D
Affected pagehttps://habitalk.fr/en
Element.mb-5
Accessible nameBeta · Auvergne-Rhône-Alpes
Markup
<span class="mb-5 inline-flex items-center gap-2 border border-sage bg-sage-soft px-2 py-0.5 font-mono text-[0.6875rem] uppercase tracking-[0.08em] text-sage">Beta · Auvergne-Rhône-Alpes</span>
Component · Ref 2YQK6C
Affected pagehttps://habitalk.fr/en
Element.mt-5 > .coord:nth-child(1)
Accessible nameBDNB v0.7.3
Markup
<span class="coord">BDNB v0.7.3</span>
Component · Ref LWM6U9
Affected pagehttps://habitalk.fr/en
Element.tracking-\[0\.12em\].block.text-\[0\.6875rem\]
Accessible nameAddress or town
Markup
<span class="mb-1.5 block font-mono text-[0.6875rem] uppercase tracking-[0.12em] text-ink-soft">Address or town</span>
Component · Ref AG37W8
Affected pagehttps://habitalk.fr/en
Element.mt-3
Accessible nameView the survey
Markup
<a class="inline-flex items-ce..." href="/explore">
Component · Ref FKPM38
Affected pagehttps://habitalk.fr/en
Elementh1
Accessible nameYour future building,rated by the people who live there
Markup
<h1 class="heading-display mb-4 font-display font-bold uppercase text-ink">Your future building,<br><span class="text-accent underline decoration-[0.07em] underline-offset-[0.12em]">rated by the people who live there</span></h1>
Component · Ref ORO717
Affected pagehttps://habitalk.fr/en
Element.max-w-\[46ch\]
Accessible nameCleanliness, elevator, noise, heating, property management: verified reviews anchored to real buildings in the BDNB. Do your research before signing a lease or purchase agreement.
Markup
<p class="max-w-[46ch] text-[17px] leading-[1.55] text-ink">Cleanliness, elevator, noise, heating, property management: verified reviews anchored to real buildings in the BDNB. Do your research before signing a lease or purchase agreement.</p>
Component · Ref IKO3H4
Affected pagehttps://habitalk.fr/en
Element.decoration-\[0\.07em\]
Accessible namerated by the people who live there
Markup
<span class="text-accent underline decoration-[0.07em] underline-offset-[0.12em]">rated by the people who live there</span>
Component · Ref GY733C
Affected pagehttps://habitalk.fr/en
Element.tracking-wider.text-\[10px\].mb-2
Accessible nameAverage rating
Markup
<p class="text-[10px] font-semibold text-ink-soft uppercase tracking-wider mb-2">Average rating</p>
Component · Ref WIF99L
Affected pagehttps://habitalk.fr/en
Element.gap-2\.5.py-3.items-center > .coord:nth-child(1)
Accessible name0
Markup
<span class="coord">0</span>
Component · Ref 8X0JK9
Affected pagehttps://habitalk.fr/en
Element.-left-px
Accessible nameAddress lookup
Markup
<span class="absolute -left-px -top-px bg-ink px-2.5 py-1 font-mono text-[0.625rem] uppercase tracking-[0.12em] text-canvas">Address lookup</span>
Component · Ref HODUI8
Affected pagehttps://habitalk.fr/en/explore
Element.maplibregl-ctrl-attrib-inner
Accessible name© CARTO, © OpenStreetMap contributors
Markup
<div class="maplibregl-ctrl-attrib-inner">© <a href="https://carto.com/about-carto/" target="_blank" rel="noopener">CARTO</a>, © <a href="http://www.openstreetmap.org/about/" target="_blank">OpenStreetMap</a> contributors</div>
Component · Ref SFVNB1
Affected pagehttps://habitalk.fr/en/explore
Elementa[href$="about-carto/"]
Accessible nameCARTO
Markup
<a href="https://carto.com/about-carto/" target="_blank" rel="noopener">CARTO</a>
Component · Ref 7PF0NH
Affected pagehttps://habitalk.fr/en
Element.block.coord.mb-2
Accessible nameOr browse
Markup
<span class="coord mb-2 block">Or browse</span>
Component · Ref DQJUF7
Affected pagehttps://habitalk.fr/en
Element.origin-\(--radix-tooltip-content-transform-origin\) > .max-w-56.leading-relaxed.text-xs
Accessible nameStart here: type an address to see reviews for the building.
Markup
<p class="max-w-56 text-xs leading-relaxed">Start here: type an address to see reviews for the building.</p>
Component · Ref 7AP8CK
Affected pagehttps://habitalk.fr/en
Element.hover\:text-accent.gap-1\.5[href$="explore"]
Accessible nameExplore the full map
Markup
<a class="inline-flex items-center gap-1.5 text-sm text-ink-soft transition-colors hover:text-accent" href="/explore">
Component · Ref 9GEQHC
Affected pagehttps://habitalk.fr/en
Element#_R_34t2av5ivb_
Rolecombobox
Markup
<input class="w-full rounded-none ..." id="_R_34t2av5ivb_" role="combobox" aria-expanded="false" aria-controls="_R_34t2av5ivb_-sugge..." aria-autocomplete="list" placeholder="E.g. 10 place Bellec..." value="">
Component · Ref 8HDDDY
Affected pagehttps://habitalk.fr/en/explore
Elementp
Accessible nameAverage rating
Markup
<p class="mb-2 hidden font-mono text-[0.6875rem] uppercase tracking-[0.12em] text-ink-soft sm:block">Average rating</p>
High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)15 instances5 inspected pages

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Why it matters

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Recommended correction

To fix this issue, ensure that the 'Explore' link is only included in the tab order when it is visible. One possible solution is to add a 'tabindex=-1' attribute to the link when it is not visible, or to remove it from the DOM altogether. Alternatively, consider using a more robust method of hiding the link, such as using 'display:none' instead of relying on the 'hidden' class.

View 15 affected elements
Component · Ref WNQUGF
Affected pagehttps://habitalk.fr/en
Elementdiv#app-sticky-top > header > div > div > a:nth-of-type(1)
Accessible nameExplore
Markup
<a class="border px-2.5 py-1.5 font-mono text-xs uppercase tracking-[0.09em] transition-colors sm:px-3 border-transparent text-ink-soft hover:border-line hover:text-ink" href="/explore">Explore</a>
Affected pages/ /about /guides /explore /legal/mentions-legales
Medium

Touch targets are too small on mobile

WCAG 2.5.8 (AA)17 instances5 inspected pages

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Why it matters

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Recommended correction

Increase the size of the touch target to at least 24x24 pixels to ensure reliable activation by touch. Consider adjusting the padding or size of the button element.

View 17 affected elements
Component · Ref K87TA4
Affected pagehttps://habitalk.fr/en
Elementdiv#app-sticky-top > div > div > button
Accessible nameRequest my region
Markup
<button class="font-medium text-accent underline underline-offset-2 transition-colors hover:text-accent-strong">Request my region</button>
Affected pages/ /about /guides /explore /legal/mentions-legales
Component · Ref S1HHTV
Affected pagehttps://habitalk.fr/en
Elementhtml > body > footer > div:nth-of-type(1) > nav:nth-of-type(1) > button
Accessible nameContact / Feedback
Markup
<button class="block text-left text-ink-soft hover:text-ink">Contact / Feedback</button>
Affected pages/ /about /guides /legal/mentions-legales
Component · Ref ZLB49T
Affected pagehttps://habitalk.fr/en/explore
Elementdiv > div:nth-of-type(2) > div:nth-of-type(4) > details > div > a:nth-of-type(1)
Accessible nameCARTO
Markup
<a href="https://carto.com/about-carto/" target="_blank" rel="noopener">CARTO</a>
Component · Ref EY79RK
Affected pagehttps://habitalk.fr/en
Elementsection#recherche > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > button
Accessible nameAdvanced search ▼
Markup
<button aria-expanded="false" class="text-xs text-ink-soft hover:text-ink">Advanced search ▼</button>
Component · Ref LCSD60
Affected pagehttps://habitalk.fr/en/explore
Elementdiv:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) > a:nth-of-type(1)
Accessible nameLegal notice
Markup
<a class="coord hover:text-accent" href="/legal/mentions-legales">Legal notice</a>
Component · Ref TQKA0C
Affected pagehttps://habitalk.fr/en/legal/mentions-legales
Elementbody > main > article > section > p:nth-of-type(7) > a
Accessible nameconditions générales d'utilisation
Markup
<a class="underline" href="/legal/cgu">conditions générales d'utilisation</a>
Component · Ref T71K6N
Affected pagehttps://habitalk.fr/en
Elementmain > div > section:nth-of-type(7) > div > p:nth-of-type(2) > a
Accessible nameExplore the map →
Markup
<a class="font-semibold text-canvas underline underline-offset-4 hover:text-bistre" href="/explore">Explore the map →</a>
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 instances5 inspected pages

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Why it matters

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Recommended correction

Add an accessible name to each navigation landmark to help screen reader users distinguish between them. This can be achieved by adding an 'aria-label' or 'aria-labelledby' attribute to the navigation element.

View 10 affected elements
Component · Ref 69G664
Affected pagehttps://habitalk.fr/en/explore
Elementdiv#app-sticky-top > header > div > nav
Accessible nameENLog inPost a review
Markup
<nav class="flex items-center gap-1 text-sm sm:gap-2"><button type="button" aria-expanded="false" aria-label="Navigation menu" class="rounded-none p-2 text-ink-soft hover:bg-accent-soft hover:text-ink sm:hidden"><svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16" stroke-linecap="round"></path></svg></button><div class="relative"><button type="button" aria-expanded="false" aria-haspopup="listbox" aria-label="Langue / Language" class="flex items-center gap-1.5 rounded-none px-2.5 py-1.5 text-sm text-ink-…
Affected pages/ /about /guides /explore /legal/mentions-legales
Low

Touch targets are too small

WCAG 2.5.8 (AA)1 instance1 inspected page

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Why it matters

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Recommended correction

Increase the size of the interactive element to at least 24x24 pixels to make it easier for users to activate by touch.

View 1 affected element
Component · Ref N5QG7Q
Affected pagehttps://habitalk.fr/en/explore
Elementa[href$="confidentialite"]
Accessible namePrivacy
Markup
<a class="coord hover:text-accent" href="/legal/confidentialite">Privacy</a>

05 · Most affected inspected pages

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.