diff --git a/src/app/[id]/page.tsx b/src/app/[id]/page.tsx
index 1a88094a..b0d5555b 100644
--- a/src/app/[id]/page.tsx
+++ b/src/app/[id]/page.tsx
@@ -60,7 +60,9 @@ export default async function Page({ params }: { params: Params }) {
       {renderMarkdown({ index: 0 }, entry.content)}
       <div className="clear"></div>
       <Paragraph>
-        <Anchor href="/">Retour</Anchor>
+        <Anchor href="/" title="Revenir à la page précédente">
+          Retour
+        </Anchor>
       </Paragraph>
     </ContentBlock>
   );
diff --git a/src/app/conferences/[id]/page.tsx b/src/app/conferences/[id]/page.tsx
index cb8271f0..3de84901 100644
--- a/src/app/conferences/[id]/page.tsx
+++ b/src/app/conferences/[id]/page.tsx
@@ -52,7 +52,9 @@ export default async function BlogPost({ params }: { params: Params }) {
       </Paragraph>
       <div className={styles.clear}></div>
       <Paragraph>
-        <Anchor href="/conferences">Retour</Anchor>
+        <Anchor href="/conferences" title="Retourner à la page précédente">
+          Retour
+        </Anchor>
       </Paragraph>
     </ContentBlock>
   );
diff --git a/src/app/conferences/entries.tsx b/src/app/conferences/entries.tsx
index 1b745388..2a44c9c6 100644
--- a/src/app/conferences/entries.tsx
+++ b/src/app/conferences/entries.tsx
@@ -119,7 +119,10 @@ export const Entries = ({ entries, page, pagesCount }: EntriesProps) => {
           <div className={styles.entry_item} key={entry.id}>
             {entry.illustration ? (
               <Paragraph className={styles.entry_illustration}>
-                <Anchor href={`/conferences/${entry.id}`}>
+                <Anchor
+                  href={`/conferences/${entry.id}`}
+                  title="Voir le résumé"
+                >
                   <img
                     src={entry.illustration.url}
                     alt={entry.illustration.alt}
@@ -128,12 +131,16 @@ export const Entries = ({ entries, page, pagesCount }: EntriesProps) => {
               </Paragraph>
             ) : null}
             <Heading2 className={styles.entry_title}>
-              <Anchor href={`/conferences/${entry.id}`}>{entry.title}</Anchor>
+              <Anchor href={`/conferences/${entry.id}`} title="Voir le résumé">
+                {entry.title}
+              </Anchor>
             </Heading2>
             <Paragraph className={styles.entry_title}>
               {entry.description}
             </Paragraph>
-            <Anchor href={`/conferences/${entry.id}`}>Lire la suite</Anchor>
+            <Anchor href={`/conferences/${entry.id}`} title="Voir le résumé">
+              Lire la suite
+            </Anchor>
             <div className={styles.clear}></div>
           </div>
         ))}
@@ -147,6 +154,7 @@ export const Entries = ({ entries, page, pagesCount }: EntriesProps) => {
                 page > 2 ? `/conferences/pages/${page - 1}` : '/conferences'
               }
               rel="previous"
+              title="Voir la page précédente"
             >
               Précédent
             </Anchor>
@@ -157,6 +165,7 @@ export const Entries = ({ entries, page, pagesCount }: EntriesProps) => {
               iconPosition="last"
               href={`/conferences/pages/${page + 1}`}
               rel="next"
+              title="Voir la page suivante"
             >
               Suivant
             </Anchor>
diff --git a/src/app/credits/page.tsx b/src/app/credits/page.tsx
index 1522d885..28fea84a 100644
--- a/src/app/credits/page.tsx
+++ b/src/app/credits/page.tsx
@@ -77,7 +77,10 @@ export default async function Page() {
           <Article key={entry.id}>
             <img src={entry.avatar_url} alt={`Avatar de ${entry.name}`} />
             <Heading2>
-              <Anchor href={entry.html_url as string}>
+              <Anchor
+                href={entry.html_url as string}
+                title={`Se rendre sur le profil GitHub de ${entry.name}`}
+              >
                 {entry.name} alias {entry.login}
               </Anchor>
             </Heading2>
@@ -95,6 +98,7 @@ export default async function Page() {
                       (entry.blog.startsWith('http') ? '' : 'https://') +
                       entry.blog
                     }
+                    title={`Se rendre sur le blog de ${entry.name}`}
                   >
                     📰Blog
                   </Anchor>{' '}
@@ -104,12 +108,20 @@ export default async function Page() {
                 <>
                   <Anchor
                     href={'https://twitter.com/' + entry.twitter_username}
+                    title={`Se rendre sur le profil Twitter de ${entry.name}`}
                   >
                     📲Twitter
                   </Anchor>{' '}
                 </>
               ) : null}
-              {<Anchor href={entry.html_url as string}>💻GitHub</Anchor>}
+              {
+                <Anchor
+                  href={entry.html_url as string}
+                  title={`Se rendre sur le profil GitHub de ${entry.name}`}
+                >
+                  💻GitHub
+                </Anchor>
+              }
             </Paragraph>
           </Article>
         ))}
diff --git a/src/app/membres/page.tsx b/src/app/membres/page.tsx
index 2a429061..d8f18e6b 100644
--- a/src/app/membres/page.tsx
+++ b/src/app/membres/page.tsx
@@ -63,7 +63,10 @@ export default async function Page() {
           <Article key={entry.id}>
             <img src={entry.avatar_url} alt={`Avatar de ${entry.name}`} />
             <Heading2>
-              <Anchor href={entry.html_url as string}>
+              <Anchor
+                href={entry.html_url as string}
+                title={`Se rendre sur le profil GitHub de ${entry.name}`}
+              >
                 {entry.name} alias {entry.login}
               </Anchor>
             </Heading2>
@@ -76,6 +79,7 @@ export default async function Page() {
                       (entry.blog.startsWith('http') ? '' : 'https://') +
                       entry.blog
                     }
+                    title={`Se rendre sur le blog de ${entry.name}`}
                   >
                     📰Blog
                   </Anchor>{' '}
@@ -85,12 +89,20 @@ export default async function Page() {
                 <>
                   <Anchor
                     href={'https://twitter.com/' + entry.twitter_username}
+                    title={`Se rendre sur le profil Twitter de ${entry.name}`}
                   >
                     📲Twitter
                   </Anchor>{' '}
                 </>
               ) : null}
-              {<Anchor href={entry.html_url as string}>💻GitHub</Anchor>}
+              {
+                <Anchor
+                  href={entry.html_url as string}
+                  title={`Se rendre sur le profil GitHub de ${entry.name}`}
+                >
+                  💻GitHub
+                </Anchor>
+              }
             </Paragraph>
           </Article>
         ))}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f7101e8b..bdf67586 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -77,21 +77,33 @@ export default async function Page() {
       <UnorderedList>
         <ListItem>
           Le{' '}
-          <Anchor href="http://www.meetup.com/FranceJS/">
+          <Anchor
+            href="http://www.meetup.com/FranceJS/"
+            title="Rejoindre notre groupe Meetup"
+          >
             groupe Meetup de FranceJS
           </Anchor>{' '}
           ;
         </ListItem>
         <ListItem>
           Le{' '}
-          <Anchor href="https://groups.google.com/g/chtijs">
+          <Anchor
+            href="https://groups.google.com/g/chtijs"
+            title="Visiter notre groupe Google"
+          >
             groupe Google
           </Anchor>{' '}
           de ChtiJS (plus axé proposition de conférences et préparatifs) ;
         </ListItem>
         <ListItem>
           Le compte{' '}
-          <Anchor href="https://twitter.com/chtijs">Twitter de ChtiJS</Anchor> ;
+          <Anchor
+            href="https://twitter.com/chtijs"
+            title="Voir notre ocmpte Twitter"
+          >
+            Twitter de ChtiJS
+          </Anchor>{' '}
+          ;
         </ListItem>
       </UnorderedList>
       <Heading2>Concept</Heading2>
@@ -116,28 +128,47 @@ export default async function Page() {
       </Paragraph>
       <Paragraph>
         Signalez vous sur Twitter auprès de{' '}
-        <Anchor href="https://twitter.com/chtijs">@chtijs</Anchor>, ou inscrivez
-        vous sur la{' '}
-        <Anchor href="https://groups.google.com/g/chtijs">
+        <Anchor
+          href="https://twitter.com/chtijs"
+          title="Nous suivre sur Twitter"
+        >
+          @chtijs
+        </Anchor>
+        , ou inscrivez vous sur la{' '}
+        <Anchor
+          href="https://groups.google.com/g/chtijs"
+          title="S'abonner à notre liste de diffusion"
+        >
           liste de diffusion
         </Anchor>{' '}
         et rejoignez nous sur{' '}
-        <Anchor href="https://weblille.rocks/">slack</Anchor>.
+        <Anchor href="https://weblille.rocks/" title="Rejoindre notre Slack">
+          slack
+        </Anchor>
+        .
       </Paragraph>
       <Heading2>Site web</Heading2>
       <Paragraph>
         Notre site web est aussi ouvert aux contributions, contenus comme code.
         Il vous suffit de faire un pull request sur{' '}
-        <Anchor href="https://github.com/ChtiJS/chtijs.francejs.org">
+        <Anchor
+          href="https://github.com/ChtiJS/chtijs.francejs.org"
+          title="Voir notre depôt Git"
+        >
           le dépôt GitHub
         </Anchor>
         . Vous pouvez retrouver les contributeurs du site{' '}
-        <Anchor href="/credits/index.html">sur cette page</Anchor>.
+        <Anchor href="/credits/index.html" title="Voir nos contributeur/rices">
+          sur cette page
+        </Anchor>
+        .
       </Paragraph>
       <Heading2>FranceJS</Heading2>
       <Paragraph>
         ChtiJS fait partie de{' '}
-        <Anchor href="http://francejs.org">l&apos;initiative FranceJS</Anchor>{' '}
+        <Anchor href="http://francejs.org" title="Visite le site de FranceJS">
+          l&apos;initiative FranceJS
+        </Anchor>{' '}
         qui fédère les acteurs de JavaScript afin de promouvoir ce langage et de
         faciliter son développement en France.
       </Paragraph>
diff --git a/src/app/planete/page.tsx b/src/app/planete/page.tsx
index 9ca1a18a..62ece0ec 100644
--- a/src/app/planete/page.tsx
+++ b/src/app/planete/page.tsx
@@ -87,7 +87,10 @@ export default async function Page() {
         {entries.map((entry) => (
           <Article key={entry.entry.link}>
             <Heading2>
-              <Anchor href={entry.entry.link as string}>
+              <Anchor
+                href={entry.entry.link as string}
+                title="Voir l'article original"
+              >
                 {entry.entry.title}
               </Anchor>
             </Heading2>
@@ -104,14 +107,22 @@ export default async function Page() {
                 )}{' '}
                 par{' '}
                 <Cite>
-                  <Anchor href={entry.blog.url as string}>
+                  <Anchor
+                    href={entry.blog.url as string}
+                    title="Voir le blog de l'auteur"
+                  >
                     {entry.blog.author}
                   </Anchor>
                 </Cite>
               </>
             </Paragraph>
             <Paragraph>
-              <Anchor href={entry.entry.link as string}>Lire ➤</Anchor>
+              <Anchor
+                href={entry.entry.link as string}
+                title="Voir l'article original"
+              >
+                Lire ➤
+              </Anchor>
             </Paragraph>
           </Article>
         ))}
diff --git a/src/components/a.tsx b/src/components/a.tsx
index f562eb69..efa821f9 100644
--- a/src/components/a.tsx
+++ b/src/components/a.tsx
@@ -1,69 +1,51 @@
 import Link from 'next/link';
 import styles from './a.module.scss';
-import type { LinkProps } from 'next/link';
+import { type ComponentProps } from 'react';
 
-const Anchor = ({
+export default function Anchor({
   children,
   href,
-  as,
-  replace,
-  scroll,
-  shallow,
-  passHref,
-  prefetch,
-  locale,
   className,
   icon,
   iconPosition = 'first',
   ...props
 }: {
-  children: React.ReactNode;
-} & LinkProps & {
-    icon?: string;
-    iconPosition?: 'first' | 'last';
-  } & Exclude<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>) => {
+  title: string;
+  icon?: string;
+  iconPosition?: 'first' | 'last';
+} & Omit<ComponentProps<typeof Link>, 'target'>) {
   const isURLLink =
-    href.length > 30 &&
+    href.toString().length > 30 &&
     children instanceof Array &&
     typeof children[0] === 'string' &&
     href === children[0];
 
   return (
     <Link
-      legacyBehavior
       {...{
         href,
-        as,
-        replace,
-        scroll,
-        shallow,
-        passHref,
-        prefetch,
-        locale,
       }}
-    >
-      <a
-        className={`${styles.root}${className ? ' ' + className : ''}${
-          icon
-            ? ` ${styles.withIcon} ${
-                iconPosition === 'first' ? styles.first : styles.last
-              }`
-            : ''
-        }`}
-        {...props}
-        target={href.startsWith('http') ? '_blank' : '_self'}
-      >
-        {icon ? <span className={styles.icon} /> : null}
-        {isURLLink
+      className={[
+        styles.root,
+        ...(className ? [className] : []),
+        ...(icon
           ? [
-              href.replace(/(http|ftp)s?:\/\//, '').slice(0, 15) +
-                '…' +
-                href.slice(-5),
+              styles.withIcon,
+              iconPosition === 'first' ? styles.first : styles.last,
             ]
-          : children}
-      </a>
+          : []),
+      ].join(' ')}
+      {...props}
+      target={href.toString().startsWith('http') ? '_blank' : '_self'}
+    >
+      {icon ? <span className={styles.icon} aria-hidden="true" /> : null}
+      {isURLLink
+        ? [
+            href.replace(/(http|ftp)s?:\/\//, '').slice(0, 15) +
+              '…' +
+              href.slice(-5),
+          ]
+        : children}
     </Link>
   );
-};
-
-export default Anchor;
+}
diff --git a/src/components/anchored.tsx b/src/components/anchored.tsx
index 259a7e80..50670190 100644
--- a/src/components/anchored.tsx
+++ b/src/components/anchored.tsx
@@ -1,6 +1,5 @@
 import Link from 'next/link';
 import styles from './anchored.module.scss';
-
 const Anchored = ({
   children,
   id = '',
@@ -12,14 +11,16 @@ const Anchored = ({
     <span className={styles.root}>
       {children}{' '}
       <small>
-        <Link href={`#${id}`} legacyBehavior>
-          <a className={styles.icon} id={id} title="Lien vers cette section">
-            <span>🔗</span>
-          </a>
+        <Link
+          href={`#${id}`}
+          className={styles.icon}
+          id={id}
+          title={`Aller à la section "${id}"`}
+        >
+          <span>🔗</span>
         </Link>
       </small>
     </span>
   );
 };
-
 export default Anchored;
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 745a4f76..322efc17 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,23 +1,23 @@
 import Link from 'next/link';
 import Social from './social';
-import {
-  ORGANISATION_NAME,
-} from '../utils/constants';
+import { ORGANISATION_NAME } from '../utils/constants';
 import styles from './footer.module.scss';
 
 const Footer = () => {
   return (
-    <>
-      <footer className={styles.footer}>
-        <p className={styles.p}>
-          © {ORGANISATION_NAME} - Tous droits réservés -{' '}
-          <Link href="/mentions-legales" legacyBehavior>
-            <a className={styles.a}>Mentions légales</a>
-          </Link>
-          <Social></Social>
-        </p>
-      </footer>
-    </>
+    <footer className={styles.footer}>
+      <p className={styles.p}>
+        © {ORGANISATION_NAME} - Tous droits réservés -{' '}
+        <Link
+          href="/mentions-legales"
+          className={styles.a}
+          title="Accéder aux mentions légales"
+        >
+          Mentions légales
+        </Link>
+        <Social />
+      </p>
+    </footer>
   );
 };
 
diff --git a/src/components/gallery.tsx b/src/components/gallery.tsx
index a9df8ccb..f3dfc7d8 100644
--- a/src/components/gallery.tsx
+++ b/src/components/gallery.tsx
@@ -1,13 +1,10 @@
 'use client';
-
 import { useState } from 'react';
 import styles from './gallery.module.scss';
 import { publicRuntimeConfig } from '../utils/config';
 import type { MarkdownImageNode } from '../utils/markdown';
-
 const Gallery = ({ imagesNodes }: { imagesNodes: MarkdownImageNode[] }) => {
   const [selectedIndex, setSelectedIndex] = useState(0);
-
   return (
     <div className={styles.root}>
       <p>
@@ -20,13 +17,17 @@ const Gallery = ({ imagesNodes }: { imagesNodes: MarkdownImageNode[] }) => {
                 '/' +
                 imagesNodes[selectedIndex].url
           }
-          alt={imagesNodes[selectedIndex].alt || ''}
+          alt={imagesNodes[selectedIndex].alt || 'Image'}
         />
       </p>
       <ul>
         {imagesNodes.map((imageNode, index) => (
           <li key={index}>
-            <a onClick={setSelectedIndex.bind(null, index)}>
+            <a
+              onClick={() => setSelectedIndex(index)}
+              aria-label={`Image ${index + 1}`} 
+              tabIndex={0} 
+            >
               <img
                 src={
                   imageNode.url.startsWith('http')
@@ -36,7 +37,7 @@ const Gallery = ({ imagesNodes }: { imagesNodes: MarkdownImageNode[] }) => {
                       '/' +
                       imageNode.url
                 }
-                alt={imageNode.alt || ''}
+                alt={imageNode.alt || `Image ${index + 1}`} 
               />
             </a>
           </li>
@@ -45,5 +46,4 @@ const Gallery = ({ imagesNodes }: { imagesNodes: MarkdownImageNode[] }) => {
     </div>
   );
 };
-
-export default Gallery;
+export default Gallery;
\ No newline at end of file
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 0ba74299..18bc0292 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -3,17 +3,13 @@ import styles from './header.module.scss';
 
 const Header = () => {
   return (
-    <>
-      <header className={styles.root}>
-        <h1>
-          <Link href="/" legacyBehavior>
-            <a>
-              <span>ChtiJS</span>
-            </a>
-          </Link>
-        </h1>
-      </header>
-    </>
+    <header className={styles.root}>
+      <h1>
+        <Link href="/" title="Retourner à l’accueil">
+          <span>ChtiJS</span>
+        </Link>
+      </h1>
+    </header>
   );
 };
 
diff --git a/src/components/menu.tsx b/src/components/menu.tsx
index d4c8c526..36fbfb8d 100644
--- a/src/components/menu.tsx
+++ b/src/components/menu.tsx
@@ -9,55 +9,49 @@ const Menu = () => {
 
   return (
     <nav className={styles.nav}>
-      <Link legacyBehavior href="/">
-        <a
-          className={`home ${pathname === '/' ? styles.selected : ''}`}
-          title="Revenir à l’accueil"
-        >
-          <span>Accueil</span>
-        </a>
+      <Link
+        href="/"
+        className={`home ${pathname === '/' ? styles.selected : ''}`}
+        title="Revenir à l’accueil"
+      >
+        <span>Accueil</span>
       </Link>
-      <Link legacyBehavior href="/credits">
-        <a
-          className={
-            (pathname || '').startsWith('/credits') ? styles.selected : ''
-          }
-          title="Les contributeurs du site"
-        >
-          <span>Crédits</span>
-        </a>
+      <Link
+        href="/credits"
+        className={
+          (pathname || '').startsWith('/credits') ? styles.selected : ''
+        }
+        title="Les contributeurs du site"
+      >
+        <span>Crédits</span>
       </Link>
-      <Link legacyBehavior href="/membres">
-        <a
-          className={pathname === '/membres' ? styles.selected : ''}
-          title="Les membres du groupe"
-        >
-          <span>Membres</span>
-        </a>
+      <Link
+        href="/membres"
+        className={pathname === '/membres' ? styles.selected : ''}
+        title="Les membres du groupe"
+      >
+        <span>Membres</span>
       </Link>
-      <Link legacyBehavior href="/planete">
-        <a
-          className={pathname === '/planete' ? styles.selected : ''}
-          title="Voir les actus de nos membres"
-        >
-          <span>Planète</span>
-        </a>
+      <Link
+        href="/planete"
+        className={pathname === '/planete' ? styles.selected : ''}
+        title="Voir les actus de nos membres"
+      >
+        <span>Planète</span>
       </Link>
-      <Link legacyBehavior href="/conferences">
-        <a
-          className={pathname === '/conferences' ? styles.selected : ''}
-          title="Voir les conférences"
-        >
-          <span>Conférences</span>
-        </a>
+      <Link
+        href="/conferences"
+        className={pathname === '/conferences' ? styles.selected : ''}
+        title="Voir les conférences"
+      >
+        <span>Conférences</span>
       </Link>
-      <Link legacyBehavior href="/about">
-        <a
-          className={pathname === '/about' ? styles.selected : ''}
-          title="En savoir plus sur nos habitudes"
-        >
-          <span>A propos</span>
-        </a>
+      <Link
+        href="/about"
+        className={pathname === '/about' ? styles.selected : ''}
+        title="En savoir plus sur nos habitudes"
+      >
+        <span>A propos</span>
       </Link>
     </nav>
   );
diff --git a/src/components/social.tsx b/src/components/social.tsx
index 96077335..3dfc5983 100644
--- a/src/components/social.tsx
+++ b/src/components/social.tsx
@@ -22,7 +22,7 @@ export default function Social(): JSX.Element {
         <li className={styles.mastodon}>
           <a
             href={`https://${MASTODON_SERVER}/@${MASTODON_ACCOUNT}`}
-            title="Suivre notre groupe sur Twitter"
+            title="Suivre notre groupe sur Mastodon"
             target="_blank"
             rel="noreferrer"
           >
@@ -32,7 +32,7 @@ export default function Social(): JSX.Element {
         <li className={styles.feed}>
           <a
             href="/blog.atom"
-            title="S'abonner aux mises à jour"
+            title="S’abonner aux mises à jour"
             target="_blank"
           >
             <span>Flux de syndication</span>
diff --git a/src/components/tootList.tsx b/src/components/tootList.tsx
index 7ca68d05..30713b89 100644
--- a/src/components/tootList.tsx
+++ b/src/components/tootList.tsx
@@ -14,20 +14,20 @@ export type Toots = {
 
 const TootList = ({ toots }: { toots: Toots }) => (
   <aside className={styles.root}>
-        <Heading2>Derniers messages Mastodon&nbsp;:</Heading2>
-        <div className={styles.tootList}>
-          {toots.map((toot) => (
-            <div key={toot.id} className={styles.toot}>
-              {renderMarkdown({ index: 0 }, toot.text)}
-              <Paragraph>
-                Publié le{" "}
-                <Anchor href={toot.url}>
-                  {new Date(toot.createdAt).toLocaleString()}.
-                </Anchor>
-              </Paragraph>
-            </div>
-          ))}
+    <Heading2>Derniers messages Mastodon&nbsp;:</Heading2>
+    <div className={styles.tootList}>
+      {toots.map((toot) => (
+        <div key={toot.id} className={styles.toot}>
+          {renderMarkdown({ index: 0 }, toot.text)}
+          <Paragraph>
+            Publié le{' '}
+            <Anchor href={toot.url} title="Voir le toot sur Mastodon">
+              {new Date(toot.createdAt).toLocaleString()}.
+            </Anchor>
+          </Paragraph>
         </div>
+      ))}
+    </div>
   </aside>
 );