Accessibility Scan Report

Title: welcometofrance.com — Issue: #145 Date: 3/13/2026, 7:28:37 PM Duration: 20.1m URLs: 100 / 100 🌙 Dark Mode: 100 / 100 URLs

Summary

Issues

  • By Level: A (2936), AA (578)
  • By Version (A & AA): WCAG 2.0 (3514)
  • By Category: axe-strict (4860) & Others (5722)
  • Total: 10582 across 47 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.

Page axe UniqueEqual Access Unique Total Unique
View Page Médiathèque, toutes les informations sur la France - Welcome to France 183
View Page Médiathèque, toutes les informations sur la France - Welcome to France 181
View Page Médiathèque, toutes les informations sur la France - Welcome to France 181
View Page Brexit : Je vais ou j’envisage de m’installer en France - Welcome to France 169
View Page Brexit : où se renseigner ? - Welcome to France 160
View Page Nouvelles dispositions en matière de détachement de travailleurs - Welcome to France 155
View Page Welcome to France : tous les conseils pour vous installer en France 150
View Page Welcome to France : tous les conseils pour vous installer en France 150
View Page Welcome to la French Tech: Bienvenue aux talents de la Tech 147
View Page Doing Business : Accueil des talents - Welcome to France 146

🔧 Most Common Issues (axe)

12 rules
596 Moderate axe landmark-banner-is-top-level:
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<h1 class="hdr-logo" role="banner">
XPath: .hdr-logos.aic.flex > .hdr-logo[role="banner"]
Example 2 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<h1 class="hdr-logo" role="banner">
XPath: .footer-logos > .hdr-logo[role="banner"]
Example 3 View on Page
Banner landmark should not be contained in another landmark
Mode: dark
<h1 class="hdr-logo" role="banner">
XPath: .hdr-logos.aic.flex > .hdr-logo[role="banner"]
Example 4 View on Page
Banner landmark should not be contained in another landmark
Mode: dark
<h1 class="hdr-logo" role="banner">
XPath: .footer-logos > .hdr-logo[role="banner"]
Example 5 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="hdr-logo" role="banner">
XPath: .hdr-logos.rel.aic > .hdr-logo[role="banner"]
578 Serious axe SC 1.4.3 AA color-contrast:
100 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Affected Pages

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: select
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: dark
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: select
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: select
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: dark
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: select
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: .lang_selector_select
212 Critical axe SC 4.1.2 A button-name:
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
Buttons must have discernible text
Mode: light
<button class="search-open bump"> <img src="https://www.welcometofrance.com/app/themes/welcome-to-france/src/img/search.svg" alt=""> </button>
XPath: .search-open
Example 2 View on Page
Buttons must have discernible text
Mode: dark
<button class="search-open bump"> <img src="https://www.welcometofrance.com/app/themes/welcome-to-france/src/img/search.svg" alt=""> </button>
XPath: .search-open
Example 3 View on Page
Buttons must have discernible text
Mode: light
<button class="search-open bump"> <img src="https://www.welcometofrance.com/app/themes/welcome-to-france/src/img/search.svg" alt=""> </button>
XPath: .search-open
Example 4 View on Page
Buttons must have discernible text
Mode: dark
<button class="search-open bump"> <img src="https://www.welcometofrance.com/app/themes/welcome-to-france/src/img/search.svg" alt=""> </button>
XPath: .search-open
Example 5 View on Page
Buttons must have discernible text
Mode: light
<button class="search-open bump"> <img src="https://www.welcometofrance.com/app/themes/welcome-to-france/src/img/search.svg" alt=""> </button>
XPath: .search-open
206 Moderate axe landmark-unique:
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<header class="header">
XPath: header
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: dark
<header class="header">
XPath: header
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<header class="header">
XPath: header
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: dark
<header class="header">
XPath: header
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<header class="header">
XPath: header
204 Moderate axe aria-allowed-role:
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<h1 class="hdr-logo" role="banner">
XPath: .hdr-logos.aic.flex > .hdr-logo[role="banner"]
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<h1 class="hdr-logo" role="banner">
XPath: .footer-logos > .hdr-logo[role="banner"]
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: dark
<h1 class="hdr-logo" role="banner">
XPath: .hdr-logos.aic.flex > .hdr-logo[role="banner"]
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: dark
<h1 class="hdr-logo" role="banner">
XPath: .footer-logos > .hdr-logo[role="banner"]
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<a class="hdr-logo" href="https://www.welcometofrance.com" rel="home" role="banner">
XPath: .hdr-logo[rel="home"][role="banner"]
200 Moderate axe landmark-no-duplicate-banner:
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="header">
XPath: header
Example 2 View on Page
Document should not have more than one banner landmark
Mode: dark
<header class="header">
XPath: header
Example 3 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="header">
XPath: header
Example 4 View on Page
Document should not have more than one banner landmark
Mode: dark
<header class="header">
XPath: header
Example 5 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="header">
XPath: header
200 Moderate axe SC 4.1.2 A select-name:
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Affected Pages

Examples

Example 1 View on Page
Select element must have an accessible name
Mode: light
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: select
Example 2 View on Page
Select element must have an accessible name
Mode: dark
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: select
Example 3 View on Page
Select element must have an accessible name
Mode: light
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: select
Example 4 View on Page
Select element must have an accessible name
Mode: dark
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: select
Example 5 View on Page
Select element must have an accessible name
Mode: light
<select class="lang_selector_select" onchange="this.options[this.selectedIndex].value &amp;&amp; (window.location = this.options[this.selectedIndex].value);"><option class="active" selected="">FR</option><option value="https://www.welcometofrance.com/en">EN</option></select>
XPath: .lang_selector_select
162 Critical axe SC 1.1.1 A image-alt:
81 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Affected Pages

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
XPath: .post-category > a > img
Example 2 View on Page
Images must have alternative text
Mode: dark
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
XPath: .post-category > a > img
Example 3 View on Page
Images must have alternative text
Mode: light
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
XPath: .post-category > a > img
Example 4 View on Page
Images must have alternative text
Mode: dark
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
XPath: .post-category > a > img
Example 5 View on Page
Images must have alternative text
Mode: light
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
XPath: .post-category > a > img
78 Moderate axe empty-heading:
31 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Headings should not be empty
Mode: light
<h3></h3>
XPath: h3
Example 2 View on Page
Headings should not be empty
Mode: dark
<h3></h3>
XPath: h3
Example 3 View on Page
Headings should not be empty
Mode: light
<h3></h3>
XPath: h3:nth-child(1)
Example 4 View on Page
Headings should not be empty
Mode: dark
<h3></h3>
XPath: h3:nth-child(1)
Example 5 View on Page
Headings should not be empty
Mode: light
<h1></h1>
XPath: .wys > h1
62 Moderate axe heading-order:
27 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h4><b>Procédure&nbsp;</b></h4>
XPath: h4
Example 2 View on Page
Heading levels should only increase by one
Mode: dark
<h4><b>Procédure&nbsp;</b></h4>
XPath: h4
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3 style="text-align: center;">Vous souhaitez vous installer en France pour mener à bien un projet de création de startup, investir dans la Tech française ou être embauché par une startup française ?</h3>
XPath: .wys > h3
Example 4 View on Page
Heading levels should only increase by one
Mode: dark
<h3 style="text-align: center;">Vous souhaitez vous installer en France pour mener à bien un projet de création de startup, investir dans la Tech française ou être embauché par une startup française ?</h3>
XPath: .wys > h3
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h5>Mise en place d’une protection temporaire pour les personnes déplacées d’Ukraine</h5>
XPath: h5
2 Serious axe SC 4.1.2 A frame-title:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: No

WCAG: SC 4.1.2 A

Examples

Example 1 View on Page
Frames must have an accessible name
Mode: light
<iframe id="ston-pBNf6xJSt9" src="https://stonly.com/embed/en/pBNf6xJSt9/view/" name="StonlyExplanation" width="100%" height="815" frameborder="0" allowfullscreen="allowfullscreen"> </iframe>
XPath: #ston-pBNf6xJSt9
Example 2 View on Page
Frames must have an accessible name
Mode: dark
<iframe id="ston-pBNf6xJSt9" src="https://stonly.com/embed/en/pBNf6xJSt9/view/" name="StonlyExplanation" width="100%" height="815" frameborder="0" allowfullscreen="allowfullscreen"> </iframe>
XPath: #ston-pBNf6xJSt9

🔧 Most Common Issues (Equal Access)

35 rules
2748 Moderate equalAccess style_focus_visible:
100 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
<a href="#content" class="skip-link screen-reader-text">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a class="link-over" rel="home" href="https://www.welcometofrance.com">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a class="cta cta-button full blue" target="" href="/demarche">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="https://www.welcometofrance.com/rubrique/visa-sejour-travail" target="" class="link-over">
580 Moderate equalAccess a_text_purpose:
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a class="link-over" rel="home" href="https://www.welcometofrance.com">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://www.welcometofrance.com/rubrique/visa-sejour-travail" target="" class="link-over">
Example 3 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://www.welcometofrance.com/rubrique/protection-sociale" target="" class="link-over">
Example 4 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://www.welcometofrance.com/rubrique/fiscalite" target="" class="link-over">
Example 5 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://www.welcometofrance.com/rubrique/travail" target="" class="link-over">
576 Moderate equalAccess text_contrast_sufficient:
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Text contrast of 1.10 with its background is less than the WCAG AA minimum requirements for text of size 60px and weight of 700
Mode: light
<h1>
Example 2 View on Page
The foreground text and its background color are both detected as #f3f4f6. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<h3>
Example 3 View on Page
The foreground text and its background color are both detected as #f3f4f6. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<p>
Example 4 View on Page
The foreground text and its background color are both detected as #f3f4f6. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<a target="" href="https://www.welcometofrance.com/rubrique/visa-sejour-travail">
Example 5 View on Page
The foreground text and its background color are both detected as #f3f4f6. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<a target="" href="https://www.welcometofrance.com/rubrique/protection-sociale">
220 Moderate equalAccess element_attribute_deprecated:
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
Example 2 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=edge" http-equiv="X-UA-Compatible">
Example 3 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
Example 4 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=edge" http-equiv="X-UA-Compatible">
Example 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
212 Moderate equalAccess element_tabbable_unobscured:
100 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
<a href="#content" class="skip-link screen-reader-text">
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 target="" href="https://www.welcometofrance.com/rubrique/visa-sejour-travail">
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 target="" href="https://www.welcometofrance.com/rubrique/protection-sociale">
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
<a target="" href="https://www.welcometofrance.com/rubrique/fiscalite">
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
<a href="https://www.welcometofrance.com/make-a-french-start-simplanter-en-france" class="post-card-link term-link">
204 Moderate equalAccess element_tabbable_visible:
100 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 target="" href="javascript:Didomi.preferences.show()" class="footer-item">
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 target="" href="">
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 target="" href="javascript:Didomi.preferences.show()" class="footer-item">
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 target="" href="">
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 href="https://www.welcometofrance.com/page/10?post_type=wefr_fiche&p=480">
200 Moderate equalAccess aria_banner_label_unique:
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="header">
Example 2 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" class="hdr-logo">
Example 3 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="header">
Example 4 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" class="hdr-logo">
Example 5 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="header">
200 Moderate equalAccess input_label_visible:
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Open Chat Assistant" onclick="showChat()" id="open-chat">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Open Chat Assistant" onclick="showChat()" id="open-chat">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
100 Moderate equalAccess style_highcontrast_visible:
100 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
<html style="--primary-color: linear-gradient(135deg, #1e1eaf, #000091, #000073); --header-textColor: #FFFFFF;" lang="fr-FR" class="no-js no-svg">
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
<html style="--primary-color: linear-gradient(135deg, #1e1eaf, #000091, #000073); --header-textColor: #FFFFFF;" lang="fr-FR" class="no-js no-svg">
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
<html style="--primary-color: linear-gradient(135deg, #1e1eaf, #000091, #000073); --header-textColor: #FFFFFF;" lang="fr-FR" class="no-js no-svg">
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
<html style="--primary-color: linear-gradient(135deg, #1e1eaf, #000091, #000073); --header-textColor: #FFFFFF;" lang="fr-FR" class="no-js no-svg">
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
<html style="--primary-color: linear-gradient(135deg, #1e1eaf, #000091, #000073); --header-textColor: #FFFFFF;" lang="fr-FR" class="no-js no-svg">
100 Moderate equalAccess style_color_misuse:
100 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
<link crossorigin="anonymous" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link crossorigin="anonymous" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link crossorigin="anonymous" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link crossorigin="anonymous" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link crossorigin="anonymous" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
100 Moderate equalAccess aria_content_in_landmark:
100 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
<a href="#content" class="skip-link screen-reader-text">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="skip-link screen-reader-text">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="skip-link screen-reader-text">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="skip-link screen-reader-text">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="skip-link screen-reader-text">
100 Moderate equalAccess aria_id_unique:
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The 'id' "navigation" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
Example 2 View on Page
The 'id' "navigation" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
Example 3 View on Page
The 'id' "navigation" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
Example 4 View on Page
The 'id' "navigation" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
Example 5 View on Page
The 'id' "navigation" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-controls="navigation" aria-label="Menu" type="button" class="hamburger hamburger--slider">
100 Moderate equalAccess aria_role_valid:
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA role 'banner' is not valid for the element <h1>
Mode: light
<h1 role="banner" class="hdr-logo">
Example 2 View on Page
The ARIA role 'banner' is not valid for the element <a>
Mode: light
<a role="banner" rel="home" href="https://www.welcometofrance.com" class="hdr-logo">
Example 3 View on Page
The ARIA role 'banner' is not valid for the element <a>
Mode: light
<a role="banner" rel="home" href="https://www.welcometofrance.com" class="hdr-logo">
Example 4 View on Page
The ARIA role 'banner' is not valid for the element <a>
Mode: light
<a role="banner" rel="home" href="https://www.welcometofrance.com" class="hdr-logo">
Example 5 View on Page
The ARIA role 'banner' is not valid for the element <a>
Mode: light
<a role="banner" rel="home" href="https://www.welcometofrance.com" class="hdr-logo">
81 Moderate equalAccess img_alt_valid:
81 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 src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
Example 2 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
Example 3 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
Example 4 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Video.svg">
Example 5 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img src="https://www.welcometofrance.com/app/uploads/2019/10/Actu.svg">
40 Moderate equalAccess figure_label_exists:
40 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <figure> element does not have an associated label
Mode: light
<figure>
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light
<figure>
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light
<figure>
Example 4 View on Page
The <figure> element does not have an associated label
Mode: light
<figure>
Example 5 View on Page
The <figure> element does not have an associated label
Mode: light
<figure>
32 Moderate equalAccess heading_content_exists:
31 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>
Example 2 View on Page
Heading element has no descriptive content
Mode: light
<h3>
Example 3 View on Page
Heading element has no descriptive content
Mode: light
<h1>
Example 4 View on Page
Heading element has no descriptive content
Mode: light
<h3>
Example 5 View on Page
Heading element has no descriptive content
Mode: light
<h4>
32 Moderate equalAccess aria_accessiblename_exists:
31 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3>
Example 2 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3>
Example 3 View on Page
Element <h1> with "heading" role has no accessible name
Mode: light
<h1>
Example 4 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3>
Example 5 View on Page
Element <h4> with "heading" role has no accessible name
Mode: light
<h4>
15 Moderate equalAccess text_block_heading:
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'PIB régional' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="details-header">
Example 2 View on Page
Confirm this text 'Solutions & Co Solutions & Co' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 3 View on Page
Confirm this text 'Thématiques' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 4 View on Page
Confirm this text 'Site du CLEISS Site du CLEISS' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 5 View on Page
Confirm this text '52 % de nouvelles implantations 52 % de nouvelles implantations' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
14 Moderate equalAccess frame_src_valid:
13 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-src="https://www.youtube.com/embed/MhQYO2syc9A?feature=oembed" allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" height="360" width="640" title="Tout savoir sur la loi PACTE !">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-src="https://www.youtube.com/embed/9Sw15bRVAUw?feature=oembed" allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" height="360" width="640" title="FD Talent - Europe is a great place to work!">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-src="https://www.youtube.com/embed/p8Xu8mrSgL8?feature=oembed" allowfullscreen="" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" frameborder="0" height="360" width="640" title="Business France | Welcome To France - Sous-titres FR">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-src="https://www.youtube.com/embed/C0UESXy-FdM?feature=oembed" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" frameborder="0" height="360" width="640" title="Join the French Tech Revolution!">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="815" width="100%" name="StonlyExplanation" src="https://stonly.com/embed/en/pBNf6xJSt9/view/" id="ston-pBNf6xJSt9">
12 Moderate equalAccess html_lang_exists:
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

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>
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>
12 Moderate equalAccess html_skipnav_exists:
12 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>
Example 4 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
Example 5 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
8 Moderate equalAccess heading_markup_misuse:
8 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 style="text-align: center;">
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 style="text-align: center;">
Example 3 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2 class="block-title">
Example 4 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 style="text-align: center;">
Example 5 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 style="text-align: center;">
6 Moderate equalAccess input_label_exists:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Form control element <select> has no associated label
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
Example 2 View on Page
Form control element <button> has no associated label
Mode: light
<button disabled="">
Example 3 View on Page
Form control element <select> has no associated label
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
Example 4 View on Page
Form control element <button> has no associated label
Mode: light
<button disabled="">
Example 5 View on Page
Form control element <select> has no associated label
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
4 Moderate equalAccess table_headers_exists:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Table has no headers identified
Mode: light
<table style="width: 100.818%; height: 223px;">
Example 2 View on Page
Table has no headers identified
Mode: light
<table style="width: 100.818%; height: 100px;">
Example 3 View on Page
Table has no headers identified
Mode: light
<table width="770">
Example 4 View on Page
Table has no headers identified
Mode: light
<table>
3 Moderate equalAccess caption_track_exists:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video class="w100" loop="" autoplay="" muted="">
Example 2 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video class="w100" loop="" autoplay="" muted="">
Example 3 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video class="w100" loop="" autoplay="" muted="">
3 Moderate equalAccess media_keyboard_controllable:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video class="w100" loop="" autoplay="" muted="">
Example 2 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video class="w100" loop="" autoplay="" muted="">
Example 3 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video class="w100" loop="" autoplay="" muted="">
3 Moderate equalAccess input_onchange_review:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Confirm that the user is advised if, due to a change of element value, a form automatically submits, a new window opens, or a change in focus occurs
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
Example 2 View on Page
Confirm that the user is advised if, due to a change of element value, a form automatically submits, a new window opens, or a change in focus occurs
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
Example 3 View on Page
Confirm that the user is advised if, due to a change of element value, a form automatically submits, a new window opens, or a change in focus occurs
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
3 Moderate equalAccess script_select_review:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that no change of context or action occurs when selection options in this component receive focus
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
Example 2 View on Page
Verify that no change of context or action occurs when selection options in this component receive focus
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
Example 3 View on Page
Verify that no change of context or action occurs when selection options in this component receive focus
Mode: light
<select onchange="window.location.href=this.value" id="categories" name="categories">
3 Moderate equalAccess text_sensory_misuse:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Confirm the user instruction is still understandable without the word(s) 'large'
Mode: light
<p>
Example 2 View on Page
Confirm the word(s) 'top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span data-contrast="auto">
Example 3 View on Page
Confirm the word(s) 'top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
3 Moderate equalAccess svg_graphics_labelled:
1 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 preserveAspectRatio="xMinYMin meet" viewBox="0 0 640 584" class="france-map">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 1000 1000" class="dom-tom-map">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 1200 1200" class="dom-tom-map">
2 Moderate equalAccess aria_attribute_required:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light
<h1 role="banner" class="hdr-logo">
Example 2 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light
<h1 role="banner" class="hdr-logo">
2 Moderate equalAccess widget_tabbable_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a rel="noreferrer noopener" target="_blank" href="https://www.welcometofrance.com/fiche/salaries-detaches-intracommunautaires" title="https://www.welcometofrance.com/fiche/salaries-detaches-intracommunautaires" tabindex="-1">
Example 2 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a rel="noreferrer noopener" target="_blank" href="https://www.cleiss.fr/reglements/a1.html" title="https://www.cleiss.fr/reglements/a1.html" tabindex="-1">
2 Moderate equalAccess text_quoted_correctly:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "La France dispose d’atouts stru ... uctures, démographie, éducation"
Mode: light
<p class="quote-text">
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Talent-carte bleue européenne"
Mode: light
<h2 class="block-title">
1 Moderate equalAccess frame_title_exists:
1 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 allowfullscreen="allowfullscreen" frameborder="0" height="815" width="100%" name="StonlyExplanation" src="https://stonly.com/embed/en/pBNf6xJSt9/view/" id="ston-pBNf6xJSt9">
1 Moderate equalAccess list_markup_review:
1 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
<em>