diff --git a/app/(public)/layout.tsx b/app/(public)/layout.tsx
index 3b21fd506..ffc677de2 100644
--- a/app/(public)/layout.tsx
+++ b/app/(public)/layout.tsx
@@ -9,7 +9,9 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
       <Header />
       <Suspense fallback={<div className='blank' />}>
         <ParamProvider>
-          <main id='contenu'>{children}</main>
+          <main id='contenu' role='main'>
+            {children}
+          </main>
         </ParamProvider>
       </Suspense>
       <Footer />
diff --git a/app/error.tsx b/app/error.tsx
index 750567884..adda927a0 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -15,7 +15,7 @@ const Error = () => {
   return (
     <>
       <Header />
-      <main id='contenu'>
+      <main id='contenu' role='main'>
         <ErrorPage />
         <Suggestion fromLabel='Erreur inattendue' simulatorName='du site' />
       </main>
diff --git a/app/not-found.tsx b/app/not-found.tsx
index a075a8317..34ca8bdbd 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -13,7 +13,7 @@ const NotFound = () => {
   return (
     <>
       <Header />
-      <main id='contenu'>
+      <main id='contenu' role='main'>
         <NotFoundPage />
         <Suggestion fromLabel='Page non trouvée' simulatorName='du site' />
       </main>
diff --git a/package.json b/package.json
index 151195eaa..0bf6c4e72 100644
--- a/package.json
+++ b/package.json
@@ -160,4 +160,4 @@
   "resolutions": {
     "jackspeak": "2.1.1"
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/Notion/DynamicNotion.tsx b/src/components/Notion/DynamicNotion.tsx
index 82c161683..16c6e88fb 100644
--- a/src/components/Notion/DynamicNotion.tsx
+++ b/src/components/Notion/DynamicNotion.tsx
@@ -1,27 +1,38 @@
 import { LinkProps } from 'next/link'
 import { ExtendedRecordMap } from 'notion-types'
-import React, { ReactNode } from 'react'
+import React, { ReactNode, useEffect, useRef } from 'react'
 import { NotionRenderer } from 'react-notion-x'
 import { Collection } from 'react-notion-x/build/third-party/collection'
 import 'react-notion-x/src/styles.css'
 import Link from 'components/base/buttons/Link'
 
 const DynamicNotion = ({ recordMap }: { recordMap: ExtendedRecordMap }) => {
+  const ref = useRef<HTMLDivElement>(null)
+  useEffect(() => {
+    if (ref.current) {
+      const elements = ref.current.getElementsByTagName('img')
+      for (const element of elements) {
+        element.setAttribute('alt', '')
+      }
+    }
+  }, [ref])
   return (
-    <NotionRenderer
-      recordMap={recordMap}
-      components={{
-        Collection,
-        Link: ({ href, children, ...props }: LinkProps & { children: ReactNode }) => {
-          return (
-            // @ts-expect-error: notion type error
-            <Link href={href} {...props} target='_blank' rel='noopener noreferrer'>
-              {children}
-            </Link>
-          )
-        },
-      }}
-    />
+    <div ref={ref}>
+      <NotionRenderer
+        recordMap={recordMap}
+        components={{
+          Collection,
+          Link: ({ href, children, ...props }: LinkProps & { children: ReactNode }) => {
+            return (
+              // @ts-expect-error: notion type error
+              <Link href={href} {...props} target='_blank' rel='noopener noreferrer'>
+                {children}
+              </Link>
+            )
+          },
+        }}
+      />
+    </div>
   )
 }
 
diff --git a/src/components/Notion/Notion.tsx b/src/components/Notion/Notion.tsx
index 1c262aa9c..109ece54d 100644
--- a/src/components/Notion/Notion.tsx
+++ b/src/components/Notion/Notion.tsx
@@ -2,7 +2,7 @@
 
 import { LinkProps } from 'next/link'
 import { ExtendedRecordMap } from 'notion-types'
-import React, { ReactNode } from 'react'
+import React, { ReactNode, useEffect, useRef } from 'react'
 import { NotionRenderer } from 'react-notion-x'
 import { Collection } from 'react-notion-x/build/third-party/collection'
 import 'react-notion-x/src/styles.css'
@@ -22,11 +22,21 @@ const Notion = ({
   recordMap: ExtendedRecordMap
   previous?: { link: string; label: string }
 }) => {
+  const ref = useRef<HTMLDivElement>(null)
+  useEffect(() => {
+    if (ref.current) {
+      const elements = ref.current.getElementsByTagName('img')
+      for (const element of elements) {
+        element.setAttribute('alt', '')
+      }
+    }
+  }, [ref])
+
   return (
     <>
       <Breadcrumbs links={[{ link: '/', label: 'Accueil' }].concat(previous || [])} current={title} />
       <Block title={title} description={description} as='h1'>
-        <div className={styles.container}>
+        <div className={styles.container} ref={ref}>
           <NotionRenderer
             recordMap={recordMap}
             fullPage={true}
diff --git a/src/components/base/ClipboardBox.tsx b/src/components/base/ClipboardBox.tsx
index 8ef28010e..c3553c0f5 100644
--- a/src/components/base/ClipboardBox.tsx
+++ b/src/components/base/ClipboardBox.tsx
@@ -33,12 +33,12 @@ const ClipboardBox = ({ children, tracking, form }: { children: string; tracking
         </span>
       </button>
       {children.startsWith('<script') && (
-        <div className={styles.information}>
+        <p className={styles.information}>
           <InformationIcon />
           {t('information-1')}
           <br />
           {t('information-2')}
-        </div>
+        </p>
       )}
     </>
   )
diff --git a/src/components/base/EquivalentIcon.tsx b/src/components/base/EquivalentIcon.tsx
index 7b0c0bb23..e6d671d32 100644
--- a/src/components/base/EquivalentIcon.tsx
+++ b/src/components/base/EquivalentIcon.tsx
@@ -6,9 +6,11 @@ import { buildCurrentUrlFor } from 'utils/urls'
 const EquivalentIcon = ({
   equivalent,
   height,
+  alt,
 }: {
   equivalent: Pick<ComputedEquivalent, 'slug' | 'carpool'>
   height?: number
+  alt?: string
 }) => {
   const [slug] = equivalent.slug.split('+')
 
@@ -17,7 +19,7 @@ const EquivalentIcon = ({
       src={buildCurrentUrlFor(`/icons/${equivalent.carpool ? 'covoiturage' : ''}${getComparisonSlug(slug)}.svg`)}
       width={(height || 1) * 16}
       height={(height || 1) * 16}
-      alt=''
+      alt={alt || ''}
     />
   )
 }
diff --git a/src/components/base/Logo/Ademe.tsx b/src/components/base/Logo/Ademe.tsx
index 15377721f..ad8c30a9c 100644
--- a/src/components/base/Logo/Ademe.tsx
+++ b/src/components/base/Logo/Ademe.tsx
@@ -4,7 +4,13 @@ import styles from './Logo.module.css'
 
 export default function Ademe({ small }: { small?: boolean }) {
   return (
-    <svg className={classNames(styles.logo, { [styles.small]: small })} width='181' height='213' viewBox='0 0 181 213'>
+    <svg
+      className={classNames(styles.logo, { [styles.small]: small })}
+      width='181'
+      height='213'
+      viewBox='0 0 181 213'
+      role='img'
+      aria-label='ADEME'>
       <path d='M180.35 212.6H0V0H180.35V212.6Z' fill='#004899' />
       <path d='M176.33 4.00977H4.00977V208.59H176.33V4.00977Z' fill='white' />
       <path
diff --git a/src/components/base/Logo/ImpactCO2.tsx b/src/components/base/Logo/ImpactCO2.tsx
index 3ea845588..b3d8095d9 100644
--- a/src/components/base/Logo/ImpactCO2.tsx
+++ b/src/components/base/Logo/ImpactCO2.tsx
@@ -6,6 +6,8 @@ export default function Logo({ small }: { small?: boolean }) {
   return (
     <svg
       className={classNames(styles.smallLogo, { [styles.small]: small })}
+      aria-label='Impact CO2'
+      role='img'
       xmlns='http://www.w3.org/2000/svg'
       width='124'
       height='48'
diff --git a/src/components/base/Logo/Marianne.tsx b/src/components/base/Logo/Marianne.tsx
index 20e2995c8..25bcd7f96 100644
--- a/src/components/base/Logo/Marianne.tsx
+++ b/src/components/base/Logo/Marianne.tsx
@@ -10,6 +10,8 @@ export default function Marianne({ small }: { small?: boolean }) {
       height='50'
       viewBox='0 0 57 50'
       fill='none'
+      arial-label='République Française'
+      role='img'
       xmlns='http://www.w3.org/2000/svg'>
       <path
         className={styles.black}
diff --git a/src/components/base/NewTabIcon.tsx b/src/components/base/NewTabIcon.tsx
index fe42477ba..404917946 100644
--- a/src/components/base/NewTabIcon.tsx
+++ b/src/components/base/NewTabIcon.tsx
@@ -10,6 +10,7 @@ export default function NewTabIcon({ noMargin }: { noMargin?: boolean }) {
       height='13'
       viewBox='0 0 12 13'
       fill='none'
+      role='img'
       aria-label='Nouvel onglet'>
       <path
         d='M4.67 2.16504V3.49504H1.33V10.825H8.66V7.49504H9.99V11.495C9.99 11.865 9.69 12.165 9.32 12.165H0.67C0.3 12.165 0 11.865 0 11.495V2.83504C0 2.46504 0.3 2.16504 0.67 2.16504H4.67ZM12 0.165039V6.16504L9.47 3.63504L5.47 7.63504L4.53 6.69504L8.53 2.69504L6 0.165039H12Z'
diff --git a/src/components/base/Sources.tsx b/src/components/base/Sources.tsx
index 7d109331a..df15c75b7 100644
--- a/src/components/base/Sources.tsx
+++ b/src/components/base/Sources.tsx
@@ -16,7 +16,7 @@ const Sources = ({
   className?: string
 }) => {
   return (
-    <div className={classNames(styles.wrapper, className)}>
+    <p className={classNames(styles.wrapper, className)}>
       Source{sources.length > 1 ? 's' : ''} :{' '}
       {sources
         .flatMap((source) => [
@@ -26,7 +26,7 @@ const Sources = ({
           <span key={`${source.label}-separator`}> • </span>,
         ])
         .slice(0, sources.length * 2 - 1)}
-    </div>
+    </p>
   )
 }
 
diff --git a/src/components/breadcrumbs/Breadcrumbs.module.css b/src/components/breadcrumbs/Breadcrumbs.module.css
index 1be758a6a..02172bf9c 100644
--- a/src/components/breadcrumbs/Breadcrumbs.module.css
+++ b/src/components/breadcrumbs/Breadcrumbs.module.css
@@ -7,6 +7,7 @@
   align-items: center;
   gap: 0.5rem;
   padding: 1rem 0.75rem;
+  list-style: none;
 
   svg {
     color: var(--neutral-40);
@@ -19,6 +20,13 @@
   font-weight: 500;
 }
 
+.li {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+
 .link {
   width: max-content;
   color: var(--primary-60) !important;
@@ -26,4 +34,4 @@
   &:hover {
     color: var(--priamry-70) !important;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/breadcrumbs/Breadcrumbs.tsx b/src/components/breadcrumbs/Breadcrumbs.tsx
index 0ee1a40ba..715d28891 100644
--- a/src/components/breadcrumbs/Breadcrumbs.tsx
+++ b/src/components/breadcrumbs/Breadcrumbs.tsx
@@ -1,23 +1,25 @@
-import React, { Fragment } from 'react'
+import React from 'react'
 import Link from 'components/base/buttons/Link'
 import ArrowRightIcon from 'components/base/icons/arrow-right'
 import styles from './Breadcrumbs.module.css'
 
 const Breadcrumbs = ({ links, current }: { links: { label: string; link: string }[]; current: string }) => {
   return (
-    <div className='main-container'>
-      <div className={styles.container}>
+    <nav role='navigation' aria-label='Breadcrumb' className='main-container'>
+      <ol className={styles.container}>
         {links.map(({ label, link }) => (
-          <Fragment key={label}>
+          <li key={label} className={styles.li}>
             <Link className={styles.link} href={link}>
               {label}
             </Link>
             <ArrowRightIcon />
-          </Fragment>
+          </li>
         ))}
-        <div className={styles.current}>{current}</div>
-      </div>
-    </div>
+        <li className={styles.current} aria-current='page'>
+          {current}
+        </li>
+      </ol>
+    </nav>
   )
 }
 
diff --git a/src/components/comparateur/overscreens/Checkbox.tsx b/src/components/comparateur/overscreens/Checkbox.tsx
index 1fe26492c..669912a51 100644
--- a/src/components/comparateur/overscreens/Checkbox.tsx
+++ b/src/components/comparateur/overscreens/Checkbox.tsx
@@ -37,6 +37,7 @@ const Checkbox = ({
   return (
     <CheckboxInput
       key={equivalent.slug}
+      id={equivalent.slug}
       className={interacted && equivalents.length > 7 ? styles.warningEquivalent : styles.equivalent}
       checked={equivalents.includes(equivalent.slug)}
       setChecked={(checked) => {
diff --git a/src/components/comparateur/overscreens/ComparisonOverscreen.tsx b/src/components/comparateur/overscreens/ComparisonOverscreen.tsx
index b16750c76..ae0f594c1 100644
--- a/src/components/comparateur/overscreens/ComparisonOverscreen.tsx
+++ b/src/components/comparateur/overscreens/ComparisonOverscreen.tsx
@@ -55,6 +55,7 @@ const ComparisonOverscreen = ({ index }: { index: 0 | 1 }) => {
         <Input
           id='search'
           placeholder={t('search')}
+          title={t('search')}
           value={search}
           padding='lg'
           onChange={(e) => setSearch(e.target.value)}
diff --git a/src/components/comparateur/overscreens/EquivalentsOverscreen.tsx b/src/components/comparateur/overscreens/EquivalentsOverscreen.tsx
index 4f6dbb75d..558a5ccd9 100644
--- a/src/components/comparateur/overscreens/EquivalentsOverscreen.tsx
+++ b/src/components/comparateur/overscreens/EquivalentsOverscreen.tsx
@@ -89,7 +89,7 @@ const EquivalentsOverscreen = () => {
         )}
       </ul>
       <div className={styles.footer}>
-        <div>
+        <div role='status'>
           <span className={styles.equivalentsNumber} data-testid='selected-equivalents-number'>
             {tempEquivalents.length}
           </span>
@@ -97,6 +97,7 @@ const EquivalentsOverscreen = () => {
         </div>
         <div>
           <Button
+            title={t('back-title')}
             onClick={() => {
               setEquivalents(tempEquivalents)
               setOverscreen('comparateur', '')
diff --git a/src/components/connect/IframeConnect.tsx b/src/components/connect/IframeConnect.tsx
index 4815eaa70..736fe9d8e 100644
--- a/src/components/connect/IframeConnect.tsx
+++ b/src/components/connect/IframeConnect.tsx
@@ -26,7 +26,7 @@ const IframeConnect = ({ src, title }: { src?: string; title: string }) => {
     <>
       {!ready && (
         <div className={styles.loading}>
-          Chargement du formulaire en cours <LoadingIcon />
+          <p>Chargement du formulaire en cours</p> <LoadingIcon />
         </div>
       )}
       <iframe ref={ref} id='iframeUAT' title={title} className={ready ? styles.iframe : styles.hidden} src={src} />
diff --git a/src/components/externalModules/Logo.tsx b/src/components/externalModules/Logo.tsx
index e9fc6eca1..d2a11fb1a 100644
--- a/src/components/externalModules/Logo.tsx
+++ b/src/components/externalModules/Logo.tsx
@@ -21,6 +21,7 @@ const Logo = ({
       target='_blank'
       rel='noreferrer noopener'
       aria-label='Impact CO2'
+      data-testid='impact-co2-link'
       title='Lien externe : accéder au comparateur sur le site Impact CO2'>
       <svg xmlns='http://www.w3.org/2000/svg' width='30' height='48' viewBox='0 0 30 48' fill='none'>
         <path
diff --git a/src/components/externalModules/shopify/Equivalent.module.css b/src/components/externalModules/shopify/Equivalent.module.css
index 454a07f9c..1c79bbace 100644
--- a/src/components/externalModules/shopify/Equivalent.module.css
+++ b/src/components/externalModules/shopify/Equivalent.module.css
@@ -63,14 +63,14 @@
   transform: translateX(-50%) translateY(-50%) !important;
   border-radius: 50%;
   background-color: var(--neutral-00) !important;
-  color: var(--primary-40) !important;
+  color: var(--primary-60) !important;
   position: absolute !important;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   height: 1.25em !important;
   width: 1.25em !important;
-  border: 2px solid var(--primary-40) !important;
+  border: 2px solid var(--primary-60) !important;
 
   svg {
     width: 0.75em !important;
diff --git a/src/components/externalModules/shopify/Progress.tsx b/src/components/externalModules/shopify/Progress.tsx
index d14ce7754..72961eec5 100644
--- a/src/components/externalModules/shopify/Progress.tsx
+++ b/src/components/externalModules/shopify/Progress.tsx
@@ -75,7 +75,7 @@ const Progress = ({
       <div
         className={className}
         style={{
-          background: `radial-gradient(closest-side, white 59%, transparent 60% 100%), conic-gradient(var(--primary-20) ${progress}%, transparent 0)`,
+          background: `radial-gradient(closest-side, white 59%, transparent 60% 100%), conic-gradient(var(--primary-50) ${progress}%, transparent 0)`,
         }}>
         <progress value={progress} className={styles.progress} max={100}>
           {progress}%
diff --git a/src/components/faq/FAQ.module.css b/src/components/faq/FAQ.module.css
index 494ad1e3f..0db069eda 100644
--- a/src/components/faq/FAQ.module.css
+++ b/src/components/faq/FAQ.module.css
@@ -21,7 +21,7 @@
   :global(.notion-link) {
     color: var(--primary-50);
     font-weight: 500;
-    text-decoration: none;
+    text-decoration: underline;
     border: none;
     opacity: 1;
 
diff --git a/src/components/faq/FAQsList.module.css b/src/components/faq/FAQsList.module.css
index b83a1a87e..94347c414 100644
--- a/src/components/faq/FAQsList.module.css
+++ b/src/components/faq/FAQsList.module.css
@@ -1,5 +1,8 @@
-.footer {
+.footerTop {
   margin-top: 1.25rem;
+}
+
+.footer {
   color: var(--neutral-50);
   display: flex;
   align-items: center;
diff --git a/src/components/faq/FAQsList.tsx b/src/components/faq/FAQsList.tsx
index fb6ffb14c..18c475b3c 100644
--- a/src/components/faq/FAQsList.tsx
+++ b/src/components/faq/FAQsList.tsx
@@ -1,3 +1,4 @@
+import classNames from 'classnames'
 import React from 'react'
 import { FAQ as FAQType } from 'types/faq'
 import Link from 'components/base/buttons/Link'
@@ -16,11 +17,17 @@ const FAQsList = ({ faqs, page, ...blockProps }: FAQSListProps) => {
         ))}
       </ul>
       {page && (
-        <div className={styles.footer}>
+        <div className={classNames(styles.footer, styles.footerTop)}>
           <div>Vous ne trouvez pas de réponse à vos questions ?</div>
-          <Link href={`/rendez-vous?fromLabel=${page}`}>Contactez-nous</Link>
-          <div className={styles.separator} />
-          <Link href='/doc/questions-frequentes'>Toutes les questions</Link>
+          <ul className={styles.footer}>
+            <li className={styles.footer}>
+              <Link href={`/rendez-vous?fromLabel=${page}`}>Contactez-nous</Link>
+              <div className={styles.separator} />
+            </li>
+            <li>
+              <Link href='/doc/questions-frequentes'>Toutes les questions</Link>
+            </li>
+          </ul>
         </div>
       )}
     </Block>
diff --git a/src/components/form/CheckboxInput.tsx b/src/components/form/CheckboxInput.tsx
index 7d1b199b4..5bf054170 100644
--- a/src/components/form/CheckboxInput.tsx
+++ b/src/components/form/CheckboxInput.tsx
@@ -33,12 +33,12 @@ const CheckboxInput = ({
 } & InputHTMLAttributes<HTMLInputElement>) => {
   const error = useError(id, errors)
 
-  // TODO => passer en neutral 30 en disabled
-
   return (
     <div className={className}>
       <div className={styles.container} data-testid={dataTestId}>
-        <label className={classNames(styles.legend, { [styles.checked]: checked, [styles.reversed]: reversed })}>
+        <label
+          className={classNames(styles.legend, { [styles.checked]: checked, [styles.reversed]: reversed })}
+          htmlFor={id}>
           <input
             id={id}
             data-testid={`checkbox-${id}`}
diff --git a/src/components/form/Input.module.css b/src/components/form/Input.module.css
index 091f7c147..825eb6423 100644
--- a/src/components/form/Input.module.css
+++ b/src/components/form/Input.module.css
@@ -125,8 +125,8 @@
 
 .containerInline {
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  gap: 1rem;
 }
 
 .label {
diff --git a/src/components/form/NumberInput.tsx b/src/components/form/NumberInput.tsx
index c28a2865f..c1cb45354 100644
--- a/src/components/form/NumberInput.tsx
+++ b/src/components/form/NumberInput.tsx
@@ -48,6 +48,7 @@ const NumberInput = ({
     <>
       {label && <HiddenLabel htmlFor={`input-${id}`}>{label}</HiddenLabel>}
       <Input
+        title={label}
         id={id}
         value={internalValue}
         onChange={(event) => setInternalValue(event.target.value)}
diff --git a/src/components/form/Select.tsx b/src/components/form/Select.tsx
index fe14015f3..c259797eb 100644
--- a/src/components/form/Select.tsx
+++ b/src/components/form/Select.tsx
@@ -18,7 +18,7 @@ const Select = ({ id, label, hint, inline, padding, className, children, ...sele
       {label && (
         <label className={classNames(styles.label, { [styles.labelInline]: inline })} htmlFor={`text-select-${id}`}>
           {label}
-          {!selectProps.required && <span className={styles.notRequired}> - Facultatif</span>}
+          {!selectProps.required && <span className={styles.notRequired}> - Facultatif</span>} :
           {hint && <span className={classNames(styles.hint, 'text-sm')}>{hint}</span>}
         </label>
       )}
diff --git a/src/components/form/addresses/Suggestions.module.css b/src/components/form/addresses/Suggestions.module.css
index a49cf1909..d649f2a38 100644
--- a/src/components/form/addresses/Suggestions.module.css
+++ b/src/components/form/addresses/Suggestions.module.css
@@ -15,7 +15,8 @@
   padding: 0.5rem 0.5rem 0.5rem 1rem;
 
   &:hover {
-    background-color: var(--primary-10);
+    color: var(--neutral-00);
+    background-color: var(--primary-50);
   }
 
   mark {
@@ -26,5 +27,6 @@
 }
 
 .current {
-  background-color: var(--primary-10);
+  color: var(--neutral-00);
+  background-color: var(--primary-50);
 }
\ No newline at end of file
diff --git a/src/components/home/Email.tsx b/src/components/home/Email.tsx
index 2e7a73005..4bd80320f 100644
--- a/src/components/home/Email.tsx
+++ b/src/components/home/Email.tsx
@@ -2,7 +2,9 @@ import React from 'react'
 import IframeConnect from 'components/connect/IframeConnect'
 
 const Email = () => {
-  return <IframeConnect title='Laisser votre email' src={process.env.CONNECT_IFRAME_HOME} />
+  return (
+    <IframeConnect title='Formulaire de prise de contact pour un rendez-vous' src={process.env.CONNECT_IFRAME_HOME} />
+  )
 }
 
 export default Email
diff --git a/src/components/home/Equivalents.tsx b/src/components/home/Equivalents.tsx
index e3dd4e666..cb6c78613 100644
--- a/src/components/home/Equivalents.tsx
+++ b/src/components/home/Equivalents.tsx
@@ -41,6 +41,7 @@ const Equivalents = () => {
         <HiddenLabel htmlFor='input-search'>Rechercher</HiddenLabel>
         <Input
           id='search'
+          title='Rechercher'
           placeholder='Rechercher'
           value={search}
           onChange={(e) => {
diff --git a/src/components/layout/Block.tsx b/src/components/layout/Block.tsx
index c01f601c4..91eb1df59 100644
--- a/src/components/layout/Block.tsx
+++ b/src/components/layout/Block.tsx
@@ -31,9 +31,7 @@ const Block = ({ children, title, description, link, linkLabel, as, id }: BlockP
           <div>
             {getTitle(title, as)}
             {description && (
-              <div className={classNames(styles.description, { [styles.mainDescription]: as === 'h1' })}>
-                {description}
-              </div>
+              <p className={classNames(styles.description, { [styles.mainDescription]: as === 'h1' })}>{description}</p>
             )}
           </div>
           {link && <Link href={link}>{linkLabel}</Link>}
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 9b09b3dba..c77a2f208 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -6,7 +6,7 @@ import styles from './Footer.module.css'
 
 export default function Footer() {
   return (
-    <footer className={styles.footer} id='footer'>
+    <footer className={styles.footer} id='footer' role='contentinfo'>
       <div className={styles.header} />
       <div className={styles.logos}>
         <Marianne />
@@ -23,7 +23,6 @@ export default function Footer() {
               prefetch={false}
               className={styles.followNews}
               href='https://fr.linkedin.com/showcase/accelerateurdelatransitionecologique-ademe/'
-              title='LinkedIn'
               rel='noreferrer noopener'
               target='_blank'>
               Suivre nos actualités sur LinkedIn
@@ -31,7 +30,7 @@ export default function Footer() {
           </div>
           <div className={styles.topLinks}>
             <div>
-              <div className={styles.linkTitle}>LIENS UTILES</div>
+              <h2 className={styles.linkTitle}>LIENS UTILES</h2>
               <ul className={styles.linkContainer}>
                 <li>
                   <Link prefetch={false} href='https://beta.gouv.fr/startups/impact.co2.html'>
@@ -61,7 +60,7 @@ export default function Footer() {
               </ul>
             </div>
             <div>
-              <div className={styles.linkTitle}>RESSOURCES</div>
+              <h2 className={styles.linkTitle}>RESSOURCES</h2>
               <ul className={styles.linkContainer}>
                 <li>
                   <Link prefetch={false} href='/doc/guide-utilisation'>
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 0a0818ca1..9290832cb 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -8,12 +8,12 @@ import SkipLinks from './SkipLinks'
 
 export default function Header() {
   return (
-    <header aria-label='En-tête' className={styles.header} id='header-navigation'>
+    <header role='banner' aria-label='En-tête' className={styles.header} id='header-navigation'>
       <SkipLinks />
       <div className='main-container'>
         <div className={styles.container}>
           <Logos />
-          <div>
+          <nav role='navigation'>
             <ul className={styles.mainLinks}>
               <li>
                 <IframeableLink href='/outils'>
@@ -31,7 +31,7 @@ export default function Header() {
             <div className={styles.menu}>
               <Menu />
             </div>
-          </div>
+          </nav>
         </div>
       </div>
     </header>
diff --git a/src/components/layout/Suggestion.tsx b/src/components/layout/Suggestion.tsx
index 5fb105e87..2d9cd94a5 100644
--- a/src/components/layout/Suggestion.tsx
+++ b/src/components/layout/Suggestion.tsx
@@ -16,8 +16,8 @@ const Suggestion = ({
       <div className='main-container'>
         <div className={styles.card}>
           <div>
-            <b className='title-h6'>Un avis, une suggestion ?</b>
-            <div>Vos retours sont précieux pour améliorer le site Impact CO₂.</div>
+            <h2 className='title-h6'>Un avis, une suggestion ?</h2>
+            <p>Vos retours sont précieux pour améliorer le site Impact CO₂.</p>
           </div>
           <Link
             asButton
diff --git a/src/components/outils/comparateur/ComparateurSimulator.tsx b/src/components/outils/comparateur/ComparateurSimulator.tsx
index c5216b2b0..619f072b9 100644
--- a/src/components/outils/comparateur/ComparateurSimulator.tsx
+++ b/src/components/outils/comparateur/ComparateurSimulator.tsx
@@ -32,7 +32,7 @@ const ComparateurSimulator = () => {
             id='base-value'
             value={baseValue}
             setValue={setBaseValue}
-            label={comparedEquivalent ? getName(language, comparedEquivalent, true, baseValue) : t('co2-unit')}
+            label={`${t('number-of')} ${comparedEquivalent ? getName(language, comparedEquivalent, true, baseValue) : t('co2-unit')}`}
             unit={
               comparedEquivalent ? (
                 <>
@@ -50,15 +50,15 @@ const ComparateurSimulator = () => {
           />
         </div>
         {comparedEquivalent ? (
-          <div className={styles.description}>
+          <p className={styles.description}>
             {t('title-bis-1')}{' '}
             <span className={styles.descriptionValue} data-testid='compared-equivalent-value'>
               <LocalNumber number={value} /> {unit} CO₂e
             </span>
             , {t('title-bis-2')}
-          </div>
+          </p>
         ) : (
-          t('title')
+          <p>{t('title')}</p>
         )}
         {comparedEquivalent && (
           <>
@@ -67,8 +67,13 @@ const ComparateurSimulator = () => {
               className={styles.equivalent}
               target='_blank'
               rel='noopener noreferrer'
-              data-testid='compared-equivalent-link'>
-              <EquivalentIcon height={2.5} equivalent={comparedEquivalent} />
+              data-testid='compared-equivalent-link'
+              title={`${getName(language, comparedEquivalent, true, baseValue)} - Nouvelle fenêtre`}>
+              <EquivalentIcon
+                height={2.5}
+                equivalent={comparedEquivalent}
+                alt={getName(language, comparedEquivalent, true, baseValue)}
+              />
               <LinkIcon />
             </IframeableLink>
             <IframeableLink
diff --git a/src/components/shareable/Shareable.module.css b/src/components/shareable/Shareable.module.css
index 79e24039e..f4bcd3855 100644
--- a/src/components/shareable/Shareable.module.css
+++ b/src/components/shareable/Shareable.module.css
@@ -18,7 +18,7 @@
 .secondaryContainer {
   border-radius: calc(1rem - 2px) calc(1rem - 2px) 0 0;
   display: flex;
-  flex-direction: column;
+  flex-direction: column-reverse;
   align-items: center;
   gap: 1.5rem;
   justify-content: center;
@@ -31,6 +31,7 @@
 .secondaryText {
   color: var(--neutral-60);
   font-size: 0.875rem;
+  font-weight: 400;
   line-height: 1.25rem;
 }
 
diff --git a/src/components/shareable/Shareable.tsx b/src/components/shareable/Shareable.tsx
index cfd2a569c..e1ab5ef34 100644
--- a/src/components/shareable/Shareable.tsx
+++ b/src/components/shareable/Shareable.tsx
@@ -138,12 +138,12 @@ const Shareable = ({
           </>
         )}
         <div className={secondary !== undefined ? styles.secondaryContainer : ''}>
+          {secondary && <h3 className={styles.secondaryText}>{secondary}</h3>}
           <div
             ref={secondary !== undefined ? ref : undefined}
             className={secondary !== undefined ? styles.secondaryContent : ''}>
             {children}
           </div>
-          {secondary && <div className={styles.secondaryText}>{secondary}</div>}
         </div>
         {secondary === undefined && (
           <>
diff --git a/src/components/shareable/overScreens/CustomParam.tsx b/src/components/shareable/overScreens/CustomParam.tsx
index 644836ff5..8d8678d6b 100644
--- a/src/components/shareable/overScreens/CustomParam.tsx
+++ b/src/components/shareable/overScreens/CustomParam.tsx
@@ -105,6 +105,7 @@ const CustomParam = ({
       <fieldset className={styles.container}>
         {config.type !== 'boolean' && config.type !== 'checkbox' && setVisible && (
           <CheckboxInput
+            id={`${slug}.title`}
             checked={visible}
             setChecked={setVisible}
             label={t(`${slug}.title`)}
@@ -151,6 +152,7 @@ const CustomParam = ({
             </>
           ) : config.type === 'boolean' ? (
             <CheckboxInput
+              id={`custom-param-${slug}-checkbox`}
               data-testid={`custom-param-${slug}-checkbox`}
               checked={param.value as boolean}
               setChecked={param.setter}
@@ -160,6 +162,7 @@ const CustomParam = ({
             <Checkbox label={t(`${slug}.title`)} id={slug} required>
               {config.values.map((value) => (
                 <CheckboxInput
+                  id={`${slug}.${value}`}
                   key={`${slug}.${value}`}
                   data-testid={`custom-param-${slug}-${value}-checkbox`}
                   checked={!param.value || param.value === value}
@@ -217,7 +220,9 @@ const CustomParam = ({
   if ('start' in param) {
     return (
       <fieldset className={styles.container}>
-        {setVisible && <CheckboxInput checked={visible} setChecked={setVisible} label={t(`${slug}.label`)} />}
+        {setVisible && (
+          <CheckboxInput checked={visible} setChecked={setVisible} label={t(`${slug}.label`)} id={`${slug}.label`} />
+        )}
         <div className={styles.inputs}>
           <AddressInput
             id={`custom-${slug}-start`}
@@ -254,6 +259,7 @@ const CustomParam = ({
           setChecked={setVisible}
           label={`${t(integration ? 'integrate' : 'share')} ${t(slug)}`}
           data-testid={`custom-param-${slug}-checkbox`}
+          id={`custom-param-${slug}-checkbox`}
         />
       )}
       <div className={styles.params}>
diff --git a/src/components/shareable/overScreens/ShareUrl.tsx b/src/components/shareable/overScreens/ShareUrl.tsx
index a61e99b14..275b6cd53 100644
--- a/src/components/shareable/overScreens/ShareUrl.tsx
+++ b/src/components/shareable/overScreens/ShareUrl.tsx
@@ -77,7 +77,7 @@ const ShareUrl = ({
           {category ? (
             <Image src={`/meta/${category.slug}-${language}.png`} width={728} height={382.2} alt='' />
           ) : (
-            <img src={customImage} width={728} height={382.2} />
+            <img src={customImage} width={728} height={382.2} alt='' />
           )}
           <div className={styles.text}>
             <div className={styles.metaHeader}>{t('apercu')}</div>
diff --git a/src/components/shareable/overScreens/TransportIntegrate.tsx b/src/components/shareable/overScreens/TransportIntegrate.tsx
index ffd7b5e26..1bfdca773 100644
--- a/src/components/shareable/overScreens/TransportIntegrate.tsx
+++ b/src/components/shareable/overScreens/TransportIntegrate.tsx
@@ -137,7 +137,8 @@ const TransportIntegrate = () => {
               }
             }}
             label={tTransport('distance')}
-            data-testid='transport-integration-distance-checkbox'>
+            data-testid='transport-integration-distance-checkbox'
+            id='transport-integration-distance-checkbox'>
             <DefaultButton
               name='tab'
               main={tabs.length === 1 ? tabs[0] === 'distance' : defaultTab === 'distance'}
@@ -146,6 +147,7 @@ const TransportIntegrate = () => {
             />
           </CheckboxInput>
           <CheckboxInput
+            id='transport-integration-itineraire-checkbox'
             checked={tabs.includes(ITINERAIRE)}
             setChecked={(checked) => {
               if (checked) {
@@ -205,7 +207,8 @@ const TransportIntegrate = () => {
               }
             }}
             label={tTransport('list')}
-            data-testid='transport-integration-list-checkbox'>
+            data-testid='transport-integration-list-checkbox'
+            id='transport-integration-list-checkbox'>
             <DefaultButton
               name='mode'
               main={comparisonModes.length === 1 ? comparisonModes[0] === 'list' : defaultMode === 'list'}
@@ -214,6 +217,7 @@ const TransportIntegrate = () => {
             />
           </CheckboxInput>
           <CheckboxInput
+            id='transport-integration-comparison-checkbox'
             checked={comparisonModes.includes('comparison')}
             setChecked={(checked) => {
               if (checked) {
diff --git a/src/components/shareable/overScreens/TransportListParam.tsx b/src/components/shareable/overScreens/TransportListParam.tsx
index d94a090d8..f39f8a703 100644
--- a/src/components/shareable/overScreens/TransportListParam.tsx
+++ b/src/components/shareable/overScreens/TransportListParam.tsx
@@ -35,6 +35,7 @@ const TransportListParam = ({ modes, setModes }: { modes: string[]; setModes: Di
         {transports.map((transport) => (
           <li key={transport.slug} className={styles.list}>
             <CheckboxInput
+              id={`transport-list-${transport.slug}-checkbox`}
               reversed
               className={classNames(styles.mode, {
                 [styles.active]: modes.length !== 2 && modes.includes(transport.slug),
diff --git a/src/providers/locales/en.json b/src/providers/locales/en.json
index 1361c44c3..7569bd470 100644
--- a/src/providers/locales/en.json
+++ b/src/providers/locales/en.json
@@ -225,6 +225,7 @@
     "title-bis-1": "It's",
     "title-bis-2": "as much emisssion as fabricating, consuming or travelling...",
     "detail": " See more",
+    "number-of": "Number of",
     "co2-unit": "kg of CO₂",
     "generate": "Generate other equivalents",
     "modify": "Change my equivalents",
@@ -232,6 +233,7 @@
     "overscreen": {
       "search": "Search an object...",
       "back": "Go back",
+      "back-title": "Validate the selection and return to the comparator",
       "equivalents": "equivalents",
       "no-result-1": "No result with your research.",
       "no-result-2": "You can try with other words or",
diff --git a/src/providers/locales/es.json b/src/providers/locales/es.json
index aadb53453..32fa5fd53 100644
--- a/src/providers/locales/es.json
+++ b/src/providers/locales/es.json
@@ -225,6 +225,7 @@
     "title-bis-1": "Es",
     "title-bis-2": "es decir tantas emisiones como para fabricar, consumir o recorrer...",
     "detail": " Ver el detalle",
+    "number-of": "Número de",
     "co2-unit": "kg de CO₂",
     "generate": "Generar otros equivalentes",
     "modify": "Modificar mis equivalentes",
@@ -232,6 +233,7 @@
     "overscreen": {
       "search": "Buscar un objeto, un gesto...",
       "back": "Volver al comparador",
+      "back-title": "Validar la selección y volver al comparador",
       "equivalents": "equivalentes",
       "no-result-1": "Ningún resultado coincide con tu búsqueda.",
       "no-result-2": "Puedes probar otros términos o",
diff --git a/src/providers/locales/fr.json b/src/providers/locales/fr.json
index 67c3ddc90..1f1d2cdf7 100644
--- a/src/providers/locales/fr.json
+++ b/src/providers/locales/fr.json
@@ -225,6 +225,7 @@
     "title-bis-1": "C'est",
     "title-bis-2": "soit autant d’émissions que pour fabriquer, consommer ou parcourir...",
     "detail": " Voir le détail",
+    "number-of": "Nombre de",
     "co2-unit": "kg de CO₂",
     "generate": "Générer d'autres équivalents",
     "modify": "Modifier mes équivalents",
@@ -232,6 +233,7 @@
     "overscreen": {
       "search": "Rechercher un objet, un geste...",
       "back": "Revenir au comparateur",
+      "back-title": "Valider la sélection et revenir au comparateur",
       "equivalents": "équivalents",
       "no-result-1": "Aucun résultat ne correspond à votre recherche.",
       "no-result-2": "Vous pouvez essayer d'autres termes ou",
diff --git a/src/utils/styles.css b/src/utils/styles.css
index 73ae912fc..9230dd841 100644
--- a/src/utils/styles.css
+++ b/src/utils/styles.css
@@ -222,6 +222,10 @@ option {
   color: #383838;
 }
 
+input::placeholder {
+  color: var(--neutral-50);
+}
+
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
diff --git a/src/views/AccessibilitePage.tsx b/src/views/AccessibilitePage.tsx
index 85253545a..41065246e 100644
--- a/src/views/AccessibilitePage.tsx
+++ b/src/views/AccessibilitePage.tsx
@@ -57,15 +57,21 @@ const AccessibilitePage = () => {
       <p>Les contenus listés ci-dessous ne sont pas accessibles pour les raisons suivantes.</p>
 
       <div>
-        <strong>Non-conformité</strong>
+        <h3>
+          <strong>Non-conformité</strong>
+        </h3>
         <p>Néant</p>
       </div>
       <div>
-        <strong>Dérogations pour charge disproportionnée</strong>
+        <h3>
+          <strong>Dérogations pour charge disproportionnée</strong>
+        </h3>
         <p>Néant</p>
       </div>
       <div>
-        <strong>Contenus non soumis à l’obligation d’accessibilité</strong>
+        <h3>
+          <strong>Contenus non soumis à l’obligation d’accessibilité</strong>
+        </h3>
         <p>Néant</p>
       </div>
 
diff --git a/src/views/MentionsLegalesPage.tsx b/src/views/MentionsLegalesPage.tsx
index 2c3fe3cf9..d4f07117c 100644
--- a/src/views/MentionsLegalesPage.tsx
+++ b/src/views/MentionsLegalesPage.tsx
@@ -7,188 +7,220 @@ const MentionsLegalesPage = () => {
   return (
     <div className={classNames(styles.container, 'main-container')}>
       <h1>Mentions légales</h1>
-      Mis à jour le 29/05/2024
+      <p>Mis à jour le 29/05/2024</p>
       <h2>1. Présentation du site</h2>
-      Il est précisé aux utilisateurs du site l'identité des différents intervenants dans le cadre de sa réalisation et
-      de son suivi.
+      <p>
+        Il est précisé aux utilisateurs du site l'identité des différents intervenants dans le cadre de sa réalisation
+        et de son suivi.
+      </p>
       <h3>1.1. Propriétaire et éditeur</h3>
-      Conformément aux dispositions de l’article 6-I 1° de la loi n°2004-575 du 21 juin 2004 relative à la confiance
-      dans l’économie numérique, le site <Link href='https://impactco2.fr'>https://impactco2.fr</Link> (et autres sites
-      en ademe.fr, ci-après les “Sites”) est édité par l’ADEME, ayant son siège social au :
-      <br />
-      <br />
-      20, avenue du Grésillé
-      <br />
-      BP 90406
-      <br />
-      49004 Angers Cedex 01
-      <br />
-      <Link href='tel:0241204120'>02 41 20 41 20</Link>
-      <br />
-      <br />
-      inscrit au registre du commerce d'Angers sous le n° 385 290 309, représentée par Sylvain Waserman, agissant en
-      qualité de Président du conseil d'administration.
+      <p>
+        Conformément aux dispositions de l’article 6-I 1° de la loi n°2004-575 du 21 juin 2004 relative à la confiance
+        dans l’économie numérique, le site <Link href='https://impactco2.fr'>https://impactco2.fr</Link> (et autres
+        sites en ademe.fr, ci-après les “Sites”) est édité par l’ADEME, ayant son siège social au :
+        <br />
+        <br />
+        20, avenue du Grésillé
+        <br />
+        BP 90406
+        <br />
+        49004 Angers Cedex 01
+        <br />
+        <Link href='tel:0241204120'>02 41 20 41 20</Link>
+        <br />
+        <br />
+        inscrit au registre du commerce d'Angers sous le n° 385 290 309, représentée par Sylvain Waserman, agissant en
+        qualité de Président du conseil d'administration.
+      </p>
       <h3>1.2. Publication</h3>
-      Le directeur de la publication est Monsieur Sylvain Waserman, en qualité de représentant légal de l’ADEME.
-      <br />
-      La personne responsable de l'accès aux documents administratifs et des questions relatives à la réutilisation des
-      informations est Monsieur Luc Morinière en qualité de Chef du service juridique.
+      <p>
+        Le directeur de la publication est Monsieur Sylvain Waserman, en qualité de représentant légal de l’ADEME.
+        <br />
+        La personne responsable de l'accès aux documents administratifs et des questions relatives à la réutilisation
+        des informations est Monsieur Luc Morinière en qualité de Chef du service juridique.
+      </p>
       <h3>1.3. Hébergement</h3>
-      Le prestataire assurant le stockage direct du site <Link href='https://impactco2.fr'>
-        https://impactco2.fr
-      </Link>{' '}
-      est Scalingo, dont le siège social est situé :
-      <br />
-      13 rue Jacques Peirotes 67000 Strasbourg, France
+      <p>
+        Le prestataire assurant le stockage direct du site <Link href='https://impactco2.fr'>https://impactco2.fr</Link>{' '}
+        est Scalingo, dont le siège social est situé :
+        <br />
+        13 rue Jacques Peirotes 67000 Strasbourg, France
+      </p>
       <h3>1.4. Utilisateur</h3>
-      L’utilisateur est l’internaute qui navigue, lit, visionne, et utilise le site{' '}
-      <Link href='https://impactco2.fr'>https://impactco2.fr</Link> et ses services.
+      <p>
+        L’utilisateur est l’internaute qui navigue, lit, visionne, et utilise le site{' '}
+        <Link href='https://impactco2.fr'>https://impactco2.fr</Link> et ses services.
+      </p>
       <h3>1.5. Attribution tierce</h3>
-      Les calculs de distance sont effectués via l'API{' '}
-      <Link href='https://developers.google.com/maps/documentation/distance-matrix/overview'>google maps</Link>.
-      <br />
-      La recherche d'adresse est effectuée via l'API <Link href='https://photon.komoot.io/'>Photon</Link>.
+      <p>
+        Les calculs de distance sont effectués via l'API{' '}
+        <Link href='https://developers.google.com/maps/documentation/distance-matrix/overview'>google maps</Link>.
+        <br />
+        La recherche d'adresse est effectuée via l'API <Link href='https://photon.komoot.io/'>Photon</Link>.
+      </p>
       <h2>2. Acceptation des conditions d’utilisation du site et des services proposés</h2>
-      L’utilisation des Sites de l’ADEME implique l’acceptation pleine et entière des conditions générales d’utilisation
-      ci-après décrites. Ces conditions d’utilisation sont susceptibles d’être modifiées ou complétées à tout moment,
-      les utilisateurs des Sites de l’ADEME sont donc invités à les consulter de manière régulière.
-      <br />
-      <br />
-      L’utilisateur reconnaît avoir pris connaissance des conditions d’utilisation, au moment de sa connexion sur les
-      sites de l’ADEME, et déclare expressément les accepter sans réserve.
+      <p>
+        L’utilisation des Sites de l’ADEME implique l’acceptation pleine et entière des conditions générales
+        d’utilisation ci-après décrites. Ces conditions d’utilisation sont susceptibles d’être modifiées ou complétées à
+        tout moment, les utilisateurs des Sites de l’ADEME sont donc invités à les consulter de manière régulière.
+        <br />
+        <br />
+        L’utilisateur reconnaît avoir pris connaissance des conditions d’utilisation, au moment de sa connexion sur les
+        sites de l’ADEME, et déclare expressément les accepter sans réserve.
+      </p>
       <h2>3. Description des services fournis</h2>
-      Les Sites de l’ADEME ont pour objet de fournir des informations concernant l’ensemble des éléments liés aux
-      services de l’ADEME, en particulier une information sur l’actualité de la transition écologique, l’expertise de
-      l’ADEME, les actions mises en œuvre au sein des territoires, l’action internationale de l’ADEME, les programmes de
-      recherche et d’innovation.
-      <br />
-      <br />
-      L’ADEME s’efforce de fournir sur les Sites des informations aussi précises que possible.
-      <br />
-      <br />
-      Toutefois, elle ne pourra être tenue responsable des omissions, des inexactitudes des carences dans la mise à jour
-      ou de tout autres manquements qu’ils soient de son fait ou du fait des tiers partenaires qui lui fournissent ces
-      informations.
-      <br />
-      <br />
-      Toutes les informations indiquées sur les Sites de l’ADEME sont données à titre indicatif, et sont susceptibles
-      d’évoluer. Par ailleurs, les renseignements figurant sur les Sites de l’ADEME ne sont pas exhaustifs. Ils sont
-      donnés sous réserve de modifications ayant été apportées depuis leur mise en ligne.
+      <p>
+        Les Sites de l’ADEME ont pour objet de fournir des informations concernant l’ensemble des éléments liés aux
+        services de l’ADEME, en particulier une information sur l’actualité de la transition écologique, l’expertise de
+        l’ADEME, les actions mises en œuvre au sein des territoires, l’action internationale de l’ADEME, les programmes
+        de recherche et d’innovation.
+        <br />
+        <br />
+        L’ADEME s’efforce de fournir sur les Sites des informations aussi précises que possible.
+        <br />
+        <br />
+        Toutefois, elle ne pourra être tenue responsable des omissions, des inexactitudes des carences dans la mise à
+        jour ou de tout autres manquements qu’ils soient de son fait ou du fait des tiers partenaires qui lui
+        fournissent ces informations.
+        <br />
+        <br />
+        Toutes les informations indiquées sur les Sites de l’ADEME sont données à titre indicatif, et sont susceptibles
+        d’évoluer. Par ailleurs, les renseignements figurant sur les Sites de l’ADEME ne sont pas exhaustifs. Ils sont
+        donnés sous réserve de modifications ayant été apportées depuis leur mise en ligne.
+      </p>
       <h2>4. Disponibilité du site</h2>
-      L’ADEME s’efforce de permettre l’accès au site 24 heures sur 24, 7 jours sur 7, sauf en cas de force majeure ou
-      d’un événement hors du contrôle de l’ADEME, et sous réserve des éventuelles pannes et interventions de maintenance
-      nécessaires au bon fonctionnement du site et des services.
-      <br />
-      <br />
-      Par conséquent, l’ADEME ne peut garantir une disponibilité du site et/ou des services, une fiabilité des
-      transmissions et des performances en termes de temps de réponse ou de qualité. Il n’est prévu aucune assistance
-      technique vis-à-vis de l’utilisateur que ce soit par des moyens électroniques ou téléphoniques.
-      <br />
-      <br />
-      La responsabilité de l’ADEME ne saurait être engagée en cas d’impossibilité d’accès à ce site et/ou d’utilisation
-      des services.
-      <br />
-      <br />
-      L’ADEME peut être amenée à interrompre le site ou une partie des services, à tout moment sans préavis, le tout
-      sans droit à indemnités. L’utilisateur reconnaît et accepte que l’ADEME ne soit pas responsable des interruptions,
-      et des conséquences qui peuvent en découler pour l’utilisateur ou tout tiers.
+      <p>
+        L’ADEME s’efforce de permettre l’accès au site 24 heures sur 24, 7 jours sur 7, sauf en cas de force majeure ou
+        d’un événement hors du contrôle de l’ADEME, et sous réserve des éventuelles pannes et interventions de
+        maintenance nécessaires au bon fonctionnement du site et des services.
+        <br />
+        <br />
+        Par conséquent, l’ADEME ne peut garantir une disponibilité du site et/ou des services, une fiabilité des
+        transmissions et des performances en termes de temps de réponse ou de qualité. Il n’est prévu aucune assistance
+        technique vis-à-vis de l’utilisateur que ce soit par des moyens électroniques ou téléphoniques.
+        <br />
+        <br />
+        La responsabilité de l’ADEME ne saurait être engagée en cas d’impossibilité d’accès à ce site et/ou
+        d’utilisation des services.
+        <br />
+        <br />
+        L’ADEME peut être amenée à interrompre le site ou une partie des services, à tout moment sans préavis, le tout
+        sans droit à indemnités. L’utilisateur reconnaît et accepte que l’ADEME ne soit pas responsable des
+        interruptions, et des conséquences qui peuvent en découler pour l’utilisateur ou tout tiers.
+      </p>
       <h2>5. Liens hypertextes</h2>
-      L’ADEME décline toute responsabilité quant au contenu des sites proposés en liens.
-      <br />
-      <br />
-      Tout site public ou privé est autorisé à établir, sans information ni autorisation préalable, un lien vers les
-      informations diffusées par l’ATE. En revanche et sauf mentions contraires (ex. iframes), les pages des Sites ne
-      doivent pas être imbriquées à l’intérieur des pages d’un autre site.
-      <br />
-      <br />
-      La mise en place d’un lien est valable pour tout site à l’exception de ceux diffusant des informations à caractère
-      polémique, pornographique, xénophobe ou pouvant, dans une plus large mesure, porter atteinte à la sensibilité du
-      plus grand nombre.
+      <p>
+        L’ADEME décline toute responsabilité quant au contenu des sites proposés en liens.
+        <br />
+        <br />
+        Tout site public ou privé est autorisé à établir, sans information ni autorisation préalable, un lien vers les
+        informations diffusées par l’ATE. En revanche et sauf mentions contraires (ex. iframes), les pages des Sites ne
+        doivent pas être imbriquées à l’intérieur des pages d’un autre site.
+        <br />
+        <br />
+        La mise en place d’un lien est valable pour tout site à l’exception de ceux diffusant des informations à
+        caractère polémique, pornographique, xénophobe ou pouvant, dans une plus large mesure, porter atteinte à la
+        sensibilité du plus grand nombre.
+      </p>
       <h2>6. Cookies de navigation</h2>
-      Des cookies sont utilisés sur les Sites pour différentes finalités : pour faciliter votre navigation, pour vous
-      proposer des contenus personnalisés ou pour réaliser des statistiques de visites.
+      <p>
+        Des cookies sont utilisés sur les Sites pour différentes finalités : pour faciliter votre navigation, pour vous
+        proposer des contenus personnalisés ou pour réaliser des statistiques de visites.
+      </p>
       <h2>7. Propriété intellectuelle</h2>
-      Sauf mention contraire précisée sur le fichier{' '}
-      <Link href='https://github.com/incubateur-ademe/impactco2'>
-        https://github.com/incubateur-ademe/impactco2
-      </Link>{' '}
-      l’ADEME est propriétaire des droits de propriété intellectuelle ou détient les droits d’usage sur tous les
-      éléments accessibles sur le site, notamment les textes, images, graphismes, logos, icônes, sons, logiciels et
-      marques déposées.
-      <br />
-      <br />
-      Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du site
-      ainsi que des logos de l’ADEME, quel que soit le moyen ou le procédé utilisé, est interdite, sauf acceptation
-      écrite et préalable de l’ADEME d’une demande d’autorisation de reproduction et de représentation formulée à
-      l’adresse suivante : https://agirpourlatransition.ademe.fr/entreprises/form/contact.
-      <br />
-      <br />
-      Toute exploitation non autorisée du site ou de l’un quelconque des éléments qu’il contient sera considérée comme
-      constitutive d’une contrefaçon et poursuivie conformément aux dispositions des articles L.335-2 et suivants du
-      Code de Propriété Intellectuelle.
-      <br />
-      <br />
-      L’ADEME ne pourra en revanche interdire la réutilisation de discours, dossiers de presse et communiqués, les
-      circulaires, directives et autres documents règlementaires.
-      <br />
-      <br />
-      L’ADEME autorise la réutilisation non commerciale et pédagogique des informations disponibles sur ses Sites, à la
-      condition de respecter l’intégrité des informations et de n’en altérer ni le sens, ni la portée, ni l’application
-      et de faire mention du nom de l’ADEME ou d’en préciser l’origine et la date de publication avec la mention du
-      crédit photo si tel est le cas.
-      <br />
-      <br />
-      L’ADEME pourra autoriser la réutilisation d’informations à des fins commerciales ou promotionnelles par le biais
-      d’une licence de réutilisation de ses informations. Est considérée comme réutilisation à des fins commerciales ou
-      promotionnelles, l’élaboration à partir des informations publiques, d’un produit ou d’un service destiné à être
-      mis à disposition de tiers, à titre gratuit ou onéreux.
+      <p>
+        Sauf mention contraire précisée sur le fichier{' '}
+        <Link href='https://github.com/incubateur-ademe/impactco2'>https://github.com/incubateur-ademe/impactco2</Link>{' '}
+        l’ADEME est propriétaire des droits de propriété intellectuelle ou détient les droits d’usage sur tous les
+        éléments accessibles sur le site, notamment les textes, images, graphismes, logos, icônes, sons, logiciels et
+        marques déposées.
+        <br />
+        <br />
+        Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du site
+        ainsi que des logos de l’ADEME, quel que soit le moyen ou le procédé utilisé, est interdite, sauf acceptation
+        écrite et préalable de l’ADEME d’une demande d’autorisation de reproduction et de représentation formulée à
+        l’adresse suivante : https://agirpourlatransition.ademe.fr/entreprises/form/contact.
+        <br />
+        <br />
+        Toute exploitation non autorisée du site ou de l’un quelconque des éléments qu’il contient sera considérée comme
+        constitutive d’une contrefaçon et poursuivie conformément aux dispositions des articles L.335-2 et suivants du
+        Code de Propriété Intellectuelle.
+        <br />
+        <br />
+        L’ADEME ne pourra en revanche interdire la réutilisation de discours, dossiers de presse et communiqués, les
+        circulaires, directives et autres documents règlementaires.
+        <br />
+        <br />
+        L’ADEME autorise la réutilisation non commerciale et pédagogique des informations disponibles sur ses Sites, à
+        la condition de respecter l’intégrité des informations et de n’en altérer ni le sens, ni la portée, ni
+        l’application et de faire mention du nom de l’ADEME ou d’en préciser l’origine et la date de publication avec la
+        mention du crédit photo si tel est le cas.
+        <br />
+        <br />
+        L’ADEME pourra autoriser la réutilisation d’informations à des fins commerciales ou promotionnelles par le biais
+        d’une licence de réutilisation de ses informations. Est considérée comme réutilisation à des fins commerciales
+        ou promotionnelles, l’élaboration à partir des informations publiques, d’un produit ou d’un service destiné à
+        être mis à disposition de tiers, à titre gratuit ou onéreux.
+      </p>
       <h2>8. Gestion des données personnelles</h2>
-      Conformément à la Règlementation relative à la protection des données à caractère personnel, l'utilisateur est
-      informé que l’ADEME, en tant que responsable du traitement, met en œuvre un traitement de données à caractère
-      personnel.
-      <br />
-      <br />
-      L’ADEME est attachée au respect des règles de protection de la vie privée des utilisateurs de son site internet et
-      de ses services. L’ensemble des traitements de données personnelles mis en œuvre dans le cadre des services
-      accessibles respecte la réglementation applicable en matière de protection des données personnelles et notamment
-      les dispositions de la loi « Informatique et libertés » du 6 janvier 1978 modifiée et le Règlement général sur la
-      Protection des données (Règlement UE 2016/679) désigné par « RGPD ».
-      <br />
-      <br />
-      Pour en savoir plus sur ce traitement de données à caractère personnel et sur l’étendue de leurs droits, cliquez
-      sur <Link href='/politique-de-confidentialite'>politique-de-confidentialite</Link>
+      <p>
+        Conformément à la Règlementation relative à la protection des données à caractère personnel, l'utilisateur est
+        informé que l’ADEME, en tant que responsable du traitement, met en œuvre un traitement de données à caractère
+        personnel.
+        <br />
+        <br />
+        L’ADEME est attachée au respect des règles de protection de la vie privée des utilisateurs de son site internet
+        et de ses services. L’ensemble des traitements de données personnelles mis en œuvre dans le cadre des services
+        accessibles respecte la réglementation applicable en matière de protection des données personnelles et notamment
+        les dispositions de la loi « Informatique et libertés » du 6 janvier 1978 modifiée et le Règlement général sur
+        la Protection des données (Règlement UE 2016/679) désigné par « RGPD ».
+        <br />
+        <br />
+        Pour en savoir plus sur ce traitement de données à caractère personnel et sur l’étendue de leurs droits, cliquez
+        sur <Link href='/politique-de-confidentialite'>politique-de-confidentialite</Link>
+      </p>
       <h2>9. Accessibilité</h2>
-      La conformité aux normes d'accessibilité numérique est un objectif ultérieur mais l’ADEME tâche de rendre ce site
-      accessible à toutes et tous, conformément à l'article 47 de la loi n°2005-102 du 11 février 2005.
+      <p>
+        La conformité aux normes d'accessibilité numérique est un objectif ultérieur mais l’ADEME tâche de rendre ce
+        site accessible à toutes et tous, conformément à l'article 47 de la loi n°2005-102 du 11 février 2005.
+      </p>
       <h3>9.1. Signaler un dysfonctionnement</h3>
-      Si vous rencontrez un défaut d’accessibilité vous empêchant d’accéder à un contenu ou une fonctionnalité du site,
-      merci de nous en <Link href={`mailto:${process.env.NEXT_PUBLIC_CONTACT_EMAIL}`}>faire part</Link>. Si vous
-      n’obtenez pas de réponse rapide de notre part, vous êtes en droit de faire parvenir vos doléances ou une demande
-      de saisine au Défenseur des droits.
-      <br />
-      Pour en savoir plus sur la politique d’accessibilité numérique de l’État: 
-      <Link href=' http://references.modernisation.gouv.fr/accessibilite-numerique'>
-        http://references.modernisation.gouv.fr/accessibilite-numerique
-      </Link>
+      <p>
+        Si vous rencontrez un défaut d’accessibilité vous empêchant d’accéder à un contenu ou une fonctionnalité du
+        site, merci de nous en <Link href={`mailto:${process.env.NEXT_PUBLIC_CONTACT_EMAIL}`}>faire part</Link>. Si vous
+        n’obtenez pas de réponse rapide de notre part, vous êtes en droit de faire parvenir vos doléances ou une demande
+        de saisine au Défenseur des droits.
+        <br />
+        Pour en savoir plus sur la politique d’accessibilité numérique de l’État: 
+        <Link href=' http://references.modernisation.gouv.fr/accessibilite-numerique'>
+          http://references.modernisation.gouv.fr/accessibilite-numerique
+        </Link>
+      </p>
       <h2>10. Sécurité</h2>
-      Le site est protégé par un certificat électronique, matérialisé pour la grande majorité des navigateurs par un
-      cadenas. Cette protection participe à la confidentialité des échanges. En aucun cas les services associés à la
-      plateforme ne seront à l’origine d’envoi d'emails pour demander la saisie d’informations personnelles.
+      <p>
+        Le site est protégé par un certificat électronique, matérialisé pour la grande majorité des navigateurs par un
+        cadenas. Cette protection participe à la confidentialité des échanges. En aucun cas les services associés à la
+        plateforme ne seront à l’origine d’envoi d'emails pour demander la saisie d’informations personnelles.
+      </p>
       <h2>11. Votre attention</h2>
-      Nous vous rappelons qu’il n’est pas possible de garantir la confidentialité des messages transmis sur le réseau
-      Internet. Aussi, si vous souhaitez transmettre un message dans de meilleures conditions de sécurité, nous vous
-      recommandons d’utiliser la voie postale. L’ADEME dégage toute responsabilité quant aux difficultés techniques que
-      vous pourriez rencontrer sur les Sites qu’elles qu’en soient la cause et l’origine.
+      <p>
+        Nous vous rappelons qu’il n’est pas possible de garantir la confidentialité des messages transmis sur le réseau
+        Internet. Aussi, si vous souhaitez transmettre un message dans de meilleures conditions de sécurité, nous vous
+        recommandons d’utiliser la voie postale. L’ADEME dégage toute responsabilité quant aux difficultés techniques
+        que vous pourriez rencontrer sur les Sites qu’elles qu’en soient la cause et l’origine.
+      </p>
       <h2>12. Modifications</h2>
-      L’ADEME se réserve le droit d’adapter les présentes mentions légales.
-      <br />
-      <br />
-      Si l’ADEME apporte une modification aux présentes mentions légales, elle publiera la nouvelle version sur les
-      supports concernés et actualisera la date de « dernière mise à jour » figurant en haut des présentes mentions
-      légales.
-      <br />
-      <br />
-      L’ADEME vous invite donc à consulter régulièrement les supports concernés où sont publiées les mentions légales.
+      <p>
+        L’ADEME se réserve le droit d’adapter les présentes mentions légales.
+        <br />
+        <br />
+        Si l’ADEME apporte une modification aux présentes mentions légales, elle publiera la nouvelle version sur les
+        supports concernés et actualisera la date de « dernière mise à jour » figurant en haut des présentes mentions
+        légales.
+        <br />
+        <br />
+        L’ADEME vous invite donc à consulter régulièrement les supports concernés où sont publiées les mentions légales.
+      </p>
     </div>
   )
 }
diff --git a/src/views/PlanDuSitePage.tsx b/src/views/PlanDuSitePage.tsx
index ca33e4717..eff864e46 100644
--- a/src/views/PlanDuSitePage.tsx
+++ b/src/views/PlanDuSitePage.tsx
@@ -17,111 +17,167 @@ const PlanDuSitePage = () => {
   return (
     <div className={classNames(pageStyles.container, 'main-container')}>
       <h1>Plan du site</h1>
-      <div className={styles.links}>
-        <Link prefetch={false} href='/'>
-          Page d'accueil
-        </Link>
-        <Link prefetch={false} href='/accessibilite'>
-          Accessibilité
-        </Link>
-        <Link prefetch={false} href='/budget'>
-          Budget
-        </Link>
-        <div>Contenus</div>
-        <div className={styles.row}>
-          <Link prefetch={false} href='/contenu/comment-sensibiliser-vos-visiteurs-empreinte-carbone'>
-            Comment sensibiliser vos visiteurs à l’empreinte carbone ?
-          </Link>
-          <Link prefetch={false} href='/contenu/detecteur-co2'>
-            Le Détecteur CO₂
-          </Link>
-          <Link prefetch={false} href='/contenu/etiquette-carbone'>
-            L’étiquette carbone : présentation et tutoriel d’intégration
-          </Link>
-          <Link prefetch={false} href='/contenu/impact-carbone-hiver-station-ski'>
-            4 conseils pour réduire l’impact carbone des séjours au ski
-          </Link>
-          <Link prefetch={false} href='/contenu/nouveau-site'>
-            Le nouveau site “Impact CO2” est en ligne !
-          </Link>
-          <Link prefetch={false} href='/contenu/quiz-carbone'>
-            Quiz carbone : le nouveau jeu de cartes de l’ADEME est en ligne !
-          </Link>
-          <Link prefetch={false} href='/contenu/semaine-mobilite-simulateur-transport-ademe'>
-            Semaine européenne de la mobilité : découverte du calculateur Impact Transport de l’ADEME
+      <ul className={styles.links}>
+        <li>
+          <Link prefetch={false} href='/'>
+            Page d'accueil
           </Link>
-        </div>
-        <Link prefetch={false} href='/doc'>
-          La doc
-        </Link>
-        <div className={styles.row}>
-          <Link prefetch={false} href='/doc/api'>
-            API Doc
+        </li>
+        <li>
+          <Link prefetch={false} href='/accessibilite'>
+            Accessibilité
           </Link>
-          <Link prefetch={false} href='/doc/guide-utilisation'>
-            Guide d'utilisation
+        </li>
+        <li>
+          <Link prefetch={false} href='/budget'>
+            Budget
           </Link>
-          <Link prefetch={false} href='/doc/livraison'>
-            Livraison
+        </li>
+        <div>Contenus</div>
+        <ul className={styles.row}>
+          <li>
+            <Link prefetch={false} href='/contenu/comment-sensibiliser-vos-visiteurs-empreinte-carbone'>
+              Comment sensibiliser vos visiteurs à l’empreinte carbone ?
+            </Link>
+          </li>
+          <li>
+            <Link prefetch={false} href='/contenu/detecteur-co2'>
+              Le Détecteur CO₂
+            </Link>
+          </li>
+          <li>
+            <Link prefetch={false} href='/contenu/etiquette-carbone'>
+              L’étiquette carbone : présentation et tutoriel d’intégration
+            </Link>
+          </li>
+          <li>
+            <Link prefetch={false} href='/contenu/impact-carbone-hiver-station-ski'>
+              4 conseils pour réduire l’impact carbone des séjours au ski
+            </Link>
+          </li>
+          <li>
+            <Link prefetch={false} href='/contenu/nouveau-site'>
+              Le nouveau site “Impact CO2” est en ligne !
+            </Link>
+          </li>
+          <li>
+            <Link prefetch={false} href='/contenu/quiz-carbone'>
+              Quiz carbone : le nouveau jeu de cartes de l’ADEME est en ligne !
+            </Link>
+          </li>
+          <li>
+            <Link prefetch={false} href='/contenu/semaine-mobilite-simulateur-transport-ademe'>
+              Semaine européenne de la mobilité : découverte du calculateur Impact Transport de l’ADEME
+            </Link>
+          </li>
+        </ul>
+        <li>
+          <Link prefetch={false} href='/doc'>
+            La doc
           </Link>
-          <div className={styles.row}>
-            <Link prefetch={false} href='/doc/livraison/livraison-colis'>
-              De colis
+        </li>
+        <ul className={styles.row}>
+          <li>
+            <Link prefetch={false} href='/doc/api'>
+              API Doc
+            </Link>
+          </li>
+          <li>
+            <Link prefetch={false} href='/doc/guide-utilisation'>
+              Guide d'utilisation
+            </Link>
+          </li>
+          <li>
+            <Link prefetch={false} href='/doc/livraison'>
+              Livraison
+            </Link>
+          </li>
+          <ul className={styles.row}>
+            <li>
+              <Link prefetch={false} href='/doc/livraison/livraison-colis'>
+                De colis
+              </Link>
+            </li>
+            <li>
+              <Link prefetch={false} href='/doc/livraison/livraison-colis-par-avion'>
+                De colis par avion
+              </Link>
+            </li>
+          </ul>
+          <li>
+            <Link prefetch={false} href='/doc/questions-frequentes'>
+              Questions fréquentes
             </Link>
-            <Link prefetch={false} href='/doc/livraison/livraison-colis-par-avion'>
-              De colis par avion
+          </li>
+          <li>
+            <Link prefetch={false} href='/doc/usage-numerique/acv'>
+              Usage numérique
             </Link>
-          </div>
-          <Link prefetch={false} href='/doc/questions-frequentes'>
-            Questions fréquentes
+          </li>
+        </ul>
+        <li>
+          <Link prefetch={false} href='/mentions-legales'>
+            Mentions légales
           </Link>
-          <Link prefetch={false} href='/doc/usage-numerique/acv'>
-            Usage numérique
+        </li>
+        <li>
+          <Link prefetch={false} href='/outils'>
+            Les outils
           </Link>
-        </div>
-        <Link prefetch={false} href='/mentions-legales'>
-          Mentions légales
-        </Link>
-        <Link prefetch={false} href='/outils'>
-          Les outils
-        </Link>
-        <div className={styles.row}>
+        </li>
+        <ul className={styles.row}>
           {tools.map((tool) => (
-            <div key={tool.slug}>
-              <Link prefetch={false} href={`/outils/${tool.slug}`}>
-                {tool.name}
-              </Link>
+            <ul key={tool.slug}>
+              <li>
+                <Link prefetch={false} href={`/outils/${tool.slug}`}>
+                  {tool.name}
+                </Link>
+              </li>
               {tool.equivalents && (
-                <div className={styles.row}>
+                <ul className={styles.row}>
                   {tool.equivalents.map((equivalent) => (
-                    <Link prefetch={false} key={equivalent.slug} href={equivalent.link}>
-                      {getName('fr', equivalent)}
-                    </Link>
+                    <li key={equivalent.slug}>
+                      <Link prefetch={false} href={equivalent.link}>
+                        {getName('fr', equivalent)}
+                      </Link>
+                    </li>
                   ))}
-                </div>
+                </ul>
               )}
-            </div>
+            </ul>
           ))}
-          <Link prefetch={false} href='/outils/comparateur'>
-            Comparateur
+          <li>
+            <Link prefetch={false} href='/outils/comparateur'>
+              Comparateur
+            </Link>
+          </li>
+        </ul>
+        <li>
+          <Link prefetch={false} href='/plan-du-site'>
+            Plan du site
+          </Link>
+        </li>
+        <li>
+          <Link prefetch={false} href='/politique-de-confidentialite'>
+            Politique de confidentialité
+          </Link>
+        </li>
+        <li>
+          <Link prefetch={false} href='/rendez-vous'>
+            Prendre rendez-vous
+          </Link>
+        </li>
+        <li>
+          <Link prefetch={false} href='/stats'>
+            Statistiques
+          </Link>
+        </li>
+        <li>
+          <Link prefetch={false} href='/suggestion'>
+            Faire une suggestion
           </Link>
-        </div>
-        <Link prefetch={false} href='/plan-du-site'>
-          Plan du site
-        </Link>
-        <Link prefetch={false} href='/politique-de-confidentialite'>
-          Politique de confidentialité
-        </Link>
-        <Link prefetch={false} href='/rendez-vous'>
-          Prendre rendez-vous
-        </Link>
-        <Link prefetch={false} href='/stats'>
-          Statistiques
-        </Link>
-        <Link prefetch={false} href='/suggestion'>
-          Faire une suggestion
-        </Link>
-      </div>
+        </li>
+      </ul>
     </div>
   )
 }
diff --git a/teste/detecteur-co2.ts b/teste/detecteur-co2.ts
index 096e180aa..84ba882fe 100644
--- a/teste/detecteur-co2.ts
+++ b/teste/detecteur-co2.ts
@@ -12,12 +12,12 @@ export const detecteurCO2Test = async (
   await page.getByRole('button', { name: label }).click()
 
   await expect(page.getByRole('alertdialog')).toBeVisible()
-  await expect(page.getByLabel('Impact CO2').nth(locator || 0)).toHaveAttribute(
+  await expect(page.getByTestId('impact-co2-link').nth(locator || 0)).toHaveAttribute(
     'href',
     `https://impactco2.fr/comparateur?value=${expectedValue}`
   )
-  await expect(page.getByLabel('Impact CO2').nth(locator || 0)).toHaveAttribute('target', '_blank')
-  await expect(page.getByLabel('Impact CO2').nth(locator || 0)).toHaveAttribute('rel', 'noreferrer noopener')
+  await expect(page.getByTestId('impact-co2-link').nth(locator || 0)).toHaveAttribute('target', '_blank')
+  await expect(page.getByTestId('impact-co2-link').nth(locator || 0)).toHaveAttribute('rel', 'noreferrer noopener')
 
   const value = await page
     .locator('.impactCO2-etiquette-value')
diff --git a/yarn.lock b/yarn.lock
index 2429536f9..867984c4b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7258,20 +7258,10 @@ camelize@^1.0.0:
   resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3"
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
-caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001587, caniuse-lite@^1.0.30001599:
-  version "1.0.30001615"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001615.tgz#7c2c8772db681b6dee74d81d6550db68f2d28842"
-  integrity sha512-1IpazM5G3r38meiae0bHRnPhz+CBQ3ZLqbQMtrg+AsTPKAXgW38JNsXkyZ+v8waCsDmPq87lmfun5Q2AGysNEQ==
-
-caniuse-lite@^1.0.30001640:
-  version "1.0.30001642"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz#6aa6610eb24067c246d30c57f055a9d0a7f8d05f"
-  integrity sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==
-
-caniuse-lite@^1.0.30001646:
-  version "1.0.30001653"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz#b8af452f8f33b1c77f122780a4aecebea0caca56"
-  integrity sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==
+caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001587, caniuse-lite@^1.0.30001599, caniuse-lite@^1.0.30001640, caniuse-lite@^1.0.30001646:
+  version "1.0.30001668"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001668.tgz"
+  integrity sha512-nWLrdxqCdblixUO+27JtGJJE/txpJlyUy5YN1u53wLZkP0emYCo5zgS6QYft7VUYR42LGgi/S5hdLZTrnyIddw==
 
 case-sensitive-paths-webpack-plugin@^2.4.0:
   version "2.4.0"