Accessibility Scan Report

Title: France.fr Issue: #64 Date: 3/20/2026, 1:13:28 AM Duration: 21.4m URLs: 100 / 100 ⚡ Reduced Motion: 15 / 100 URLs🔍 High Contrast: 15 / 100 URLs

Summary

Issues

  • By Level: A (301), AA (161)
  • By Version (A & AA): WCAG 2.0 (462)
  • By Category: axe-strict (486) & Others (24608)
  • Total: 25094 across 53 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below.
مغامرات في أعالي قرى كوت دازور - Explore France 278
Road trip en van entre amis au Pays basque 344
Karte - Explore France 317
Carte - Explore France 319
Quais atividades fazer no Pays de la Loire? 304
Mapa - Explore France 321
Mapa - Explore France 269
Mappa - Explore France 316
Navštivte oblast Pays de la Loire, mezi údolím Loiry a pobřežím Atlantiku 274
Dæk et smukt bord med det bedste service fra Lorraine - France.fr 303

🔧 Most Common Issues (axe)

15 rules
161 Serious axe SC 1.4.3 AA Visual color-contrast:
30 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a data-v-e5ebd53e="" class="AfSummary__link pa-4 bg-goldLight color-gold" href="#6--1" aria-current="false">6) الأجواء الريفيّة للحديقة الداخليّة</a>
XPath: a[href$="#6--1"]
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a data-v-e5ebd53e="" class="AfSummary__link pa-4 bg-goldLight color-gold" href="#2--2" aria-current="false">2) منظر مدهش على برج إيفل من بعض الأجنحة</a>
XPath: a[href$="#2--2"]
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a data-v-e5ebd53e="" class="AfSummary__link pa-4 bg-goldLight color-gold" href="#1--3" aria-current="false">1) الديكور المدهش لمطعم "ألان دوكاس"</a>
XPath: a[href$="#1--3"]
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a data-v-e5ebd53e="" class="AfSummary__link pa-4 bg-goldLight color-gold" href="#3--4" aria-current="false">3) ديكور المقصف الحالم</a>
XPath: a[href$="#3--4"]
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a data-v-e5ebd53e="" class="AfSummary__link pa-4 bg-goldLight color-gold" href="#5--5" aria-current="false">5) ثريّات وسجّاد أحمر في صالونات الاستقبال</a>
XPath: a[href$="#5--5"]
154 Critical axe SC 1.1.1 A Visual image-alt:
31 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img class="AfImage__img" loading="lazy" src="https://asset-prod.f..." srcset="https://asset-prod.f..." sizes="150px" fetchpriority="auto" data-v-5486172a="">
XPath: img[sizes="150px"]
Example 2 View on Page
Images must have alternative text
Mode: light
<img class="AfImage__img" loading="lazy" src="https://asset-prod.f..." srcset="https://asset-prod.f..." sizes="150px" fetchpriority="auto" data-v-5486172a="">
XPath: img[sizes="150px"]
Example 3 View on Page
Images must have alternative text
Mode: light
<img src="https://scontent-iad..." srcset="https://scontent-iad...">
XPath: #instagram-embed-0
Example 4 View on Page
Images must have alternative text
Mode: light
<img class="AfImage__img" loading="lazy" src="https://asset-prod.f..." srcset="https://asset-prod.f..." sizes="150px" fetchpriority="auto" data-v-5486172a="">
XPath: img[sizes="150px"]
Example 5 View on Page
Images must have alternative text
Mode: light
<img class="AfImage__img" loading="lazy" src="https://asset-prod.f..." srcset="https://asset-prod.f..." sizes="150px" fetchpriority="auto" data-v-5486172a="">
XPath: img[sizes="150px"]
108 Moderate axe SC 1.4.1 A Visual Cognitive link-in-text-block:
12 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.4.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Examples

Example 1 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="https://sca.france.fr/da/auvergne" target="_blank" rel="noopener noreferrer">Auvergne</a>
XPath: #blocks\.topito-2 > .AfBlockRichText[data-v-5c8e2e39=""] > p:nth-child(1) > a[rel="noopener noreferrer"][target="_blank"]
Example 2 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="https://sca.france.fr/da/vogeserne" target="_blank" rel="noopener noreferrer">Vogeserne</a>
XPath: #blocks\.topito-5 > .AfBlockRichText[data-v-5c8e2e39=""] > p:nth-child(1) > a[rel="noopener noreferrer"][target="_blank"]
Example 3 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="https://sca.france.fr/da/jurabjergene" target="_blank" rel="noopener noreferrer">Jura plateauet</a>
XPath: #blocks\.topito-6 > .AfBlockRichText[data-v-5c8e2e39=""] > p:nth-child(1) > a[rel="noopener noreferrer"][target="_blank"]
Example 4 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="https://www.chateau-abbadia.fr/" target="_blank" rel="noopener noreferrer">مرصد قصر أباديا</a>
XPath: #blocks\.topito-1 > .AfBlockRichText[data-v-5c8e2e39=""] > p > a[rel="noopener noreferrer"][target="_blank"]
Example 5 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="http://www.soule-paysbasque.com/A-voir-a-faire/Patrimoine-et-artisanat/Patrimoine-culturel/chateau-fort-mauleon/860" target="_blank" rel="noopener noreferrer">قصر موليون</a>
XPath: #blocks\.topito-2 > .AfBlockRichText[data-v-5c8e2e39=""] > p > a[rel="noopener noreferrer"][target="_blank"]
16 Serious axe SC 1.3.1 A Visual Cognitive list:
16 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Examples

Example 1 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="AfFranceMap__destinations" data-v-e5bacb9e="">
XPath: .AfFranceMap[data-v-a53486d1=""][data-v-e5bacb9e=""] > .AfFranceMap__container[data-v-e5bacb9e=""] > .AfFranceMap__destinations
Example 2 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="AfFranceMap__destinations" data-v-e5bacb9e="">
XPath: .AfFranceMap[data-v-a53486d1=""][data-v-e5bacb9e=""] > .AfFranceMap__container[data-v-e5bacb9e=""] > .AfFranceMap__destinations
Example 3 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="AfFranceMap__destinations" data-v-e5bacb9e="">
XPath: .AfFranceMap[data-v-a53486d1=""][data-v-e5bacb9e=""] > .AfFranceMap__container[data-v-e5bacb9e=""] > .AfFranceMap__destinations
Example 4 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="AfFranceMap__destinations" data-v-e5bacb9e="">
XPath: .AfFranceMap[data-v-a53486d1=""][data-v-e5bacb9e=""] > .AfFranceMap__container[data-v-e5bacb9e=""] > .AfFranceMap__destinations
Example 5 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="AfFranceMap__destinations" data-v-e5bacb9e="">
XPath: .AfFranceMap[data-v-e5bacb9e=""][data-v-a53486d1=""] > .AfFranceMap__container[data-v-e5bacb9e=""] > .AfFranceMap__destinations
12 Moderate axe heading-order:
12 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3>1. Fashion.</h3>
XPath: h3:nth-child(2)
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="heading-5 mb-4" data-v-03e0c27b="">Étapes de l'itinéraire</h3>
XPath: .mb-4
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="heading-5 mb-4" data-v-03e0c27b="">Étapes de l'itinéraire</h3>
XPath: .mb-4
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3>La vigna è onnipresente in Occitania, dove rappresenta un terzo delle superfici coltivate. Dal Rodano ai Pirenei, il vitigno del Pays d’Oc è cresciuto con l’obiettivo di un’alleanza perfetta tra i vitigni e il territorio.</h3>
XPath: #undefined-0 > h3
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h3 data-v-08de3870="" class="AfCard__title heading-5"><a data-v-08de3870="" class="AfCard__link" href="/cs/clanek/netradicni-ubytovani-na-horach/" target="">Top netradiční ubytování na horách</a></h3>
XPath: .gridS-12.gridM-4[data-v-2766cc70=""]:nth-child(1) > .AfCard.AfCard--medium.AfCard--enlarge-link > .AfCard__content[data-v-08de3870=""] > .AfCard__top[data-v-08de3870=""] > h3
10 Serious axe SC 4.1.2 A Visual Motor Cognitive frame-title:
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Examples

Example 1 View on Page
Frames must have an accessible name
Mode: light
<iframe class="instagram-media inst..." id="instagram-embed-0" src="https://www.instagra..." allowtransparency="true" allowfullscreen="true" frameborder="0" height="746" data-instgrm-payload...="instagram-media-payl..." scrolling="no" style="background: white; m...">
XPath: #instagram-embed-0
Example 2 View on Page
Frames must have an accessible name
Mode: light
<iframe class="instagram-media inst..." id="instagram-embed-0" src="https://www.instagra..." allowtransparency="true" allowfullscreen="true" frameborder="0" height="881" data-instgrm-payload...="instagram-media-payl..." scrolling="no" style="background: white; m...">
XPath: #instagram-embed-0
Example 3 View on Page
Frames must have an accessible name
Mode: light
<iframe class="instagram-media inst..." id="instagram-embed-0" src="https://www.instagra..." allowtransparency="true" allowfullscreen="true" frameborder="0" height="665" data-instgrm-payload...="instagram-media-payl..." scrolling="no" style="background: white; m...">
XPath: #instagram-embed-0
Example 4 View on Page
Frames must have an accessible name
Mode: light
<iframe class="instagram-media inst..." id="instagram-embed-1" src="https://www.instagra..." allowtransparency="true" allowfullscreen="true" frameborder="0" height="817" data-instgrm-payload...="instagram-media-payl..." scrolling="no" style="background: white; m...">
XPath: #instagram-embed-1
Example 5 View on Page
Frames must have an accessible name
Mode: light
<iframe class="instagram-media inst..." id="instagram-embed-2" src="https://www.instagra..." allowtransparency="true" allowfullscreen="true" frameborder="0" height="1293" data-instgrm-payload...="instagram-media-payl..." scrolling="no" style="background: white; m...">
XPath: #instagram-embed-2
6 Moderate axe empty-heading:
6 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Headings should not be empty
Mode: light
<h3>&nbsp;</h3>
XPath: h3:nth-child(38)
Example 2 View on Page
Headings should not be empty
Mode: light
<h1 class="sr-only" data-v-899edca7=""></h1>
XPath: h1
Example 3 View on Page
Headings should not be empty
Mode: light
<h1 class="sr-only" data-v-899edca7=""></h1>
XPath: h1
Example 4 View on Page
Headings should not be empty
Mode: light
<h1 class="sr-only" data-v-899edca7=""></h1>
XPath: h1
Example 5 View on Page
Headings should not be empty
Mode: light
<h1 class="sr-only" data-v-899edca7=""></h1>
XPath: h1
5 Critical axe SC 4.1.2 A Visual Motor Cognitive button-name:
5 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Examples

Example 1 View on Page
Buttons must have discernible text
Mode: light
<button data-v-6458d367="" data-v-aa0444f3="" class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s">
XPath: .AfButton--blueNight
Example 2 View on Page
Buttons must have discernible text
Mode: light
<button data-v-6458d367="" data-v-aa0444f3="" class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s">
XPath: .AfButton--blueNight
Example 3 View on Page
Buttons must have discernible text
Mode: light
<button data-v-6458d367="" data-v-aa0444f3="" class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s">
XPath: .AfButton--blueNight
Example 4 View on Page
Buttons must have discernible text
Mode: light
<button data-v-6458d367="" data-v-aa0444f3="" class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s">
XPath: .AfButton--blueNight
Example 5 View on Page
Buttons must have discernible text
Mode: light
<button data-v-6458d367="" data-v-aa0444f3="" class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s">
XPath: .AfButton--blueNight
4 Serious axe SC 3.1.1 A Cognitive html-has-lang:
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Examples

Example 1 View on Page
<html> element must have a lang attribute
Mode: light
<html>
XPath: html
Example 2 View on Page
<html> element must have a lang attribute
Mode: light
<html data-capo="">
XPath: html
Example 3 View on Page
<html> element must have a lang attribute
Mode: light
<html data-capo="">
XPath: html
Example 4 View on Page
<html> element must have a lang attribute
Mode: light
<html data-capo="">
XPath: html
2 Moderate axe region:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<center><h1>404 Not Found</h1></center>
XPath: center:nth-child(1)
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<center>nginx/1.25.0</center>
XPath: center:nth-child(3)
2 Moderate axe presentation-role-conflict:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Elements marked as presentational should be consistently ignored
Mode: light
<img class="AfImage__img" alt="" loading="lazy" src="https://asset-prod.f..." srcset="https://asset-prod.f..." sizes="800px" fetchpriority="auto" data-v-5486172a="" tabindex="-1">
XPath: .AfCarousel-slide--next[aria-label="2 of 3"][aria-hidden="false"] > .AfCard--medium.AfCard--enlarge-link.AfCard > .AfCard__cover--vertical.AfCard__cover[data-v-08de3870=""] > .AfImage.AfImage--cover[__typename="RichImage"] > img[sizes="800px"][alt=""][loading="lazy"]
Example 2 View on Page
Elements marked as presentational should be consistently ignored
Mode: light
<img class="AfImage__img" alt="" loading="lazy" src="https://asset-prod.f..." srcset="https://asset-prod.f..." sizes="800px" fetchpriority="auto" data-v-5486172a="" tabindex="-1">
XPath: .AfCarousel-slide[aria-label="0 of 3"][aria-hidden="false"] > .AfCard--medium.AfCard--enlarge-link.AfCard > .AfCard__cover--vertical.AfCard__cover[data-v-08de3870=""] > .AfImage.AfImage--cover[__typename="RichImage"] > img[sizes="800px"][alt=""][loading="lazy"]
2 Moderate axe SC 2.1.1, SC 2.1.3 A Motor scrollable-region-focusable:
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 2.1.1, SC 2.1.3 A

Disabilities affected:
Motor

Affected Pages

Examples

Example 1 View on Page
Scrollable region must have keyboard access
Mode: light
<div class="AfKeyFigures__scrolling--isDurable AfKeyFigures__scrolling custom-scrollbar-h" data-v-afa8ea60="">
XPath: .AfKeyFigures__scrolling--isDurable
Example 2 View on Page
Scrollable region must have keyboard access
Mode: light
<div class="AfKeyFigures__scrolling--isDurable AfKeyFigures__scrolling custom-scrollbar-h" data-v-afa8ea60="">
XPath: .AfKeyFigures__scrolling--isDurable
1 Moderate axe landmark-one-main:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should have one main landmark
Mode: light
<html>
XPath: html

🔧 Most Common Issues (Equal Access)

38 rules
7349 Moderate equalAccess aria_hidden_nontabbable:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a data-v-6458d367="" data-v-976ff9f5="" href="/fr/carte/" class="AfButton AfButton--primary AfButton--large AfButton--red AfButton--fullWidth label-m">
Example 2 View on Page
Element "select" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<select name="language-picker" id="language-picker" class="AfFormSelect__input label-m py-4 pl-4 pr-7 radius-s border-grey" data-v-b68278f0="">
Example 3 View on Page
Element "input" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<input data-v-5dc68d54="" maxlength="40" type="search" placeholder="Que recherchez-vous ? " id="main-search-mobile">
Example 4 View on Page
Element "button" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<button data-v-5dc68d54="" type="submit" class="AfSearchBar__button color-blue radius-s">
Example 5 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a data-v-6458d367="" data-v-23b10f10="" href="/fr/incontournable/paris-2024/" class="AfButton AfButton--primary AfButton--medium AfButton--gold AfButton--fullWidth label-s">
6106 Moderate equalAccess text_contrast_sufficient:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<span data-v-6458d367="" class="AfButton__text">
Example 2 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 14px and weight of 400
Mode: light
<option value="fr" data-v-b68278f0="">
Example 3 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 14px and weight of 400
Mode: light
<option value="en" data-v-b68278f0="">
Example 4 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 14px and weight of 400
Mode: light
<option value="cs" data-v-b68278f0="">
Example 5 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 14px and weight of 400
Mode: light
<option value="da" data-v-b68278f0="">
5145 Moderate equalAccess element_tabbable_unobscured:
91 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<button class="AfButton AfButton--primary AfButton--small AfButton--red label-s" data-v-6458d367="">
Example 2 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a href="/en/" class="AfButton AfButton--primary AfButton--small AfButton--white label-s" data-v-6458d367="">
Example 3 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a data-v-6458d367="" data-v-976ff9f5="" href="/fr/carte/" class="AfButton AfButton--primary AfButton--large AfButton--red AfButton--fullWidth label-m">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<input data-v-5dc68d54="" maxlength="40" type="search" placeholder="Que recherchez-vous ? " id="main-search-mobile">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<button data-v-5dc68d54="" type="submit" class="AfSearchBar__button color-blue radius-s">
2168 Moderate equalAccess style_focus_visible:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-hidden="false" class="sc-hKgJUU dAvqTA" tabindex="0" role="button" id="axeptio_main_button" title="Gérez vos préférences en matière de cookies et données personnelles">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button class="AfButton AfButton--primary AfButton--small AfButton--red label-s" data-v-6458d367="">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button data-v-976ff9f5="" class="" aria-expanded="false" aria-controls="burger-nav" id="burger-nav-btn">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<select name="language-picker" id="language-picker" class="AfFormSelect__input label-m py-4 pl-4 pr-7 radius-s border-grey" data-v-b68278f0="">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input data-v-5dc68d54="" maxlength="40" type="search" placeholder="Que recherchez-vous ? " id="main-search-mobile">
923 Moderate equalAccess element_tabbable_visible:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a data-v-ae133027="" href="#main-content">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a data-v-ae133027="" href="#main-navigation">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a data-v-ae133027="" href="#footer">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a data-v-6458d367="" data-v-3350bb46="" href="/fr/article/douanes-et-visas/" class="AfButton AfButton--secondary AfButton--large AfButton--white label-m">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a data-v-ae133027="" href="#main-content">
826 Moderate equalAccess aria_role_redundant:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light
<button aria-hidden="false" class="sc-hKgJUU dAvqTA" tabindex="0" role="button" id="axeptio_main_button" title="Gérez vos préférences en matière de cookies et données personnelles">
Example 2 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header data-v-a489e6a5="" role="banner" class="AfHeader">
Example 3 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav data-v-ae133027="" data-v-a489e6a5="" aria-label="Menu" role="navigation" class="AfSkipLinks wrapper bg-greyLight paragraph-m pa-3">
Example 4 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav data-v-23b10f10="" data-v-976ff9f5="" aria-label="Navigation principale" role="navigation" class="AfNavigation" id="main-navigation-mobile">
Example 5 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main id="main-content" role="main" class="AfHomePage">
478 Moderate equalAccess text_block_heading:
92 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Par envie' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div data-v-9784159b="" data-v-23b10f10="" class="AfMenu">
Example 2 View on Page
Confirm this text 'Par envie' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p data-v-9784159b="" class="AfMenu__header heading-5">
Example 3 View on Page
Confirm this text 'Visiter' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p data-v-f6927cc5="" class="AfSectionIcons__watermark color-blue text-watermark">
Example 4 View on Page
Confirm this text 'En savoir plus' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div data-v-7c417fe5="" class="AfFooter__utils-links">
Example 5 View on Page
Confirm this text 'En savoir plus' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p data-v-7c417fe5="" class="heading-6 mb-5">
447 Moderate equalAccess aria_attribute_valid:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div data-v-976ff9f5="" class="AfHeader__nav" aria-hidden="true" aria-labelledby="burger-nav-btn" id="burger-nav">
Example 2 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div data-v-23b10f10="" tabindex="0" id="main-navigation-mobile_NavigationCardsList-2" aria-labelledby="main-navigation-mobile_label_NavigationCardsList-2" aria-hidden="true" class="AfNavigation__menu">
Example 3 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div data-v-23b10f10="" tabindex="0" id="main-navigation-mobile_NavigationDestinations-3" aria-labelledby="main-navigation-mobile_label_NavigationDestinations-3" aria-hidden="true" class="AfNavigation__menu">
Example 4 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div data-v-23b10f10="" tabindex="0" id="main-navigation-mobile_NavigationCardListAndCards-4" aria-labelledby="main-navigation-mobile_label_NavigationCardListAndCards-4" aria-hidden="true" class="AfNavigation__menu">
Example 5 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div data-v-23b10f10="" tabindex="0" id="main-navigation-mobile_NavigationThematicInfo-5" aria-labelledby="main-navigation-mobile_label_NavigationThematicInfo-5" aria-hidden="true" class="AfNavigation__menu">
233 Moderate equalAccess input_label_visible:
92 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input data-v-5dc68d54="" maxlength="40" type="search" placeholder="Que recherchez-vous ? " id="main-search-mobile">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button data-v-6458d367="" data-v-cec5cb97="" aria-label="Précédent" class="AfButton AfButton--primary AfButton--small AfButton--white AfButton--iconAlone label-s">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button data-v-6458d367="" data-v-cec5cb97="" aria-label="Suivant" class="AfButton AfButton--primary AfButton--small AfButton--white AfButton--iconAlone label-s">
Example 4 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input data-v-5dc68d54="" maxlength="40" type="search" placeholder="Search" id="main-search-mobile">
Example 5 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input data-v-5dc68d54="" maxlength="40" type="search" placeholder="Search" id="search-bar">
159 Moderate equalAccess svg_graphics_labelled:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg style="position: absolute; width: 0px; height: 0px;" xmlns:link="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="__svg__icons__dom__">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg style="position: absolute; width: 0px; height: 0px;" xmlns:link="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="__svg__icons__dom__">
Example 4 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
Example 5 View on Page
The SVG element has no accessible name
Mode: light
<svg style="position: absolute; width: 0px; height: 0px;" xmlns:link="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="__svg__icons__dom__">
93 Moderate equalAccess style_highcontrast_visible:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style>
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style>
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style>
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style>
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style>
93 Moderate equalAccess style_color_misuse:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style>
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style>
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style>
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style>
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style>
93 Moderate equalAccess element_id_unique:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <select> element has the id "language-picker" that is already in use
Mode: light
<select name="language-picker" id="language-picker" class="AfFormSelect__input label-m py-4 pl-4 pr-7 radius-s border-grey" data-v-b68278f0="">
Example 2 View on Page
The <select> element has the id "language-picker" that is already in use
Mode: light
<select name="language-picker" id="language-picker" class="AfFormSelect__input label-m py-4 pl-4 pr-7 radius-s border-grey" data-v-b68278f0="">
Example 3 View on Page
The <select> element has the id "language-picker" that is already in use
Mode: light
<select name="language-picker" id="language-picker" class="AfFormSelect__input label-m py-4 pl-4 pr-7 radius-s border-grey" data-v-b68278f0="">
Example 4 View on Page
The <select> element has the id "language-picker" that is already in use
Mode: light
<select name="language-picker" id="language-picker" class="AfFormSelect__input label-m py-4 pl-4 pr-7 radius-s border-grey" data-v-b68278f0="">
Example 5 View on Page
The <select> element has the id "language-picker" that is already in use
Mode: light
<select name="language-picker" id="language-picker" class="AfFormSelect__input label-m py-4 pl-4 pr-7 radius-s border-grey" data-v-b68278f0="">
82 Moderate equalAccess aria_content_in_landmark:
67 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light
<button aria-hidden="false" class="sc-hKgJUU dAvqTA" tabindex="0" role="button" id="axeptio_main_button" title="Gérez vos préférences en matière de cookies et données personnelles">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<h1>
Example 3 View on Page
Content is not within a landmark element
Mode: light
<button aria-hidden="false" class="sc-hKgJUU dAvqTA" tabindex="0" role="button" id="axeptio_main_button" title="Manage your preferences about cookies">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<button aria-hidden="false" class="sc-hKgJUU dAvqTA" tabindex="0" role="button" id="axeptio_main_button" title="Manage your preferences about cookies">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<button aria-hidden="false" class="sc-hKgJUU dAvqTA" tabindex="0" role="button" id="axeptio_main_button" title="Administrer dine cookie-præferencer">
81 Moderate equalAccess heading_content_exists:
61 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light
<h3 data-v-08de3870="" class="AfCard__title heading-5">
Example 2 View on Page
Heading element has no descriptive content
Mode: light
<h3 tabindex="-1" data-v-08de3870="" class="AfCard__title heading-5">
Example 3 View on Page
Heading element has no descriptive content
Mode: light
<h3 data-v-08de3870="" class="AfCard__title heading-3">
Example 4 View on Page
Heading element has no descriptive content
Mode: light
<h3 data-v-08de3870="" class="AfCard__title heading-5">
Example 5 View on Page
Heading element has no descriptive content
Mode: light
<h3 data-v-08de3870="" class="AfCard__title heading-5">
66 Moderate equalAccess input_label_after:
66 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input value="0" tabindex="-1" name="axeptio_cookies_https://www.france.fr/fr_accept" class="not_uniform comparator" type="checkbox" id="axeptio_consent_checkbox">
Example 2 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input value="0" tabindex="-1" name="axeptio_cookies_https://www.france.fr/ja_accept" class="not_uniform comparator" type="checkbox" id="axeptio_consent_checkbox">
Example 3 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input value="0" tabindex="-1" name="axeptio_cookies_https://www.france.fr/zh-Hans_accept" class="not_uniform comparator" type="checkbox" id="axeptio_consent_checkbox">
Example 4 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input value="0" tabindex="-1" name="axeptio_cookies_https://www.france.fr/da_accept" class="not_uniform comparator" type="checkbox" id="axeptio_consent_checkbox">
Example 5 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input value="0" tabindex="-1" name="axeptio_cookies_https://www.france.fr/da_accept" class="not_uniform comparator" type="checkbox" id="axeptio_consent_checkbox">
56 Moderate equalAccess fieldset_legend_valid:
56 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset data-v-f180c909="" class="AfFilterInline__inner">
Example 2 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset data-v-f180c909="" class="AfFilterInline__inner">
Example 3 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset data-v-f180c909="" class="AfFilterInline__inner">
Example 4 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset data-v-f180c909="" class="AfFilterInline__inner">
Example 5 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset data-v-f180c909="" class="AfFilterInline__inner">
29 Moderate equalAccess img_alt_valid:
27 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img data-v-5486172a="" fetchpriority="auto" sizes="150px" srcset="https://asset-prod.france.fr/clementine_santerre_photos_29885e0267.JPG 506w, https://asset-prod.france.fr/small_clementine_santerre_photos_29885e0267.JPG 150w, https://asset-prod.france.fr/medium_clementine_santerre_photos_29885e0267.JPG 400w, https://asset-prod.france.fr/thumbnail_clementine_santerre_photos_29885e0267.JPG 80w" src="https://asset-prod.france.fr/clementine_santerre_photos_29885e0267.JPG" loading="lazy" class="AfImage__img">
Example 2 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img data-v-5486172a="" fetchpriority="auto" sizes="150px" srcset="https://asset-prod.france.fr/photo_profil_caroline_8d041ce6db.jpg 960w, https://asset-prod.france.fr/large_photo_profil_caroline_8d041ce6db.jpg 800w, https://asset-prod.france.fr/small_photo_profil_caroline_8d041ce6db.jpg 150w, https://asset-prod.france.fr/medium_photo_profil_caroline_8d041ce6db.jpg 400w, https://asset-prod.france.fr/thumbnail_photo_profil_caroline_8d041ce6db.jpg 80w" src="https://asset-prod.france.fr/photo_profil_caroline_8d041ce6db.jpg" loading="lazy" class="AfImage__img">
Example 3 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img data-v-5486172a="" fetchpriority="auto" sizes="150px" srcset="https://asset-prod.france.fr/Anne_Claire_731a063277.JPG 1154w, https://asset-prod.france.fr/large_Anne_Claire_731a063277.JPG 800w, https://asset-prod.france.fr/small_Anne_Claire_731a063277.JPG 150w, https://asset-prod.france.fr/medium_Anne_Claire_731a063277.JPG 400w, https://asset-prod.france.fr/thumbnail_Anne_Claire_731a063277.JPG 80w" src="https://asset-prod.france.fr/Anne_Claire_731a063277.JPG" loading="lazy" class="AfImage__img">
Example 4 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img data-v-5486172a="" fetchpriority="auto" sizes="150px" srcset="https://asset-prod.france.fr/logo_explore_9d1d570ed2.png 180w, https://asset-prod.france.fr/small_logo_explore_9d1d570ed2.png 150w, https://asset-prod.france.fr/thumbnail_logo_explore_9d1d570ed2.png 80w" src="https://asset-prod.france.fr/logo_explore_9d1d570ed2.png" loading="lazy" class="AfImage__img">
Example 5 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img data-v-5486172a="" fetchpriority="auto" sizes="150px" srcset="https://asset-prod.france.fr/Unknown_f59ca9d982.jpeg 1276w, https://asset-prod.france.fr/large_Unknown_f59ca9d982.jpeg 800w, https://asset-prod.france.fr/small_Unknown_f59ca9d982.jpeg 150w, https://asset-prod.france.fr/medium_Unknown_f59ca9d982.jpeg 400w, https://asset-prod.france.fr/thumbnail_Unknown_f59ca9d982.jpeg 80w" src="https://asset-prod.france.fr/Unknown_f59ca9d982.jpeg" loading="lazy" class="AfImage__img">
27 Moderate equalAccess aria_complementary_labelled:
27 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-v-3dffd0b2="" class="AfDetailPage_aside">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-v-3dffd0b2="" class="AfDetailPage_aside">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-v-3dffd0b2="" class="AfDetailPage_aside">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-v-3dffd0b2="" class="AfDetailPage_aside">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-v-3dffd0b2="" class="AfDetailPage_aside">
25 Moderate equalAccess text_quoted_correctly:
19 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " استكشفوا فرنسا"
Mode: light
<p data-v-7c417fe5="" class="text-medium">
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Paris-Brest praliné noisette"
Mode: light
<figcaption class="AfImage__caption paragraph-s color-white AfImage__caption--bottom" data-v-5486172a="">
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Leonardo da Vinci i en virtuel tid"
Mode: light
<a rel="noopener noreferrer" target="_blank" href="http://www.vinci-closluce.com/en/events">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Leonardo da Vinci: The Projects"
Mode: light
<i>
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "promenade des 100 antiquaires,"
Mode: light
<p>
22 Moderate equalAccess aria_child_valid:
22 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light
<ul data-v-e5bacb9e="" class="AfFranceMap__destinations">
Example 2 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul data-v-f180c909="" class="AfFilterInline__list">
Example 3 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul data-v-f180c909="" class="AfFilterInline__list">
Example 4 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul data-v-f180c909="" class="AfFilterInline__list">
Example 5 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul data-v-f180c909="" class="AfFilterInline__list">
15 Moderate equalAccess style_background_decorative:
15 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
Example 3 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
Example 4 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
Example 5 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
13 Moderate equalAccess frame_src_valid:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;" width="1" height="1">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="698" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/BtXyHWIncdK/embed/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Fda%2Fartikel%2FFind-ro-naturen-hvorfor-ikke-%25c3%25a5bne-dine-chakraer-Alperne-Frankrig%2F#%7B%22ci%22%3A0%2C%22os%22%3A1254.4000000000233%2C%22ls%22%3A1054.5%2C%22le%22%3A1155.2000000000116%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="821" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/CyJhYq1tYL3/embed/?cr=1&v=14&wp=492&rd=https%3A%2F%2Fwww.france.fr&rp=%2Fde%2Fartikel%2Fdas-beruhmteste-herz-der-welt-befindet-sich-in-neukaledonien%2F#%7B%22ci%22%3A0%2C%22os%22%3A1493.1999999999534%2C%22ls%22%3A1360.1999999999534%2C%22le%22%3A1360.1999999999534%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="665" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/Bn8H--4hAYs/embed/captioned/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Far%2Farticle%2Fcote-dazur-plus-beaux-villages-arriere-pays-nicois%2F#%7B%22ci%22%3A0%2C%22os%22%3A1341.2999999999884%2C%22ls%22%3A1206.2999999999884%2C%22le%22%3A1206.2999999999884%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-1" height="817" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/BxRstmkhoEE/embed/captioned/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Far%2Farticle%2Fcote-dazur-plus-beaux-villages-arriere-pays-nicois%2F#%7B%22ci%22%3A1%2C%22os%22%3A1343.5%2C%22ls%22%3A1206.2999999999884%2C%22le%22%3A1206.2999999999884%7D" id="instagram-embed-1" class="instagram-media instagram-media-rendered">
13 Moderate equalAccess frame_title_exists:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;" width="1" height="1">
Example 2 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="698" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/BtXyHWIncdK/embed/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Fda%2Fartikel%2FFind-ro-naturen-hvorfor-ikke-%25c3%25a5bne-dine-chakraer-Alperne-Frankrig%2F#%7B%22ci%22%3A0%2C%22os%22%3A1254.4000000000233%2C%22ls%22%3A1054.5%2C%22le%22%3A1155.2000000000116%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 3 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="821" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/CyJhYq1tYL3/embed/?cr=1&v=14&wp=492&rd=https%3A%2F%2Fwww.france.fr&rp=%2Fde%2Fartikel%2Fdas-beruhmteste-herz-der-welt-befindet-sich-in-neukaledonien%2F#%7B%22ci%22%3A0%2C%22os%22%3A1493.1999999999534%2C%22ls%22%3A1360.1999999999534%2C%22le%22%3A1360.1999999999534%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 4 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="665" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/Bn8H--4hAYs/embed/captioned/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Far%2Farticle%2Fcote-dazur-plus-beaux-villages-arriere-pays-nicois%2F#%7B%22ci%22%3A0%2C%22os%22%3A1341.2999999999884%2C%22ls%22%3A1206.2999999999884%2C%22le%22%3A1206.2999999999884%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 5 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-1" height="817" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/BxRstmkhoEE/embed/captioned/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Far%2Farticle%2Fcote-dazur-plus-beaux-villages-arriere-pays-nicois%2F#%7B%22ci%22%3A1%2C%22os%22%3A1343.5%2C%22ls%22%3A1206.2999999999884%2C%22le%22%3A1206.2999999999884%7D" id="instagram-embed-1" class="instagram-media instagram-media-rendered">
11 Moderate equalAccess element_attribute_deprecated:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <center> element is deprecated in HTML 5
Mode: light
<center>
Example 2 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="698" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/BtXyHWIncdK/embed/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Fda%2Fartikel%2FFind-ro-naturen-hvorfor-ikke-%25c3%25a5bne-dine-chakraer-Alperne-Frankrig%2F#%7B%22ci%22%3A0%2C%22os%22%3A1254.4000000000233%2C%22ls%22%3A1054.5%2C%22le%22%3A1155.2000000000116%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 3 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="821" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/CyJhYq1tYL3/embed/?cr=1&v=14&wp=492&rd=https%3A%2F%2Fwww.france.fr&rp=%2Fde%2Fartikel%2Fdas-beruhmteste-herz-der-welt-befindet-sich-in-neukaledonien%2F#%7B%22ci%22%3A0%2C%22os%22%3A1493.1999999999534%2C%22ls%22%3A1360.1999999999534%2C%22le%22%3A1360.1999999999534%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 4 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-0" height="665" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/Bn8H--4hAYs/embed/captioned/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Far%2Farticle%2Fcote-dazur-plus-beaux-villages-arriere-pays-nicois%2F#%7B%22ci%22%3A0%2C%22os%22%3A1341.2999999999884%2C%22ls%22%3A1206.2999999999884%2C%22le%22%3A1206.2999999999884%7D" id="instagram-embed-0" class="instagram-media instagram-media-rendered">
Example 5 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe style="background: white; max-width: 540px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;" scrolling="no" data-instgrm-payload-id="instagram-media-payload-1" height="817" frameborder="0" allowfullscreen="true" allowtransparency="true" src="https://www.instagram.com/p/BxRstmkhoEE/embed/captioned/?cr=1&v=12&wp=540&rd=https%3A%2F%2Fwww.france.fr&rp=%2Far%2Farticle%2Fcote-dazur-plus-beaux-villages-arriere-pays-nicois%2F#%7B%22ci%22%3A1%2C%22os%22%3A1343.5%2C%22ls%22%3A1206.2999999999884%2C%22le%22%3A1206.2999999999884%7D" id="instagram-embed-1" class="instagram-media instagram-media-rendered">
11 Moderate equalAccess list_markup_review:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 id="6-the-rural-scenery-of-the-garden-courtyard-1" data-v-5c8e2e39="" class="heading-3">
Example 2 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 id="2-the-unbeatable-view-of-the-eiffel-tower-that-comes-with-some-suites-2" data-v-5c8e2e39="" class="heading-3">
Example 3 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 id="1-the-surprising-decor-of-the-alain-ducasse-restaurant-3" data-v-5c8e2e39="" class="heading-3">
Example 4 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 id="3-the-bars-dreamy-decor-4" data-v-5c8e2e39="" class="heading-3">
Example 5 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 id="5-chandeliers-and-red-carpets-in-the-reception-rooms-5" data-v-5c8e2e39="" class="heading-3">
7 Moderate equalAccess text_sensory_misuse:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Confirm the word(s) 'above' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 2 View on Page
Confirm the word(s) 'upper' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'Triangle'
Mode: light
<p>
Example 4 View on Page
Confirm the word(s) 'top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<strong>
Example 5 View on Page
Confirm the word(s) 'corner' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
5 Moderate equalAccess html_lang_exists:
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
Example 2 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
Example 3 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html data-capo="">
Example 4 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
Example 5 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
5 Moderate equalAccess element_tabbable_role_valid:
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The tabbable element does not have a valid widget role
Mode: light
<div style="width: 100%; height: 100%;" tabindex="0" class="AfLeafletMap leaflet-container leaflet-touch leaflet-fade-anim leaflet-touch-zoom" data-v-03e0c27b="" data-v-aa0444f3="">
Example 2 View on Page
The tabbable element does not have a valid widget role
Mode: light
<div style="width: 100%; height: 100%;" tabindex="0" class="AfLeafletMap leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" data-v-aa0444f3="">
Example 3 View on Page
The tabbable element does not have a valid widget role
Mode: light
<div style="width: 100%; height: 100%;" tabindex="0" class="AfLeafletMap leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" data-v-aa0444f3="">
Example 4 View on Page
The tabbable element does not have a valid widget role
Mode: light
<div style="width: 100%; height: 100%;" tabindex="0" class="AfLeafletMap leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" data-v-aa0444f3="">
Example 5 View on Page
The tabbable element does not have a valid widget role
Mode: light
<div style="width: 100%; height: 100%;" tabindex="0" class="AfLeafletMap leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" data-v-aa0444f3="">
5 Moderate equalAccess aria_keyboard_handler_exists:
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Vyhledat" id="map-search">
Example 2 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Suchen" id="map-search">
Example 3 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Buscar" id="map-search">
Example 4 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Rechercher" id="map-search">
Example 5 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Cerca" id="map-search">
5 Moderate equalAccess aria_role_valid:
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Vyhledat" id="map-search">
Example 2 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Suchen" id="map-search">
Example 3 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Buscar" id="map-search">
Example 4 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Rechercher" id="map-search">
Example 5 View on Page
The ARIA role 'combobox' is not valid for the element <input>
Mode: light
<input data-v-5dc68d54="" maxlength="40" value="" type="search" autocomplete="off" aria-expanded="false" aria-controls="map-search_suggestions" aria-autocomplete="list" role="combobox" placeholder="Cerca" id="map-search">
4 Moderate equalAccess input_label_exists:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form control element <button> has no associated label
Mode: light
<button class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s" data-v-aa0444f3="" data-v-6458d367="">
Example 2 View on Page
Form control element <button> has no associated label
Mode: light
<button class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s" data-v-aa0444f3="" data-v-6458d367="">
Example 3 View on Page
Form control element <button> has no associated label
Mode: light
<button class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s" data-v-aa0444f3="" data-v-6458d367="">
Example 4 View on Page
Form control element <button> has no associated label
Mode: light
<button class="AfButton AfButton--primary AfButton--small AfButton--blueNight AfButton--iconAlone label-s" data-v-aa0444f3="" data-v-6458d367="">
3 Moderate equalAccess html_skipnav_exists:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
Example 2 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
Example 3 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
3 Moderate equalAccess fieldset_label_valid:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Group/Fieldset "필터 선택" has a duplicate name to another group
Mode: light
<fieldset data-v-f180c909="" class="AfFilterInline__inner">
Example 2 View on Page
Group/Fieldset "Wählen Sie einen Filter" has a duplicate name to another group
Mode: light
<fieldset data-v-f180c909="" class="AfFilterInline__inner">
Example 3 View on Page
Group/Fieldset "Use filter" has a duplicate name to another group
Mode: light
<fieldset data-v-f180c909="" class="AfFilterInline__inner">
2 Moderate equalAccess aria_accessiblename_exists:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3>
Example 2 View on Page
Element <h2> with "heading" role has no accessible name
Mode: light
<h2 data-v-5c8e2e39="" class="heading-3">
2 Moderate equalAccess a_text_purpose:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a rel="noopener noreferrer" target="_blank" href="https://www.st-jean-pied-de-port.fr/vie-municipale/les-services-municipaux/marche/">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a rel="noopener noreferrer" target="_blank" href="https://www.chocolats-bayonne-cazenave.fr/">
2 Moderate equalAccess heading_markup_misuse:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3>
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2 id="a-pezenas-citta-darte-e-storia-cara-a-moliere-nel-cuore-del-pays-doc-gustate-il-famoso-petit-pate-accompagnato-dai-migliori-rose-della-regione-1">
1 Moderate equalAccess skip_main_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The page does not provide a way to quickly navigate to the main content (ARIA "main" landmark or a skip link)
Mode: light
<body>