<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>admin8818, auteur/autrice sur Aksé</title>
	<atom:link href="https://akse.co/author/admin8818/feed/" rel="self" type="application/rss+xml" />
	<link>https://akse.co/author/admin8818/</link>
	<description>Simplifier le web</description>
	<lastBuildDate>Tue, 15 Sep 2026 09:28:19 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://akse.co/wp-content/uploads/2024/10/akse-favicon.svg</url>
	<title>admin8818, auteur/autrice sur Aksé</title>
	<link>https://akse.co/author/admin8818/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>La justice a tranché : Carrefour dans l&#8217;embarras</title>
		<link>https://akse.co/couts-et-enjeux-legaux/la-justice-a-tranche-carrefour-dans-lembarras/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Mon, 13 Jul 2026 09:37:42 +0000</pubDate>
				<category><![CDATA[Coûts et enjeux légaux]]></category>
		<category><![CDATA[Réglementation France]]></category>
		<guid isPermaLink="false">https://akse.co/?p=8616</guid>

					<description><![CDATA[<p>La justice a tranché : Carrefour dans l&#8217;embarras Sites et applications non accessibles : comprendre ce qui se joue actuellement sur le plan juridique pour les géants de la grande distribution, le secteur public&#8230; et pour vous. Le 4 juin dernier, le Tribunal judiciaire de Caen a rendu une ordonnance de référé enjoignant l&#8217;enseigne Carrefour [&#8230;]</p>
<p>L’article <a href="https://akse.co/couts-et-enjeux-legaux/la-justice-a-tranche-carrefour-dans-lembarras/">La justice a tranché : Carrefour dans l&#8217;embarras</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="8616" class="elementor elementor-8616" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-467d9bc3 e-flex e-con-boxed e-con e-parent" data-id="467d9bc3" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-66eb31cc elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="66eb31cc" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">La justice a tranché : Carrefour dans l'embarras</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-2ee942c5 elementor-widget elementor-widget-heading" data-id="2ee942c5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Sites et applications non accessibles : comprendre ce qui se joue actuellement sur le plan juridique pour les géants de la grande distribution, le secteur public... et pour vous.</h2>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-35a18fb8 e-flex e-con-boxed e-con e-parent" data-id="35a18fb8" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-198eeece politique elementor-widget elementor-widget-text-editor" data-id="198eeece" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le 4 juin dernier, le Tribunal judiciaire de Caen a rendu une ordonnance de référé enjoignant l&rsquo;enseigne Carrefour France à rendre son site internet et son application mobile totalement accessibles aux personnes en situation de handicap. Le message est clair : <span id="isPasted">les entreprises concernées par la règlementation devront avoir des sites et applications mobiles 100% accessibles.</span> </p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6e138647 e-flex e-con-boxed e-con e-parent" data-id="6e138647" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-6376ebbf e-con-full e-flex e-con e-child" data-id="6376ebbf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-36061285 politique elementor-widget elementor-widget-text-editor" data-id="36061285" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Sommaire de l&rsquo;article</p>								</div>
				</div>
				<div class="elementor-element elementor-element-229f1f7 politique elementor-widget elementor-widget-text-editor" data-id="229f1f7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol>
 	<li><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a style="color: #0000ff; text-decoration: underline;" href="https://akse.co/loi-accessibilite-web-france/la-justice-a-tranche-carrefour-dans-lembarras/#carrefour">La justice exige l&rsquo;accessibilité à 100% pour Carrefour</a></span></span></li>
 	<li><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a style="color: #0000ff; text-decoration: underline;" href="https://akse.co/loi-accessibilite-web-france/la-justice-a-tranche-carrefour-dans-lembarras/#dgccrf">La DGCCRF entre dans la danse : les contrôles ont commencé</a></span></span></li>
 	<li><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a style="color: #0000ff; text-decoration: underline;" href="https://akse.co/loi-accessibilite-web-france/la-justice-a-tranche-carrefour-dans-lembarras/#associations">Les associations de consommateurs gagnent en expérience</a></span></span></li>
 	<li><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a style="color: #0000ff; text-decoration: underline;" href="https://akse.co/loi-accessibilite-web-france/la-justice-a-tranche-carrefour-dans-lembarras/#public">Le secteur public n&rsquo;est pas épargné</a></span></span></li>
 	<li><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a style="color: #0000ff; text-decoration: underline;" href="https://akse.co/loi-accessibilite-web-france/la-justice-a-tranche-carrefour-dans-lembarras/#risques">Comment éviter les risques juridiques pour votre entreprise ?</a></span></span></li>
</ol>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-18ca4726 elementor-widget elementor-widget-menu-anchor" data-id="18ca4726" data-element_type="widget" data-e-type="widget" data-widget_type="menu-anchor.default">
				<div class="elementor-widget-container">
							<div class="elementor-menu-anchor" id="carrefour"></div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1374089c e-flex e-con-boxed e-con e-parent" data-id="1374089c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-42e06873 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="42e06873" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-51cc52c elementor-widget elementor-widget-heading" data-id="51cc52c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">La justice exige l'accessibilité à 100% pour Carrefour</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3736b1ef politique elementor-widget elementor-widget-text-editor" data-id="3736b1ef" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">L&rsquo;enseigne Carrefour France a ainsi écopé d&rsquo;une injonction de mise en conformité totale sous 6 mois, assortie d&rsquo;une astreinte financière de 500 € par jour de retard.</p><p class="default">Le point le plus critique de ce jugement ? Carrefour affichait déjà un taux de conformité de <b data-path-to-node="8" data-index-in-node="93">71 %</b>. La réponse du juge a été sans équivoque :</p>								</div>
				</div>
				<div class="elementor-element elementor-element-18a9bfa politique elementor-widget elementor-widget-text-editor" data-id="18a9bfa" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<blockquote><p class="default">«<i data-path-to-node="9,0" data-index-in-node="0"> Le site de e-commerce concerné ne peut pas être seulement un peu accessible, il doit l’être totalement. »</i></p></blockquote>								</div>
				</div>
				<div class="elementor-element elementor-element-4cb56d6 politique elementor-widget elementor-widget-text-editor" data-id="4cb56d6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p class="default">L&rsquo;accessibilité numérique est jugée comme une <b data-path-to-node="10" data-index-in-node="46">obligation de résultat</b>. Comme pour un escalier, si toutes les marches ne sont pas sécurisées, l&rsquo;accès reste bloqué. Une conformité partielle ne protège plus contre la condamnation.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-293935b4 elementor-widget elementor-widget-menu-anchor" data-id="293935b4" data-element_type="widget" data-e-type="widget" data-widget_type="menu-anchor.default">
				<div class="elementor-widget-container">
							<div class="elementor-menu-anchor" id="dgccrf"></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-74e4542b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="74e4542b" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-37fbb086 elementor-widget elementor-widget-heading" data-id="37fbb086" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">La DGCCRF entre dans la danse : les contrôles ont commencé</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-2a66c550 politique elementor-widget elementor-widget-text-editor" data-id="2a66c550" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Au-delà des tribunaux, c&rsquo;est l&rsquo;administration elle-même qui passe à l&rsquo;action. Suite à la transposition de l&rsquo;European Accessibility Act (EAA) dans le Code de la consommation (Article L. 412-13), l&rsquo;accessibilité est devenue un sujet de contrôle de routine.</p><p>La DGCCRF (Répression des fraudes) a officiellement lancé ses premières vagues de contrôles sur les plateformes privées. Sont particulièrement ciblés : le e-commerces, les services bancaires et financiers, ainsi que les billetteries et services de transport.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-25a93166 elementor-widget elementor-widget-menu-anchor" data-id="25a93166" data-element_type="widget" data-e-type="widget" data-widget_type="menu-anchor.default">
				<div class="elementor-widget-container">
							<div class="elementor-menu-anchor" id="associations"></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5dd35020 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5dd35020" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7e362e59 elementor-widget elementor-widget-heading" data-id="7e362e59" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Les associations de consommateurs gagnent en expérience</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3eae58fc politique elementor-widget elementor-widget-text-editor" data-id="3eae58fc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">Ce procès contre Carrefour n&rsquo;est pas un cas isolé, mais le résultat d&rsquo;une stratégie offensive menée par des associations (comme <i data-path-to-node="16" data-index-in-node="128">apiDV</i> et <i data-path-to-node="16" data-index-in-node="137">Droit Pluriel</i>) soutenues par des collectifs de juristes (<i data-path-to-node="16" data-index-in-node="194">Intérêt à Agir</i>).</p><p id="isPasted" class="default">Après un premier coup de semonce contre Auchan à Lille, la victoire des associations contre Carrefour crée un précédent juridique intéressant. Les collectifs disposent désormais d’une méthode éprouvée, et peuvent préparer de nouvelles actions de groupe contre d’autres acteurs du secteur privé.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-63023c84 elementor-widget elementor-widget-menu-anchor" data-id="63023c84" data-element_type="widget" data-e-type="widget" data-widget_type="menu-anchor.default">
				<div class="elementor-widget-container">
							<div class="elementor-menu-anchor" id="public"></div>
						</div>
				</div>
				<div class="elementor-element elementor-element-50e3f37f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="50e3f37f" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6affbd6f elementor-widget elementor-widget-heading" data-id="6affbd6f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Le secteur public n'est pas épargné</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-634b989a politique elementor-widget elementor-widget-text-editor" data-id="634b989a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">Quelques semaines plus tard, c&rsquo;est la<span id="isPasted"> Direction générale des Finances publiques (DGFiP) qui est sous le feu des projecteurs :</span></p><ul><li id="isPasted" class="default">Mise en demeure de l&rsquo;Arcom : Chargée de veiller à l’accessibilité des sites publics, l’Arcom a officiellement mis en demeure le Ministère de l’Action et des Comptes publics pour non-conformité technique et non-respect des obligations d&rsquo;affichage.</li></ul><ul data-path-to-node="20"><li><p class="default">Action de groupe en justice : Lassé de 20 ans d&rsquo;inaction depuis la loi Handicap de 2005, le Collectif français du handicap visuel (CFHV) a déposé une action de groupe devant le Tribunal administratif de Paris contre la DGFiP (Direction générale des Finances publiques). PDF illisibles, tableaux fusionnés, messagerie bloquée&#8230; l&rsquo;inaccessibilité de ce portail prive 2 millions de personnes de leur autonomie fiscale.</p></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-d2dffab elementor-widget elementor-widget-menu-anchor" data-id="d2dffab" data-element_type="widget" data-e-type="widget" data-widget_type="menu-anchor.default">
				<div class="elementor-widget-container">
							<div class="elementor-menu-anchor" id="risques"></div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-5acd04c e-flex e-con-boxed e-con e-parent" data-id="5acd04c" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8389970 elementor-widget elementor-widget-heading" data-id="8389970" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">
Comment éviter les risques juridiques pour votre entreprise ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-8811546 politique elementor-widget elementor-widget-text-editor" data-id="8811546" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">L’attentisme est devenu la stratégie la plus coûteuse. Afficher un score d&rsquo;accessibilité moyen ou publier une simple mention floue ne suffira pas  à vous protéger en cas de contrôle de la DGCCRF ou des assignations en justice.</p>
<p class="default">Pour sécuriser votre business tout en ouvrant vos plateformes à des millions de clients supplémentaires, vous devez avoir une vraie stratégie de mise en accessibilité totale de vos services et produits numériques.</p>
<p class="default">Nous vous accompagnons à chaque étape à travers trois piliers d&rsquo;action concrets :</p>

<ul data-path-to-node="25">
 	<li id="isPasted">
<p class="default"><a href="https://akse.co/audit-rgaa/?utm_source=brevo&amp;utm_medium=email&amp;utm_campaign=news-dec-25" target="_blank" rel="noopener noreferrer" type="absoluteLink" style="text-decoration: underline;color:#0051FF;"><u>L&rsquo;Audit de conformité avancé et opérationnel </u></a>: Pas de rapport théorique de 300 pages inutilisable. Nous établissons une stratégie de remédiation efficace pour vos équipes techniques. Vous recevez directement des tickets de correctifs prêts à l&rsquo;intégration, classés par composants et par priorité d’impact pour l’utilisateur</p>
</li>
</ul>
<ul data-path-to-node="25">
 	<li>
<p class="default">La mise en conformité déclarative clé en main : Nous rédigeons et structurons pour vous l&rsquo;ensemble des documents obligatoires imposés par la loi (déclaration d’accessibilité, schéma pluriannuel, etc.). Ce dossier complet et rigoureux facilitera grandement vos démarches et vos déclarations obligatoires sur le site de la DGCCRF.</p>
</li>
</ul>
<ul data-path-to-node="25">
 	<li>
<p class="default"><a href="https://akse.co/services-accessibilite-web/accompagnement-technique-accessibilite-numerique/?utm_source=brevo&amp;utm_medium=email&amp;utm_campaign=news-dec-25" target="_blank" rel="noopener noreferrer" type="absoluteLink" style="text-decoration: underline;color:#0051FF;"><u>L&rsquo;Accompagnement technique pour vos créations et refontes </u></a>: Pour que vos futurs projets soient 100 % accessibles (Web, App, SaaS), nous intervenons très tôt dans le cycle de production : relecture et validation de vos maquettes graphiques (UX/UI), rédaction des spécifications techniques pour les développeurs, et audit final en préproduction avant le déploiement.</p>
</li>
</ul>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6eafe227 e-flex e-con-boxed e-con e-parent" data-id="6eafe227" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2d1b70c1 elementor-widget elementor-widget-shortcode" data-id="2d1b70c1" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/couts-et-enjeux-legaux/la-justice-a-tranche-carrefour-dans-lembarras/">La justice a tranché : Carrefour dans l&#8217;embarras</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>RGAA 5 arrive : êtes‑vous prêts ?</title>
		<link>https://akse.co/loi-accessibilite-web-france/rgaa-5/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Fri, 05 Jun 2026 18:55:59 +0000</pubDate>
				<category><![CDATA[Coûts et enjeux légaux]]></category>
		<category><![CDATA[Réglementation France]]></category>
		<category><![CDATA[Tout comprendre]]></category>
		<guid isPermaLink="false">https://akse.co/?p=8264</guid>

					<description><![CDATA[<p>RGAA 5 arrive : êtes‑vous prêts ? La transition se prépare dès maintenant : voici les points critiques à anticiper. La DINUM a confirmé la préparation du RGAA 5, dont la publication est prévue fin 2026. Cette nouvelle version ne remet pas en cause les travaux actuels : le RGAA 4.1.2 reste pleinement valable, et les déclarations publiées avant la sortie [&#8230;]</p>
<p>L’article <a href="https://akse.co/loi-accessibilite-web-france/rgaa-5/">RGAA 5 arrive : êtes‑vous prêts ?</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="8264" class="elementor elementor-8264" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-4608e70d e-flex e-con-boxed e-con e-parent" data-id="4608e70d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5b66ecba elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="5b66ecba" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">RGAA 5 arrive : êtes‑vous prêts ?
</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-1e13387e elementor-widget elementor-widget-heading" data-id="1e13387e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">La transition se prépare dès maintenant : voici les points critiques à anticiper.</h2>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4fcc4e11 e-flex e-con-boxed e-con e-parent" data-id="4fcc4e11" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-271c97ea politique elementor-widget elementor-widget-text-editor" data-id="271c97ea" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span id="isPasted">La DINUM a confirmé la préparation du <strong>RGAA 5</strong>, dont la publication est prévue <strong>fin 2026</strong>. Cette nouvelle version ne remet pas en cause les travaux actuels : <strong>le RGAA 4.1.2 reste pleinement valable</strong>, et les déclarations publiées avant la sortie du RGAA 5 resteront <strong>valables 18 mois</strong> (dans la limite des 3 ans). </span></p><p><span id="isPasted">Cette mise à jour marque toutefois une évolution importante du cadre français de l’accessibilité numérique. Voici l’essentiel à retenir.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-4bc8e494 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="4bc8e494" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-215c8c91 e-flex e-con-boxed e-con e-parent" data-id="215c8c91" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b182d34 elementor-widget elementor-widget-heading" data-id="b182d34" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Ce que contiendra le RGAA 5 (informations officielles)</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-1638aab elementor-widget elementor-widget-heading" data-id="1638aab" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Objectif #1 : Intégration des WCAG 2.2</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-69900da9 politique elementor-widget elementor-widget-text-editor" data-id="69900da9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">Le RGAA 5 intégrera les <strong>9 nouveaux critères WCAG 2.2</strong>, publiés par le W3C en octobre 2023. Ces critères renforcent l’accessibilité sur plusieurs aspects clés :</p><ul><li><p class="default"><strong>Taille minimale des zones cliquables</strong> (<em>2.5.8 Target Size Minimum</em>) : Réduction des erreurs de manipulation, notamment sur mobile.</p></li><li><p class="default"><strong>Suppression de l’obligation de glisser</strong> (<em>2.5.7 Dragging Movements</em>) : Les actions doivent être réalisables sans gestes complexes.</p></li><li><p class="default"><strong>Authentification accessible</strong> (<em>3.3.8 Accessible Authentication</em>) : Les tests cognitifs (CAPTCHA, puzzles, mémorisation) ne doivent plus être obligatoires.</p></li><li><p class="default"><strong>Améliorations pour les composants interactifs, focus, navigation</strong>   : Renforcement de la robustesse et de la prévisibilité.</p></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-400719d elementor-widget elementor-widget-heading" data-id="400719d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Objectif #2 : Alignement avec la norme européenne EN 301 549</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-1cc6ff3 politique elementor-widget elementor-widget-text-editor" data-id="1cc6ff3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">Le RGAA 5 vise un alignement renforcé avec la norme européenne <strong>EN 301 549</strong>, qui constitue le socle réglementaire de l’accessibilité numérique dans l’Union européenne.</p><p class="default">Cet alignement implique :</p><ul><li><p class="default">une <strong>harmonisation des exigences techniques</strong> entre la France et les autres pays européens,</p></li><li><p class="default">une <strong>prise en compte explicite des exigences WCAG</strong> dans leur version la plus récente,</p></li><li><p class="default">une <strong>cohérence avec l’European Accessibility Act (EAA)</strong>, applicable en 2025 pour les services privés.</p></li></ul><p class="default">L’objectif : garantir une continuité entre obligations françaises, européennes et internationales.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-5cc9208 elementor-widget elementor-widget-heading" data-id="5cc9208" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Objectif #3 : Extension aux applications mobiles et aux documents bureautiques</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-4899c8e politique elementor-widget elementor-widget-text-editor" data-id="4899c8e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">Jusqu’ici, le RGAA se concentrait principalement sur les sites web. Le RGAA 5 élargira officiellement son périmètre à :</p><ul><li><p class="default"><strong>Les applications mobiles natives</strong> (iOS, Android) : Tests spécifiques aux interactions tactiles, gestes, navigation mobile, composants natifs.</p></li><li><p class="default"><strong>Les documents bureautiques</strong> (PDF, Word, LibreOffice, etc.) : Conformité structurelle, balisage, alternatives textuelles, navigation, lisibilité.</p></li></ul><p class="default">Cet élargissement s’inscrit dans la continuité de l’EN 301 549, qui couvre déjà ces supports.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0a94697 elementor-widget elementor-widget-heading" data-id="0a94697" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Objectif #4 : Clarification des critères existants</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-a56f7d5 politique elementor-widget elementor-widget-text-editor" data-id="a56f7d5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">La DINUM a annoncé une <strong>reformulation générale</strong> des critères du RGAA pour :</p><ul><li><p class="default">améliorer la <strong>lisibilité</strong>,</p></li><li><p class="default">réduire les <strong>ambiguïtés d’interprétation</strong>,</p></li><li><p class="default">harmoniser les formulations avec les WCAG,</p></li><li><p class="default">faciliter le travail des auditeurs et des équipes techniques.</p></li></ul><p class="default">Important : <strong>Aucun critère du RGAA 4.1.2 ne sera supprimé.</strong>  Le RGAA 5 clarifie et complète, il ne contredit pas les travaux d&rsquo;accessibilité déjà mis en place.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6856b4e6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6856b4e6" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7d572fe0 elementor-widget elementor-widget-heading" data-id="7d572fe0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi il ne faut surtout pas attendre le RGAA 5</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-174e791c politique elementor-widget elementor-widget-text-editor" data-id="174e791c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">La DINUM est explicite : <strong>les travaux d’accessibilité ne doivent pas être suspendus</strong>.Le RGAA 5 <strong>complète</strong> le RGAA 4.1.2, il ne l’invalide pas. </p><p class="default">Continuer les audits et mises en conformité dès maintenant permet :</p><ul><li><p class="default">d’éviter l’accumulation de dettes d’accessibilité,</p></li><li><p class="default">de sécuriser les obligations légales actuelles,</p></li><li><p class="default">d’anticiper sereinement les évolutions à venir.</p></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-6054db69 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6054db69" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7a947601 elementor-widget elementor-widget-heading" data-id="7a947601" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Notre accompagnement pour anticiper le RGAA 5</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-35cdeb47 politique elementor-widget elementor-widget-text-editor" data-id="35cdeb47" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p id="isPasted" class="default">Nous proposons un <strong>accompagnement complet</strong>, déjà aligné avec les évolutions annoncées :</p><ul><li><p class="default"><strong>Audit RGAA 4.1.2 complet</strong>, intégrant les points de vigilance WCAG 2.2.</p></li><li><p class="default"><strong>Analyse des risques RGAA 5</strong> : zones cliquables, focus, interactions tactiles, authentification…</p></li><li><p class="default"><strong>Audit mobile et documents bureautiques</strong>, en cohérence avec la future extension du référentiel.</p></li><li><p class="default"><strong>Préparation des livrables obligatoires</strong> : déclaration d’accessibilité, schéma pluriannuel, plan d’actions.</p></li><li><p class="default"><strong>Conseils stratégiques</strong> pour anticiper tout contrôle.</p></li></ul><p class="default">Cet accompagnement vous permet d’être <strong>conformes aujourd’hui</strong> et <strong>prêts pour demain</strong>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-169f4c32 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="169f4c32" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1e86d435 e-flex e-con-boxed e-con e-parent" data-id="1e86d435" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2beae1d3 elementor-widget elementor-widget-shortcode" data-id="2beae1d3" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/loi-accessibilite-web-france/rgaa-5/">RGAA 5 arrive : êtes‑vous prêts ?</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Les erreurs les plus fréquentes observées chez nos clients et leur impact réel</title>
		<link>https://akse.co/accessibilite-rgaa/les-erreurs-les-plus-frequentes-observees-chez-nos-clients-et-leur-impact-reel/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Tue, 05 May 2026 13:22:24 +0000</pubDate>
				<category><![CDATA[Guide]]></category>
		<guid isPermaLink="false">https://akse.co/?p=7833</guid>

					<description><![CDATA[<p>Les erreurs les plus fréquentes observées chez nos clients et leur impact réel Toutes les erreurs de conformité ne se valent pas. Certaines sont mineures ou ne permettent pas d&#8217;améliorer l&#8217;expérience des utilisateurs, tandis que d’autres empêchent littéralement un utilisateur d’accéder à l’information, de comprendre un contenu ou d’utiliser un service. Dans cet article, nous [&#8230;]</p>
<p>L’article <a href="https://akse.co/accessibilite-rgaa/les-erreurs-les-plus-frequentes-observees-chez-nos-clients-et-leur-impact-reel/">Les erreurs les plus fréquentes observées chez nos clients et leur impact réel</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7833" class="elementor elementor-7833" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-4ff2b78d e-flex e-con-boxed e-con e-parent" data-id="4ff2b78d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-70b8b828 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="70b8b828" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Les erreurs les plus fréquentes observées chez nos clients et leur impact réel</h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6aa38694 e-flex e-con-boxed e-con e-parent" data-id="6aa38694" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-3aa06ce7 politique elementor-widget elementor-widget-text-editor" data-id="3aa06ce7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Toutes les erreurs de conformité ne se valent pas. Certaines sont mineures ou ne permettent pas d&rsquo;améliorer l&rsquo;expérience des utilisateurs, tandis que d’autres empêchent littéralement un utilisateur d’accéder à l’information, de comprendre un contenu ou d’utiliser un service.</p><p>Dans cet article, nous analysons les erreurs les plus fréquentes, celles qui reviennent dans presque tous les audits et qui ont le plus d’impact sur les utilisateurs.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-c2055c elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="c2055c" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-449ba325 e-flex e-con-boxed e-con e-parent" data-id="449ba325" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-70c650b elementor-widget elementor-widget-heading" data-id="70c650b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">1. Images porteuses d’information non restituées</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-dd9c49b politique elementor-widget elementor-widget-text-editor" data-id="dd9c49b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Le problème</strong></h3><p>L’une des erreurs les plus dommageables consiste à afficher des images contenant une information essentielle sans fournir d’alternative textuelle. Pour un utilisateur aveugle ou utilisant un lecteur d’écran, l’image devient alors un trou noir : aucune information n’est transmise, même si l’image contient un bouton, un schéma, une donnée clé ou une instruction.</p><h3><strong>Exemples observés lors d&rsquo;audit :</strong></h3><ul><li>Infographies sans description.</li><li>Image lien sans alternative.</li><li>Captures d&rsquo;écran tutoriels sans description. </li><li>Carrousel d&rsquo;offres du moment sans alternative.</li></ul><h3><strong>Impact</strong></h3><p>Cette situation est particulièrement problématique lorsqu’une image remplace un texte, comme un bouton “Télécharger”, un pictogramme indiquant un statut, une infographie ou un graphique. L’utilisateur n’a alors aucun moyen de comprendre ce qui est affiché, ce qui peut bloquer totalement la navigation ou l’accès à un service.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-23e8af6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="23e8af6" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c67979e elementor-widget elementor-widget-heading" data-id="c67979e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">2. Les informations transmises uniquement par la couleur</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-29269bc politique elementor-widget elementor-widget-text-editor" data-id="29269bc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Le problème</strong></h3><p>Beaucoup d’interfaces utilisent la couleur comme unique vecteur d’information.</p><h3><strong>Exemples observés lors d&rsquo;audit :</strong></h3><ul><li>Champs en erreur d&rsquo;un formulaire uniquement contourés en rouge.</li><li>Onglet actif marqué par la couleur uniquement.</li></ul><h3><strong><br />Impact</strong></h3><p>Pour les personnes daltoniennes ou ayant une déficience visuelle, ces distinctions deviennent invisibles. L’utilisateur ne peut plus comprendre ce qui est obligatoire, ce qui est valide, ce qui est en erreur ou ce qui est sélectionné. Cette erreur est d’autant plus fréquente qu’elle semble intuitive pour les équipes design, mais elle exclut immédiatement une partie des utilisateurs.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6ebb2ea9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6ebb2ea9" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5028a16d elementor-widget elementor-widget-heading" data-id="5028a16d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">3. Les médias sans transcription textuelle</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-599e6fdf politique elementor-widget elementor-widget-text-editor" data-id="599e6fdf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Le problème</strong></h3><p>Les vidéos sans sous-titres, les podcasts sans transcription ou les tutoriels audio sans alternative textuelle privent les utilisateurs sourds ou malentendants d’un accès complet au contenu. </p><h3><strong>Exemples observés lors d&rsquo;audit :</strong></h3><ul><li>Podcast de témoignages transmis uniquement par l&rsquo;audio sans transcription textuelle. </li><li>Vidéo tutoriel avec une bande son non sous-titrée.</li></ul><h3><strong><br />Impact</strong></h3><p>Au-delà du handicap, de nombreux contextes d’usage rendent les médias inaccessibles : environnement bruyant, absence de casque, lecture en open space, connexion faible. Une transcription ou un sous-titrage ne sont pas seulement des obligations réglementaires : ce sont des outils d’inclusion et de confort pour tous.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-60773b2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="60773b2" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1845a9e elementor-widget elementor-widget-heading" data-id="1845a9e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">4. Liens non explicites ou incohérents</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-1fb8df4 politique elementor-widget elementor-widget-text-editor" data-id="1fb8df4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Le problème</strong></h3><p>Un lien doit permettre à l’utilisateur de comprendre clairement vers quelle page ou quelle action il mène. Lorsque l’intitulé est absent, l’utilisateur ne peut pas anticiper ce qui va se passer. Le problème devient encore plus critique lorsque <strong>l’intitulé accessible (celui lu par les lecteurs d’écran) est différent de l’intitulé visible</strong>.</p><h3><strong>Exemples observés lors d&rsquo;audit :</strong></h3><ul><li>Liens totalement vide d&rsquo;intitulé, n&rsquo;indiquant pas la destination à l&rsquo;utilisateur. </li><li>Liens ayant un intitulé visible (ex : Voir plus) et un intitulé différent dans le code (ex : aria-label= »Découvrir »)</li></ul><h3><strong><br />Impact</strong></h3><p>Pour les utilisateurs ayant des difficultés cognitives, un lien non explicite augmente la charge mentale et crée de l’incertitude. Pour les personnes utilisant la <strong>commande vocale</strong>, un lien dont l’intitulé visible ne correspond pas à l’intitulé accessible est tout simplement impossible à activer. L’utilisateur peut dire “Activer le lien Contact”, mais si le lien est exposé comme “Formulaire de prise de contact pour les professionnels”, la commande vocale ne le reconnaît pas.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0add8d1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="0add8d1" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d6c95b8 elementor-widget elementor-widget-heading" data-id="d6c95b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">5. Titre de page identique sur toute l’interface</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-fd6302e politique elementor-widget elementor-widget-text-editor" data-id="fd6302e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Le problème</strong></h3><p>Le titre de page est un repère essentiel. S’il est identique partout, l’utilisateur ne sait jamais où il se trouve.</p><h3><strong>Exemples observés lors d&rsquo;audit :</strong></h3><ul><li>Toutes les pages affichent “Accueil”, “Mon site” ou un titre générique défini par un template.</li></ul><h3><strong><br />Impact</strong></h3><p>La navigation devient confuse. Les utilisateurs de lecteurs d’écran perdent leur orientation et doivent explorer la page à l’aveugle pour comprendre son contenu. S&rsquo;ils enregistrent une page dans leurs favoris ou s&rsquo;ils la cherchent dans leurs favoris, ils seront alors incapables de l&rsquo;identifier.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d9c23bd elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="d9c23bd" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1a57901 elementor-widget elementor-widget-heading" data-id="1a57901" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">6. Style de focus invisible</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-621c21f politique elementor-widget elementor-widget-text-editor" data-id="621c21f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Le problème</strong></h3><p>Le focus indique où l’on se trouve lorsqu’on navigue au clavier. S’il est invisible ou supprimé, la navigation devient impossible.</p><h3><strong>Exemples observés lors d&rsquo;audit :</strong></h3><ul><li>Focus supprimé via CSS, ou contour trop léger et insuffisamment contrasté.</li></ul><h3><strong><br />Impact</strong></h3><p>Les personnes naviguant au clavier — handicap moteur, utilisateurs temporaires, personnes âgées — ne savent plus où elles sont. Elles peuvent activer le mauvais bouton ou se retrouver bloquées.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-f3cb338 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="f3cb338" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2601242 elementor-widget elementor-widget-heading" data-id="2601242" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">7. Formulaires sans étiquette</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-dfe7693 politique elementor-widget elementor-widget-text-editor" data-id="dfe7693" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Le problème</strong></h3><p>Un champ sans label est incompréhensible pour un lecteur d’écran. Le placeholder n&rsquo;est pas considéré comme une étiquette.</p><h3><strong>Exemples observés lors d&rsquo;audit :</strong></h3><ul><li>Le plus souvent, le champ de moteur de recherche dispose uniquement d&rsquo;un placeholder mais aucune étiquette accessible.</li><li>Il en est de même pour le champ unique « Email » de l&rsquo;inscription à la newsletter.</li></ul><h3><strong><br />Impact</strong></h3><p>L’utilisateur ne sait pas quoi saisir. Il peut se tromper, perdre du temps ou abandonner le formulaire — ce qui signifie perte de conversion pour vous.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-00c0568 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="00c0568" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-84bf06b elementor-widget elementor-widget-heading" data-id="84bf06b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">8. Contenus additionnels non atteignables ou non activables</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-df3eb3c politique elementor-widget elementor-widget-text-editor" data-id="df3eb3c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Le problème</strong></h3><p>Les contenus interactifs qui apparaissent au survol ou via des interactions complexes ne sont souvent pas accessibles au clavier.</p><h3><strong>Exemples observés lors d&rsquo;audit :</strong></h3><ul><li>Les onglets de menu ouverts peuvent être inaccessibles au clavier ce qui empêche l&rsquo;accès à une grande partie de l&rsquo;interface !</li></ul><h3><strong><br />Impact</strong></h3><p>L’utilisateur ne peut pas accéder à des informations essentielles ou se retrouve bloqué dans l’interface. Dans certains cas, il ne peut plus poursuivre sa navigation. On parle alors de piège au clavier.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-65141a85 e-flex e-con-boxed e-con e-parent" data-id="65141a85" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-214e2f9b elementor-widget elementor-widget-shortcode" data-id="214e2f9b" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/accessibilite-rgaa/les-erreurs-les-plus-frequentes-observees-chez-nos-clients-et-leur-impact-reel/">Les erreurs les plus fréquentes observées chez nos clients et leur impact réel</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Les questions les plus fréquentes de nos clients liées à l’accessibilité numérique</title>
		<link>https://akse.co/accessibilite-rgaa/questions-frequentes-clients-accessibilite-numerique/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Tue, 05 May 2026 12:11:32 +0000</pubDate>
				<category><![CDATA[Guide]]></category>
		<guid isPermaLink="false">https://akse.co/?p=7827</guid>

					<description><![CDATA[<p>Les questions les plus fréquentes de nos clients L’accessibilité numérique est un domaine à la fois technique, réglementaire, organisationnel et humain. Les organisations se retrouvent souvent face à une multitude de questions, parfois simples, parfois très complexes. Ce n’est pas surprenant : l’accessibilité touche à la conception, au design, au développement, aux contenus, aux outils [&#8230;]</p>
<p>L’article <a href="https://akse.co/accessibilite-rgaa/questions-frequentes-clients-accessibilite-numerique/">Les questions les plus fréquentes de nos clients liées à l’accessibilité numérique</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7827" class="elementor elementor-7827" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-fd1d310 e-flex e-con-boxed e-con e-parent" data-id="fd1d310" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-422740eb elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="422740eb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Les questions les plus fréquentes de nos clients</h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3cd6e721 e-flex e-con-boxed e-con e-parent" data-id="3cd6e721" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-44f0fc3e politique elementor-widget elementor-widget-text-editor" data-id="44f0fc3e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L’accessibilité numérique est un domaine à la fois technique, réglementaire, organisationnel et humain. Les organisations se retrouvent souvent face à une multitude de questions, parfois simples, parfois très complexes. Ce n’est pas surprenant : l’accessibilité touche à la conception, au design, au développement, aux contenus, aux outils tiers, aux obligations légales, à la gouvernance interne, et même au SEO.</p><p>Cet article rassemble les questions les plus fréquentes de nos clients lorsqu’ils souhaitent comprendre leurs obligations, améliorer leurs interfaces ou engager un audit de conformité.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-146a4d9b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="146a4d9b" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ab8dc53 e-flex e-con-boxed e-con e-parent" data-id="ab8dc53" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-37e6029f elementor-widget elementor-widget-heading" data-id="37e6029f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">1. Atteindre 100 % de conformité, est-ce possible ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-45d20f73 politique elementor-widget elementor-widget-text-editor" data-id="45d20f73" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>La question revient systématiquement, et pour cause : la conformité totale semble être l’objectif ultime. En réalité, atteindre 100 % de conformité est possible, mais rarement durable, l&rsquo;enjeu résidant dans sa maintenance à long terme.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-655b7b18 elementor-widget elementor-widget-heading" data-id="655b7b18" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Pourquoi est-ce un objectif complexe ?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-7fccbac7 politique elementor-widget elementor-widget-text-editor" data-id="7fccbac7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ul><li>Certaines non conformités sont plus complexes à implémenter que d&rsquo;autres. Contrairement à ce que l&rsquo;on peut imaginer, les correctifs purement techniques sont souvent les plus simples et rapides à mettre en place. En revanche, les non conformités liées aux contenus s&rsquo;avèrent plus laborieuses à rendre conformes. C&rsquo;est le cas des images décoratives à ignorer par les technologies d&rsquo;assistance, ou à l&rsquo;inverse des images porteuses d&rsquo;information à restituer aux personnes en situation de handicap. Certes, renseigner un attribut alt d&rsquo;une image est rapide. Mais le renseigner sur toutes les images d&rsquo;une interface peut devenir fastidieux et chronophage selon l&rsquo;historique disponible, notamment sur des sites ecommerce à travers les fiches produits ou des sections de blog avec des articles pouvant remonter à plusieurs années de publication. Ainsi le taux de 100% est davantage atteignable pour des logiciels ou SaaS, reposant principalement sur l&rsquo;intervention de développeurs. <br /><br /></li><li>Egalement, les interfaces évoluent en permanence : nouvelles pages, nouveaux contenus, nouveaux composants. C&rsquo;est la raison pour laquelle former vos développeurs et vos contributeurs est clé pour maintenir le plus haut niveau d&rsquo;accessibilité possible pour votre interface. <br /><br /></li><li><p>Les outils tiers changent sans prévenir. Vous restez responsables des outils en place dès lors que vous les financez ou avez le contrôle sur leur rendu (via CSS ou Javascript notamment). Ainsi, si ces outils évoluent avec des régressions en matière d&rsquo;accessibilité, votre note en sera directement impactée. </p></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-14a8ea3 elementor-widget elementor-widget-heading" data-id="14a8ea3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Comment faire pour obtenir et maintenir un niveau de 100% d'accessibilité ? </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-c53d99e politique elementor-widget elementor-widget-text-editor" data-id="c53d99e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ul>
 	<li><span style="text-decoration: underline;">
    <span style="color: #0000ff;">
        <a style="color: #0000ff;" href="https://akse.co/services-accessibilite-web/formation-accessibilite-numerique/">
            <span style="font-weight: 400;">Former vos équipes à l&rsquo;accessibilité numérique </span>
        </a>
    </span>
</span> afin de réduire la dette d&rsquo;accessibilité existante, et vous assurer que les futurs déploiements ne viendront pas l&rsquo;alourdir davantage.</li>
 <br>	<li>Créer une feuille de route d&rsquo;amélioration de l&rsquo;accessibilité, notamment pour les contenus administrés par les contributeurs : fiches produit, articles de blog, vidéos, PDF téléchargeables&#8230; </li>
 	 <br><li><span style="text-decoration: underline;">
    <span style="color: #0000ff;">
        <a style="color: #0000ff;" href="https://akse.co/audit-rgaa/">
            <span style="font-weight: 400;">Réaliser des audits</span>
        </a>
    </span>
</span> de contrôle réguliers afin d&rsquo;assurer une amélioration de l&rsquo;accessibilité et un contrôle des outils tiers.</li>
 	 <br><li>Sur ce dernier point, réaliser une veille des outils tiers et de leur engagement d&rsquo;accessibilité : le gestionnaire de cookies, les contenus embarqués via des <em>iframe</em>, les FAQ et chatbot externes&#8230;</li>
</ul></strong><strong>								</div>
				</div>
				<div class="elementor-element elementor-element-2a315ea4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2a315ea4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-de513c7 elementor-widget elementor-widget-heading" data-id="de513c7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">2. Peut-on rendre accessible un site déjà existant sans tout refaire ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-72a1561e politique elementor-widget elementor-widget-text-editor" data-id="72a1561e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Réponse courte : Oui. Dans la majorité des cas, il n’est pas nécessaire de refaire un site pour le rendre accessible.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1ccdabd1 elementor-widget elementor-widget-heading" data-id="1ccdabd1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les recommandations d'accessibilité proposent toujours la solution la plus simple.</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-43dc0534 politique elementor-widget elementor-widget-text-editor" data-id="43dc0534" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Un code propre et des éléments codés de manière native sont toujours à privilégier pour l&rsquo;accessibilité. Néanmoins, il est possible de mettre en place des correctifs légers permettant la compatibilité et la contrôlabilité avec les technologies d&rsquo;assistance. </p><p>Par exemple, un accordéon codé avec les balises &lt;details&gt; et &lt;summary&gt; est préférable. Mais l&rsquo;usage des motifs ARIA tels que aria-controls et aria-expanded permettront aux technologies d&rsquo;assistance d&rsquo;en comprendre la structure et l&rsquo;état (ouvert/fermé).</p><p>Ainsi, la plupart des critères des référentiels reposent sur cette logique, et, selon les framework utilisés, il sera toujours possible de rendre compatible les composants sans revoir l&rsquo;ensemble du code.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4e9c6acc elementor-widget elementor-widget-heading" data-id="4e9c6acc" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Certains critères peuvent nécessiter de la refonte partielle ou complète du HTML et du CSS.</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-400fe056 politique elementor-widget elementor-widget-text-editor" data-id="400fe056" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ul>
 	<li>Les ratio de contraste insuffisants peuvent mener à des recommandations d&rsquo;évolutions de la charte graphique et du design system en place. Cela aura pour impact de modifier les feuilles de style de l&rsquo;interface et donc son rendu visuel.</li>
 	<br><li>Certains critères visent à rendre les contenus visibles et compréhensibles sans les feuilles de style. Cela provoque, en cas de non conformité, des recommandations techniques remettant en question la structure du code établie.</li>
</ul>								</div>
				</div>
				<div class="elementor-element elementor-element-40f33f58 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="40f33f58" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1e293932 elementor-widget elementor-widget-heading" data-id="1e293932" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">3. J’ai installé un widget d’accessibilité sur mon site. Cela suffit-il ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-47cf6fd1 politique elementor-widget elementor-widget-text-editor" data-id="47cf6fd1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>La réponse est simple : <strong>non</strong>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-716c6b21 elementor-widget elementor-widget-heading" data-id="716c6b21" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Pourquoi les widgets ne suffisent pas.</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-7fb239f7 politique elementor-widget elementor-widget-text-editor" data-id="7fb239f7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Les widgets d&rsquo;accessibilité permettent d&rsquo;illustrer votre engagement sur ce sujet et apporte une aide ponctuelle pour certains utilisateurs (taille du texte, contraste). Au-delà de ces deux avantages :
<ul>
 	<li>Ils ne corrigent pas le code source. C&rsquo;est pourtant ce qui est demandé par les utilisateurs en situation de handicap et par les référentiels.</li>
 	<li>Ils ne rendent pas les composants interactifs accessibles.</li>
 	<li>Ils ne réparent pas les erreurs de structure.</li>
 	<li>Ils ne remplacent pas les alternatives textuelles.</li>
 	<li>Ils ne corrigent pas les contrastes réels.</li>
 	<li>Ils créent parfois des problèmes supplémentaires.</li>
</ul>
<br>Par exemple, si on prend la thématique des couleurs, les référentiels évoquent la nécessité d&rsquo;avoir un contraste de couleurs suffisant pour tout « mécanisme qui permet d’afficher un rapport de contraste conforme ». Il s&rsquo;agit là d&rsquo;un test supplémentaire à réaliser, élevant le risque de non conformité.								</div>
				</div>
				<div class="elementor-element elementor-element-e72145a elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="e72145a" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4282385 elementor-widget elementor-widget-heading" data-id="4282385" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">4. Mon site contient des outils externes (gestion de cookies, iframe) : peut-on les exclure de l’analyse ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-eb11ee2 politique elementor-widget elementor-widget-text-editor" data-id="eb11ee2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>C’est une question fréquente, surtout pour les sites qui utilisent :</p><ul><li><p>des gestionnaires de cookies,</p></li><li><p>des modules de réservation,</p></li><li><p>des cartes interactives,</p></li><li><p>des vidéos intégrées,</p></li><li><p>des widgets sociaux.</p></li></ul><p>En réalité, il y a de fortes chances que ces composants soient à intégrer dans l&rsquo;audit. En effet, un audit d&rsquo;accessibilité vise à mesurer l&rsquo;expérience des utilisateurs, qui peut effectivement être impactée au travers de ces composants. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-b82f42a elementor-widget elementor-widget-heading" data-id="b82f42a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Quelles exceptions ? </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-15269ed politique elementor-widget elementor-widget-text-editor" data-id="15269ed" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Les outils tiers peuvent être exclus de l&rsquo;audit seulement si de manière cumulative :
<ul>
 	<br><li>vous n&rsquo;avez aucun contrôle dessus, ni à travers le CSS, ni à travers le Javascript.</li>
 	<br><li>vous ne les financez pas.</li>
</ul>
<br>Il est de votre responsabilité de trouver des outils alternatifs accessibles ou d&rsquo;imposer la mise en accessibilité à vos fournisseurs/partenaires.								</div>
				</div>
				<div class="elementor-element elementor-element-160e0c5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="160e0c5" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-8eada4f elementor-widget elementor-widget-heading" data-id="8eada4f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">5. Après l’audit initial, comment suivre l’évolution de notre niveau de conformité ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-694441c politique elementor-widget elementor-widget-text-editor" data-id="694441c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L’audit initial n’est jamais une fin en soi : il constitue le point de départ d’un travail continu. Un site peut être conforme le jour de la publication du rapport, puis perdre rapidement ce niveau dès qu’un contenu est ajouté, qu’un composant évolue ou qu’un outil tiers est mis à jour. L’accessibilité doit donc être intégrée dans la vie du produit, au même titre que la sécurité ou la qualité logicielle.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-9d494a8 elementor-widget elementor-widget-heading" data-id="9d494a8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les attentes légales de suivi</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-456230d politique elementor-widget elementor-widget-text-editor" data-id="456230d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Sur le plan légal, la France impose un cadre clair. La <span style="text-decoration: underline;">
    <span style="color: #0000ff;">
        <a style="color: #0000ff;" href="https://akse.co/services-accessibilite-web/declaration-accessibilite/">
            <span style="font-weight: 400;">déclaration d&rsquo;accessibilité</span>
        </a>
    </span>
</span> est valide à partir de sa date de publication, mais elle doit être mise à jour dans trois cas : lorsqu’une modification substantielle ou une refonte du site est réalisée, trois ans après sa publication, ou dix-huit mois après la publication d’une nouvelle version du référentiel pour les organisations qui appliquent la méthode technique. Cette obligation montre que la conformité n’est pas un état figé : elle doit être entretenue et réévaluée régulièrement.								</div>
				</div>
				<div class="elementor-element elementor-element-1298482 elementor-widget elementor-widget-heading" data-id="1298482" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Et au-delà des attentes règlementaires ? </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-569aa61 politique elementor-widget elementor-widget-text-editor" data-id="569aa61" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le suivi de la conformité répond aussi à un enjeu interne majeur : maintenir la mobilisation des équipes<strong>.</strong> Après un audit, les équipes sont souvent motivées, car elles comprennent mieux les enjeux et voient les axes d’amélioration. Mais sans cadre de suivi, cet élan s’essouffle. Les bonnes pratiques se perdent, les nouveaux arrivants ne sont pas formés, et les arbitrages quotidiens privilégient la rapidité au détriment de l’accessibilité. Mettre en place un suivi régulier permet de conserver cette dynamique, de valoriser les progrès et de donner de la visibilité à l’effort collectif.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d1ce6e6 elementor-widget elementor-widget-heading" data-id="d1ce6e6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Concrètement, comment faire ? </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-913fb01 politique elementor-widget elementor-widget-text-editor" data-id="913fb01" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Le suivi repose sur plusieurs pratiques complémentaires :
<ul>
 	<li>Des <span style="text-decoration: underline;">
    <span style="color: #0000ff;">
        <a style="color: #0000ff;" href="https://akse.co/audit-rgaa/">
            <span style="font-weight: 400;">audit</span>
        </a>
    </span>
</span> de régression doivent être réalisés après chaque évolution importante pour vérifier que les corrections n’ont pas introduit de nouveaux problèmes.</li>
 	<br><li>Des tests automatisés peuvent être intégrés dans la chaîne de développement pour détecter rapidement certaines erreurs récurrentes, même s’ils ne remplacent jamais les tests manuels.</li>
 	<br><li>Des <span style="text-decoration: underline;">
    <span style="color: #0000ff;">
        <a style="color: #0000ff;" href="https://akse.co/services-accessibilite-web/accompagnement-technique-accessibilite-numerique/">
            <span style="font-weight: 400;">tests manuels</span>
        </a>
    </span>
</span>, au travers d&rsquo;audits de contrôle peuvent être réalisés de manière régulière pour mettre à jour le score d&rsquo;accessibilité et la feuille de route pour les équipes opérationnelles.</li>
 	<br><li>Une gouvernance éditoriale solide est également indispensable : les contenus doivent être relus, les contributeurs formés, et les modèles de pages mis à jour pour intégrer les bonnes pratiques.</li>
 	<br><li>Enfin, un design system accessible, maintenu et documenté, permet d’éviter les régressions et d’assurer une cohérence dans l’expérience utilisateur.</li>
</ul>								</div>
				</div>
				<div class="elementor-element elementor-element-5a7d7d8 elementor-widget elementor-widget-heading" data-id="5a7d7d8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Un outil pour gérer les projets d'accessibilité numérique</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-0f04ebc politique elementor-widget elementor-widget-text-editor" data-id="0f04ebc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Notre équipe a travaillé en concertation avec ses clients afin de développer une plateforme idéale pour gérer tous vos chantiers d&rsquo;accessibilité. Une interface intuitive qui permet de collaborer avec les développeurs, les auditeurs et les chargés de projets. Une mise à jour du score dynamique et une mise en production des tickets de correctifs facilité.

Avec <span style="text-decoration: underline;">
    <span style="color: #0000ff;">
        <a style="color: #0000ff;" href="https://akse.co/akse-team-plateforme-de-gestion-de-laccessibilite-numerique">
            <span style="font-weight: 400;">Aksé Team</span>
        </a>
    </span>
</span>, les audits se transforment en feuille de route opérationnelle, et vos interfaces progressent rapidement vers plus d&rsquo;accessibilité.								</div>
				</div>
				<div class="elementor-element elementor-element-e90fc7b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="e90fc7b" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-807a112 elementor-widget elementor-widget-heading" data-id="807a112" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">6. Est-ce que la mise en conformité va servir mon SEO ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4e4f005 politique elementor-widget elementor-widget-text-editor" data-id="4e4f005" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L’accessibilité numérique et le SEO partagent un objectif commun : rendre les contenus plus compréhensibles, mieux structurés et plus facilement interprétables par des systèmes automatisés. Dans la majorité des cas, améliorer l’accessibilité améliore aussi le référencement naturel. Une structure HTML propre, des titres hiérarchisés, des liens explicites, des alternatives textuelles pertinentes ou encore des contenus multimédias correctement décrits sont autant d’éléments qui renforcent la compréhension de la page par les moteurs de recherche. Google valorise les pages bien structurées, cohérentes et lisibles, ce qui correspond exactement aux bonnes pratiques d’accessibilité.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1a85dac elementor-widget elementor-widget-heading" data-id="1a85dac" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Cas particulier : la gestion des images</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-92ddd73 politique elementor-widget elementor-widget-text-editor" data-id="92ddd73" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Pour les images, l’accessibilité impose que seules les images porteuses d’information aient un texte alternatif. Les images décoratives doivent être ignorées par les technologies d’assistance. Le SEO, lui, encourage à renseigner un attribut <code>alt</code> pour enrichir le contenu indexable. Cette apparente contradiction peut être résolue grâce à l’usage d’ARIA. Une image décorative peut conserver un <code>alt</code> utile pour le SEO tout en étant masquée aux lecteurs d’écran via <code>aria-hidden="true"</code>. Le moteur de recherche lit le DOM, pas l’arbre d’accessibilité, ce qui permet de satisfaire les deux exigences sans compromettre l’expérience utilisateur.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-a364262 elementor-widget elementor-widget-heading" data-id="a364262" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Cas particulier : la structure des titres</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-8b20b64 politique elementor-widget elementor-widget-text-editor" data-id="8b20b64" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le second point de friction concerne les titres. Le SEO recommande une hiérarchie stricte en H1, H2, H3, etc., tandis que certaines interfaces complexes nécessitent des niveaux de titres qui ne correspondent pas à la structure visuelle ou au design. Là encore, ARIA offre une solution élégante. Il est possible d’utiliser <code>role="heading"</code> et <code>aria-level</code> pour créer des titres accessibles sans perturber la structure HTML attendue par les moteurs de recherche. Cela permet de conserver une hiérarchie SEO optimale tout en offrant une navigation cohérente aux utilisateurs de lecteurs d’écran.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-2799205a e-flex e-con-boxed e-con e-parent" data-id="2799205a" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-39546e89 elementor-widget elementor-widget-shortcode" data-id="39546e89" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/accessibilite-rgaa/questions-frequentes-clients-accessibilite-numerique/">Les questions les plus fréquentes de nos clients liées à l’accessibilité numérique</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Quelles différences entre l&#8217;audit d’accessibilité d&#8217;une application mobile et celui d&#8217;un site web ?</title>
		<link>https://akse.co/accessibilite-rgaa/differences-audit-app-mobile-site-web/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Tue, 17 Mar 2026 03:11:46 +0000</pubDate>
				<category><![CDATA[Guide]]></category>
		<guid isPermaLink="false">https://akse.co/?p=7759</guid>

					<description><![CDATA[<p>Quelles différences entre l&#8217;audit d’accessibilité d&#8217;une application mobile et celui d&#8217;un site web ? À l’heure où le smartphone est devenu le premier écran des Français, l’accessibilité numérique des applications mobiles n’est plus une option de confort, mais un impératif stratégique et légal. Pourtant, une erreur persiste souvent dans l’esprit des décideurs : imaginer qu’un [&#8230;]</p>
<p>L’article <a href="https://akse.co/accessibilite-rgaa/differences-audit-app-mobile-site-web/">Quelles différences entre l&rsquo;audit d’accessibilité d&rsquo;une application mobile et celui d&rsquo;un site web ?</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7759" class="elementor elementor-7759" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-aa9a047 e-flex e-con-boxed e-con e-parent" data-id="aa9a047" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-11ecb15d elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="11ecb15d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Quelles différences entre l'audit d’accessibilité d'une application mobile et celui d'un site web ?</h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-46555273 e-flex e-con-boxed e-con e-parent" data-id="46555273" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2ff6fd22 politique elementor-widget elementor-widget-text-editor" data-id="2ff6fd22" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">À l’heure où le smartphone est devenu le premier écran des Français, l’accessibilité numérique des applications mobiles n’est plus une option de confort, mais un impératif stratégique et légal. Pourtant, une erreur persiste souvent dans l’esprit des décideurs : imaginer qu’un audit mobile n’est qu’une simple déclinaison d’un audit de site web. En réalité, entre le Web et le Natif (iOS/Android), les référentiels, les technologies d&rsquo;assistance et les méthodologies de test sont bien différents.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-6f64244c elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6f64244c" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-199ec45d e-flex e-con-boxed e-con e-parent" data-id="199ec45d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2262c6b elementor-widget elementor-widget-heading" data-id="2262c6b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Rappel du cadre légal : votre application mobile est-elle concernée par les obligations d’accessibilité numérique ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-47222dbf politique elementor-widget elementor-widget-text-editor" data-id="47222dbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">L’entrée en vigueur de l’European Accessibility Act (EAA), transposé en France, a marqué un tournant important dans les derniers mois pour les entreprises éditrices d’applications mobiles. Si le secteur public était déjà sous surveillance, le secteur privé est désormais en première ligne.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-291ebff1 elementor-widget elementor-widget-heading" data-id="291ebff1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les entreprises privées concernées par les obligations d’accessibilité numérique de leurs applications mobiles
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-6c0743bf politique elementor-widget elementor-widget-text-editor" data-id="6c0743bf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Les applications mobiles sont tout aussi concernées par les différents textes de loi relatifs à l’accessibilité numérique en cours que les sites internet. Ceci-dit, le périmètre d&rsquo;application s&rsquo;est considérablement élargi depuis quelques mois. À l’échelle nationale, sont visés depuis 2019 les organismes publics et organismes délégataires de service public, ainsi que entreprises dépassant 250 millions d&rsquo;euros de chiffre d&rsquo;affaires annuel. Mais depuis le 28 juin 2025, les entreprises privées de certains secteurs clés, réalisant plus de 2 millions d’euros de chiffres d’affaires ou ayant 10 salariés et plus sont aussi concernées, cette fois au regard d’une réglementation européenne. Cela inclut les services bancaires, les services de transport, les plateformes de e-commerce et les services audiovisuels. Pour ces acteurs, l&rsquo;accessibilité doit être garantie dès la conception de l&rsquo;interface mobile.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-cd9ba70 elementor-widget elementor-widget-heading" data-id="cd9ba70" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Quels risques pour les applications mobiles non accessibles ?
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-1a53560 politique elementor-widget elementor-widget-text-editor" data-id="1a53560" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Les sanctions sont multiples pour les entreprises concernées. </span></p><ul><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">On parle d&rsquo;une sanction de 25 000 € par application mobile, renouvelable tous les six mois, pour défaut d&rsquo;affichage du taux d&rsquo;accessibilité.</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Les entreprises non conformes risquent des amendes pouvant aller de 7 500 euros à une astreinte de 3 000 euros par jour, ne pouvant dépasser 300 000 euros, pour une mise en conformité de leurs obligations.</span></li></ul><p><span style="font-weight: 400;">Les autres risques financiers sont aussi liés aux frais juridiques qui peuvent découler de plaintes des utilisateurs. À titre d’exemple, les procès pour défaut d&rsquo;accessibilité aux États-Unis se multiplient, et on parle parfois de plusieurs millions de dollars de frais engendrés à cause de ces situations pour les entreprises. En France, le recours à la justice vient à peine de commencer, mais  on peut déjà voir des grands noms de l&rsquo;industrie agro-alimentaire passer devant les tribunaux, notamment Carrefour, Picard, Auchan et Leclerc. Les frais d&rsquo;avocats, de relations presse, de communication vont grossir à mesure que ces procès s&rsquo;étalent dans le temps. Bref, se conformer à l&rsquo;accessibilité, c&rsquo;est avant tout prendre des dispositions pour éviter des dépenses inutiles en frais juridiques.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-2f2b96f5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2f2b96f5" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1242a6e7 elementor-widget elementor-widget-heading" data-id="1242a6e7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Comment réalise-t-on un audit d’accessibilité d'application mobile ?
</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4415a374 politique elementor-widget elementor-widget-text-editor" data-id="4415a374" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Pour structurer un audit d’accessibilité, différents référentiels existent et s&rsquo;adaptent en fonction du cadre juridique et technique imposé. Si le site internet dispose du RGAA (Référentiel Général d&rsquo;Amélioration de l&rsquo;Accessibilité) ou bien du RAWeb, les applications mobiles, elles, s&rsquo;appuient sur le référentiel RAAM 1.1 (Référentiel d&rsquo;Évaluation de l&rsquo;Accessibilité des Applications Mobiles). </span></p><p><span style="font-weight: 400;">En effet, le RGAA n&rsquo;était pas complètement adapté aux spécificités des applications mobiles.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-72060eb elementor-widget elementor-widget-heading" data-id="72060eb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Différences méthodologiques entre un audit RGAA de site internet et un audit RAAM d’application mobile
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-1557a959 politique elementor-widget elementor-widget-text-editor" data-id="1557a959" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Le RGAA pour le web s&rsquo;appuie majoritairement sur l&rsquo;inspection du code source HTML et la validité de sa structure (le DOM). Il traque la validité du code, la hiérarchie des balises de titres (</span><span style="font-weight: 400;">&lt;h1&gt;</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">&lt;h2&gt;</span><span style="font-weight: 400;">) ou encore la pertinence des attributs ARIA. À l&rsquo;inverse, l&rsquo;audit mobile via le RAAM 1.1 se concentre sur l&rsquo;Arbre d&rsquo;Accessibilité généré par le système d&rsquo;exploitation (iOS ou Android).</span></p><p><span style="font-weight: 400;">L&rsquo;auditeur ne vérifie pas des balises, mais s&rsquo;assure que les composants de l&rsquo;interface communiquent les bonnes informations aux API d&rsquo;accessibilité de l&rsquo;OS. Cela inclut :</span></p><ul><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Les Rôles : Un élément est-il identifié comme un bouton, un en-tête ou un champ de saisie ?</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Les États : L&rsquo;API reçoit-elle l&rsquo;information qu&rsquo;une case est « cochée » ou qu&rsquo;un élément est « désactivé » ?</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">La Hiérarchie : La structure logique des informations est-elle préservée lors de la transmission aux lecteurs d&rsquo;écran ?</span></li></ul><p><span style="font-weight: 400;">Le RAAM 1.1 fait ainsi le pont entre le code de développement (Swift, Kotlin, React Native, etc.) et la restitution finale par le système, garantissant une couche d&rsquo;abstraction robuste quel que soit le framework utilisé.</span></p><p><span style="font-weight: 400;">Le RAAM 1.1 ne se contente pas de traduire les critères du Web pour le mobile. Il est conçu pour auditer la manière dont une application dialogue avec le système d&rsquo;exploitation. Là où le RGAA analyse principalement la structure sémantique d&rsquo;une page HTML, le RAAM analyse les interactions réelles que l’utilisateur a avec les éléments.</span></p><p><span style="font-weight: 400;">Cette approche est cruciale : elle permet de vérifier que chaque interaction (un balayage, un clic, un appui long) est correctement interprétée par les services d&rsquo;accessibilité natifs. Le RAAM 1.1 devient ainsi le garant d&rsquo;une expérience fluide, en s&rsquo;assurant que les développeurs utilisent correctement les propriétés d&rsquo;accessibilité (traits, rôles et états) fournies par Apple et Google, tout en traitant des problématiques purement mobiles comme la gestion des capteurs de mouvement ou l&rsquo;adaptation aux changements d&rsquo;orientation de l&rsquo;écran.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-a5d4783 elementor-widget elementor-widget-heading" data-id="a5d4783" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Exemples de critères spécifiques au RAAM 1.1 pour tester l’accessibilité des applications mobiles
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-4c6632e politique elementor-widget elementor-widget-text-editor" data-id="4c6632e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">La version 1.1 du RAAM est particulièrement pertinente car elle traite des problématiques spécifiques au matériel mobile. Elle introduit des critères critiques que l&rsquo;on ne retrouve pas sur le web classique :</span></p><ul><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">La gestion des capteurs : Une fonctionnalité ne doit pas dépendre uniquement d&rsquo;un mouvement de l&rsquo;appareil (secouer pour annuler) sans alternative.</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">L&rsquo;orientation : L&rsquo;application ne doit pas bloquer l&rsquo;utilisateur en mode portrait si celui-ci a fixé son téléphone sur un support de fauteuil roulant en mode paysage.</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Les gestes complexes : Toute action effectuée par un geste multipoints ou basé sur un tracé (swipe, pinch-to-zoom) doit pouvoir être réalisée par un geste simple (clic).</span></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-f755f4f elementor-widget elementor-widget-heading" data-id="f755f4f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Tester l’accessibilité d’une application mobile : un travail minutieux réalisé par l’auditeur expérimenté</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-796de23 politique elementor-widget elementor-widget-text-editor" data-id="796de23" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">L&rsquo;audit d&rsquo;une application mobile est une démarche beaucoup plus comportementale que celui d’un site internet. L’auditeur doit impérativement utiliser les technologies d&rsquo;assistance natives : TalkBack sur Android et VoiceOver sur iOS. Pour certains tests, il activera également la commande vocale.</span></p><p><span style="font-weight: 400;">Il effectuera également des tests au clavier physique. Bien que cela puisse paraître contre-intuitif pour un appareil mobile, de nombreux utilisateurs en situation de handicap moteur utilisent des contacteurs ou des claviers Bluetooth. L&rsquo;audit doit notamment garantir qu&rsquo;un « focus » visuel (un cadre entourant l&rsquo;élément sélectionné) parcourt l&rsquo;application de manière fluide.</span></p><p><span style="font-weight: 400;">Les recommandations de correctif apportées par l&rsquo;auditeur devront renvoyer vers la documentation spécifique du langage utilisé pour développer l&rsquo;application. Contrairement aux solutions apportées pour améliorer l&rsquo;accessibilité d&rsquo;un site Internet, il est parfois plus difficile de proposer une solution unique pour une application mobile. Rendre une application mobile accessible est donc un travail de coordination assidue entre les développeurs, l&rsquo;auditeur, les designers et les chargés de projets, afin de trouver la meilleure solution possible au problème rencontré. C&rsquo;est pourquoi il est impératif de prendre en compte l&rsquo;accessibilité dès la phase de conception d&rsquo;une nouvelle application mobile.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-7f7a6b34 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="7f7a6b34" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6b39c79b elementor-widget elementor-widget-heading" data-id="6b39c79b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Rendre son application mobile accessible : par où commencer ?
</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-65f0285d elementor-widget elementor-widget-heading" data-id="65f0285d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Étape 1 : réalisez un audit d’accessibilité numérique approfondi sur votre application
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-7f54e5d3 politique elementor-widget elementor-widget-text-editor" data-id="7f54e5d3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Pour détecter l&rsquo;ensemble des erreurs qui vont impacter l&rsquo;accessibilité numérique de votre application mobile, il est impératif de réaliser un audit en bonne et due forme. L&rsquo;auditeur doit être en mesure de maîtriser les technologies d&rsquo;assistance natives des différents systèmes d&rsquo;exploitation, comme Talkbacks et Voice Over. Il doit maîtriser le référentiel RGAA 1.1 sur le bout des doigts afin de réaliser les tests correctement. En effet, certains critères nécessitent de réaliser plusieurs tests afin de les valider. Pour cela, vous pouvez évidemment <a style="color: #0000ff;" href="https://akse.co/services-accessibilite-web/formation-accessibilite-numerique/"><u>vous former</u></a> ou bien faire appel à des experts en <a style="color: #0000ff;" href="https://akse.co/services-accessibilite-web/audit-accessibilite-numerique/audit-application-mobile/"><u>audit d’applications mobiles</u></a>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-9cc58a6 elementor-widget elementor-widget-heading" data-id="9cc58a6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Étape 2 : Rassemblez les solutions techniques en fonction du framework de développement utilisé
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-74418dc politique elementor-widget elementor-widget-text-editor" data-id="74418dc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Il n’existe pas de solution universelle aux obstacles d’accessibilité rencontrés sur mobile : la réponse réside désormais souvent dans les composants natifs du framework de développement utilisé. Aujourd&rsquo;hui, les environnements les plus récents intègrent l&rsquo;accessibilité au cœur de leur logique, offrant des outils puissants pour traduire les intentions de design en informations compréhensibles par le système.</span></p><p><span style="font-weight: 400;">Par exemple, pour rendre une image décorative « invisible » aux lecteurs d&rsquo;écran :</span></p><ul><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Sous iOS (SwiftUI), le développeur utilisera la propriété </span><span style="font-weight: 400;">.accessibilityHidden(true)</span><span style="font-weight: 400;">.</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Sous Android (Jetpack Compose), il renseignera </span><span style="font-weight: 400;">contentDescription = null</span><span style="font-weight: 400;"> au sein du composant.</span></li></ul><p><span style="font-weight: 400;">De même, la gestion de la hiérarchie des titres diffère selon la technologie :</span></p><ul><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">En développement natif Android, on utilise la propriété </span><span style="font-weight: 400;">accessibilityHeading</span><span style="font-weight: 400;"> pour marquer un texte comme titre.</span></li><li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Dans des frameworks cross-platform comme React Native, on passera par la propriété </span><span style="font-weight: 400;">accessibilityRole= »header »</span><span style="font-weight: 400;">.</span></li></ul><p><span style="font-weight: 400;">Ces ressources étendues permettent de ne plus « bricoler » l&rsquo;accessibilité, mais de l&rsquo;intégrer nativement. Cette spécificité technique impose une coordination assidue entre l’auditeur, qui identifie l&rsquo;écart de conformité, et les développeurs, qui doivent puiser dans la documentation propre à leur langage pour implémenter la correction la plus fluide possible. »</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9f22509 elementor-widget elementor-widget-heading" data-id="9f22509" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Étape 3 : Testez les correctifs ou faites réaliser un audit de contrôle sur votre application mobile
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-12628c9 politique elementor-widget elementor-widget-text-editor" data-id="12628c9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Une fois les recommandations de l&rsquo;auditeur implémentées, l&rsquo;étape du contrôle est cruciale pour valider la conformité réelle de l&rsquo;application. Contrairement au Web, où une modification est instantanément visible, le cycle de déploiement mobile impose une rigueur supplémentaire : chaque correctif doit être testé en conditions réelles avant la soumission sur l&rsquo;App Store ou le Google Play Store.</span></p><p><span style="font-weight: 400;">Ce contre-audit permet de vérifier qu&rsquo;une correction n&rsquo;a pas engendré d&rsquo;effets de bord, comme une rupture dans l&rsquo;ordre de tabulation au clavier ou un conflit de focus entre deux composants natifs. Pour les équipes de développement, c&rsquo;est aussi l&rsquo;occasion de monter en compétences en confrontant leur code aux retours d&rsquo;usage des lecteurs d&rsquo;écran, de la commande vocale ou de la navigation clavier. </span></p><p><span style="font-weight: 400;">En somme, l&rsquo;audit d&rsquo;une application mobile ne peut se réduire à une simple case à cocher ou à une transposition des méthodes du Web. Entre la rigueur méthodologique du RAAM 1.1 et la maîtrise des API natives d&rsquo;Apple et Google, l&rsquo;accessibilité mobile est une spécialité à part entière qui exige une synergie étroite entre auditeurs et développeurs.</span></p><p><span style="font-weight: 400;">Au-delà de la mise en conformité avec l&rsquo;European Accessibility Act, entamer cette démarche est une opportunité de parfaire l&rsquo;expérience utilisateur (UX) globale. Une application accessible est, par définition, une application mieux conçue, plus robuste et capable de servir tous vos clients, sans distinction. </span></p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-547a1d87 e-flex e-con-boxed e-con e-parent" data-id="547a1d87" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-77f022c2 elementor-widget elementor-widget-shortcode" data-id="77f022c2" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/accessibilite-rgaa/differences-audit-app-mobile-site-web/">Quelles différences entre l&rsquo;audit d’accessibilité d&rsquo;une application mobile et celui d&rsquo;un site web ?</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Obligation de rendre vos PDF accessibles : par où commencer ? </title>
		<link>https://akse.co/accessibilite-rgaa/obligation-pdf-accessible/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Tue, 17 Mar 2026 03:00:22 +0000</pubDate>
				<category><![CDATA[Guide]]></category>
		<guid isPermaLink="false">https://akse.co/?p=7753</guid>

					<description><![CDATA[<p>Obligation de rendre vos PDF accessibles : par où commencer ? Dans l&#8217;écosystème de l&#8217;accessibilité numérique, le format PDF (Portable Document Format) occupe une place paradoxale. Bien qu&#8217;omniprésent pour le partage de rapports, de factures ou de formulaires, il est souvent un grand vecteur d&#8217;exclusion. Car oui, un site web accessible mais qui héberge des [&#8230;]</p>
<p>L’article <a href="https://akse.co/accessibilite-rgaa/obligation-pdf-accessible/">Obligation de rendre vos PDF accessibles : par où commencer ? </a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7753" class="elementor elementor-7753" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-4a4e0d02 e-flex e-con-boxed e-con e-parent" data-id="4a4e0d02" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-411a2d30 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="411a2d30" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Obligation de rendre vos PDF accessibles : par où commencer ? </h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-70dbbd3 e-flex e-con-boxed e-con e-parent" data-id="70dbbd3" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-474b8cfe politique elementor-widget elementor-widget-text-editor" data-id="474b8cfe" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Dans l&rsquo;écosystème de l&rsquo;accessibilité numérique, le format PDF (Portable Document Format) occupe une place paradoxale. Bien qu&rsquo;omniprésent pour le partage de rapports, de factures ou de formulaires, il est souvent un grand vecteur d&rsquo;exclusion. Car oui, un site web accessible mais qui héberge des PDF inaccessibles rompt la chaîne d&rsquo;accessibilité. Pour qu&rsquo;un PDF soit réellement inclusif, il ne doit pas seulement être « lisible » ; il doit être interopérable avec les technologies d&rsquo;assistance en respectant la norme PDF/UA-1 (ISO 14289-1).</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-1f20bf1c elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1f20bf1c" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4c605d2d e-flex e-con-boxed e-con e-parent" data-id="4c605d2d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-3e5f978a elementor-widget elementor-widget-heading" data-id="3e5f978a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi l’accessibilité des PDF est incontournable dans le paysage numérique actuel ?
</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-229211b4 politique elementor-widget elementor-widget-text-editor" data-id="229211b4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Les situations suivantes vous démontrent que l’inaccessibilité d’un document PDF peut créer de réelles discriminations en privant les citoyens de l&rsquo;accès aux services essentiels de manière indépendante et sécurisée.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-2b4266fb elementor-widget elementor-widget-heading" data-id="2b4266fb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Exemple de frustrations rencontrées lors de la souscription à un service bancaire</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-44bce62f politique elementor-widget elementor-widget-text-editor" data-id="44bce62f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Pour un utilisateur en situation de handicap, un PDF non conforme est bien plus qu&rsquo;un simple inconfort de lecture : c&rsquo;est une mise en échec de son autonomie quotidienne. Imaginons une personne non-voyante souhaitant souscrire à un service bancaire en ligne. Si le formulaire de demande de prêt ou d&rsquo;ouverture de compte n&rsquo;est pas balisé, son lecteur d&rsquo;écran restera muet ou annoncera de manière répétitive « Champ de texte », sans préciser s&rsquo;il s&rsquo;agit du nom, du code IBAN ou du montant des revenus. L&rsquo;utilisateur se retrouve alors dans l&rsquo;obligation de divulguer ses informations financières privées à un tiers pour obtenir de l&rsquo;aide, brisant ainsi la confidentialité de ses données.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-7a3d96a elementor-widget elementor-widget-heading" data-id="7a3d96a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Exemple de frustrations rencontrées lors de la souscription à un contrat d’assurance
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-4afc061 politique elementor-widget elementor-widget-text-editor" data-id="4afc061" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">De même, dans le cas d&rsquo;un contrat d&rsquo;assurance complexe, l&rsquo;absence de balises de titres force l&rsquo;utilisateur à écouter l&rsquo;intégralité des 20 pages de conditions générales pour trouver une clause spécifique, là où un utilisateur valide peut scanner le document du regard en quelques secondes. Pour une personne ayant un handicap moteur et utilisant un contacteur unique pour naviguer, un ordre de tabulation erratique dans un formulaire devient un véritable labyrinthe physique : si le focus saute de la signature à la date, puis revient au milieu du document, l&rsquo;effort requis pour corriger une simple erreur peut devenir si épuisant que l&rsquo;utilisateur abandonne sa démarche. </span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-47c963c elementor-widget elementor-widget-heading" data-id="47c963c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Exemple de frustrations rencontrées lors de l’inscription à un examen
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-1d6bf39 politique elementor-widget elementor-widget-text-editor" data-id="1d6bf39" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Prenons l&rsquo;exemple d&rsquo;un d&rsquo;un étudiant qui souhaite s&rsquo;inscrire ou participer à un examen : si le formulaire d&rsquo;inscription ou le questionnaire de validation d&rsquo;acquis n&rsquo;est pas accessible, l&rsquo;apprenant se retrouve dans l&rsquo;incapacité de démontrer ses compétences de manière autonome. Ce n&rsquo;est plus seulement un problème de lecture, c&rsquo;est une entrave directe à l&rsquo;ascension sociale et au droit à l&rsquo;éducation, où le format du document devient le seul responsable de l&rsquo;échec, indépendamment des capacités intellectuelles de l&rsquo;étudiant.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-7fdb0b73 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="7fdb0b73" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-da9f01a elementor-widget elementor-widget-heading" data-id="da9f01a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Exemples de critères de conformité PDF/UA
</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-58010b46 politique elementor-widget elementor-widget-text-editor" data-id="58010b46" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">La confusion majeure réside dans la croyance qu&rsquo;un texte sélectionnable est un texte accessible. Or, pour un utilisateur de lecteur d&rsquo;écran (VoiceOver, NVDA, JAWS), la couche visuelle n&rsquo;existe pas. L&rsquo;outil s&rsquo;appuie exclusivement sur la couche de balisage (Tags). Sans balises, un PDF est une « coquille vide » : le lecteur d&rsquo;écran traitera le document comme une simple image ou une suite de caractères sans lien logique. Un PDF accessible est donc un document sémantiquement enrichi qui permet à la machine de comprendre l&rsquo;intention de l&rsquo;auteur.</span></p><p><span style="font-weight: 400;">Pour atteindre une conformité rigoureuse, un PDF doit valider une série de critères techniques précis. </span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-9b9670d elementor-widget elementor-widget-heading" data-id="9b9670d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les balises de titres</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-1ed8488 politique elementor-widget elementor-widget-text-editor" data-id="1ed8488" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Le premier pilier est la sémantique des balises (Tagging). Chaque élément visuel doit correspondre à une balise standardisée. Par exemple, les titres (de </span><span style="font-weight: 400;">&lt;H1&gt;</span><span style="font-weight: 400;"> à </span><span style="font-weight: 400;">&lt;H6&gt;</span><span style="font-weight: 400;">) ne doivent pas être définis par leur apparence, comme le gras ou une grande taille, mais par leur rôle structurel. Un PDF accessible respecte une hiérarchie stricte pour permettre la navigation rapide via le plan du document. </span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-e00e3f0 elementor-widget elementor-widget-heading" data-id="e00e3f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les listes
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-9b047b3 politique elementor-widget elementor-widget-text-editor" data-id="9b047b3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">De même, une liste à puces ne doit pas être une suite de tirets saisis manuellement, elle doit être encapsulée dans une structure de liste</span><span style="font-weight: 400;"> pour que le lecteur d’écran annonce correctement le nombre d&rsquo;éléments à venir.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-be48397 elementor-widget elementor-widget-heading" data-id="be48397" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">L’ordre de lecture
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-bdf8a68 politique elementor-widget elementor-widget-text-editor" data-id="bdf8a68" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Un autre point critique concerne l&rsquo;ordre de lecture. L&rsquo;ordre dans lequel les éléments apparaissent dans l&rsquo;arbre des balises doit correspondre à l&rsquo;ordre logique de lecture, indépendamment de leur position sur la page. Dans une mise en page complexe avec des encadrés latéraux, si le balisage est mal conçu, le lecteur d&rsquo;écran pourrait lire le texte principal, puis l&rsquo;encadré au beau milieu d&rsquo;une phrase, rendant le propos totalement incohérent.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-d44110f elementor-widget elementor-widget-heading" data-id="d44110f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les alternatives textuelles
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-e9917fb politique elementor-widget elementor-widget-text-editor" data-id="e9917fb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Viennent ensuite les alternatives textuelles et la gestion des éléments décoratifs. Le document doit impérativement distinguer le contenu informatif du contenu esthétique. Pour une image informative, comme une courbe de croissance, l&rsquo;auteur doit renseigner un texte de remplacement (</span><span style="font-weight: 400;">Alt text</span><span style="font-weight: 400;">) synthétisant la donnée (ex: « Graphique montrant une progression de 10% du CA entre 2024 et 2025 »). À l&rsquo;inverse, les éléments purement visuels tels que les filets de séparation ou les formes géométriques de fond doivent être marqués comme « Artifacts ». Cela indique au lecteur d&rsquo;écran de les ignorer totalement pour ne pas polluer l&rsquo;expérience auditive.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-b6c27c6 elementor-widget elementor-widget-heading" data-id="b6c27c6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les tableaux
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-7d2c090 politique elementor-widget elementor-widget-text-editor" data-id="7d2c090" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">La gestion des tableaux constitue souvent un point de rupture. Un tableau accessible n&rsquo;est pas une simple grille. Les en-têtes doivent être explicitement définis pour chaque colonne ou ligne. Sans cela, un utilisateur malvoyant entendra une suite de chiffres sans savoir à quel intitulé ils se rapportent. </span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-51f517a elementor-widget elementor-widget-heading" data-id="51f517a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les formulaires
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-6a04bb5 politique elementor-widget elementor-widget-text-editor" data-id="6a04bb5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Enfin, les formulaires doivent être particulièrement soignés : chaque champ doit posséder une étiquette claire. Car lorsqu&rsquo;un utilisateur non-voyant atteint un champ avec la touche Tabulation, le lecteur d&rsquo;écran ne lit pas forcément le texte situé à côté du champ sur la page, mais le contenu de l&rsquo;infobulle (Tooltip) défini dans les propriétés du formulaire. De plus, si un champ est obligatoire, l&rsquo;information doit être indiquée dans les propriétés du champ pour que le lecteur d&rsquo;écran annonce « obligatoire » en arrivant dessus.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-b05b29f elementor-widget elementor-widget-heading" data-id="b05b29f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les métadonnées et paramètres techniques du fichier
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-e2c5ad8 politique elementor-widget elementor-widget-text-editor" data-id="e2c5ad8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Un PDF accessible doit également fournir des informations de contexte indispensables au système d&rsquo;exploitation. Le titre du document dans les métadonnées est primordial : il ne s&rsquo;agit pas du nom du fichier informatique (comme </span><span style="font-weight: 400;">rapport_v2.pdf</span><span style="font-weight: 400;">), mais du titre réel (ex: « Rapport d&rsquo;activité 2025 ») qui sera la première information lue par l&rsquo;assistance vocale. La langue du document doit aussi être déclarée (ex: </span><span style="font-weight: 400;">fr-FR</span><span style="font-weight: 400;">) pour que le lecteur d&rsquo;écran utilise la bonne synthèse vocale. Sans ce paramètre, un texte français pourrait être lu avec un accent étranger, le rendant inaudible. Enfin, l&rsquo;incorporation totale des polices de caractères garantit que chaque glyphe sera correctement interprété par les logiciels tiers.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-432d6f6f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="432d6f6f" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-22b32161 elementor-widget elementor-widget-heading" data-id="22b32161" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Méthodologie : comment garantir la conformité ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-28d113af elementor-widget elementor-widget-heading" data-id="28d113af" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Étape 1 : Anticiper l'accessibilité du document dès la phase de conception
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-3b3ab89b politique elementor-widget elementor-widget-text-editor" data-id="3b3ab89b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">L&rsquo;accessibilité ne s&rsquo;ajoute pas en fin de chaîne, elle s&rsquo;anticipe dès la création du document source. Dans InDesign ou Word, il est essentiel d&rsquo;utiliser exclusivement les feuilles de styles, de définir les ancrages d&rsquo;images et de renseigner les textes alternatifs avant même l&rsquo;exportation. Lors de la génération du fichier, il faut privilégier les fonctions d&rsquo;exportation native en veillant à activer l&rsquo;option « Créer un PDF balisé ».</span></p><p>N&rsquo;hésitez pas à suivre <a style="color: #0000ff;" href="https://akse.co/services-accessibilite-web/formation-accessibilite-numerique/creer-des-documents-pdf-accessibles-via-indesign/"><u>notre formation sur la conception de documents bureautiques et de PDF accessibles</u></a>. <a style="color: #0000ff;" href="https://akse.co/demande-devis/"><u>Contactez-nous</u></a> pour en savoir plus.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7b5011e elementor-widget elementor-widget-heading" data-id="7b5011e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Étape 2 : Réaliser un audit du PDF final</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-2e860f8 politique elementor-widget elementor-widget-text-editor" data-id="2e860f8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Une fois le PDF généré, le contrôle qualité s&rsquo;effectue en trois étapes. D&rsquo;abord, l&rsquo;utilisation du PAC (PDF Accessibility Checker), l&rsquo;outil gratuit de référence pour valider techniquement la norme PDF/UA. Ensuite, l&rsquo;usage du vérificateur d&rsquo;Adobe Acrobat Pro pour corriger manuellement les éventuelles erreurs d&rsquo;ordre de lecture. Enfin, un test utilisateur avec un lecteur d&rsquo;écran réel reste le meilleur moyen de valider la fluidité et la compréhension globale du document..</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-69c78726 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="69c78726" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-da788e4 elementor-widget elementor-widget-heading" data-id="da788e4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Le PDF accessible, un pilier de votre responsabilité numérique</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-588c9185 politique elementor-widget elementor-widget-text-editor" data-id="588c9185" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p><span style="font-weight: 400;">Produire des PDF accessibles est bien plus qu’une simple réponse aux exigences de la norme </span><b>PDF/UA</b><span style="font-weight: 400;"> ou du </span><b>RGAA</b><span style="font-weight: 400;">. C’est un engagement concret pour l’autonomie de tous les usagers : de l&rsquo;étudiant qui prépare son avenir au client qui gère ses finances en toute confidentialité. Comme nous l&rsquo;avons vu, chaque détail technique contribue à lever des barrières qui, autrement, transforment l&rsquo;information en obstacle.</span></p><p><span style="font-weight: 400;">Pour réussir cette transition, la clé réside dans l&rsquo;anticipation. En intégrant l&rsquo;accessibilité dès la création de vos documents sources et en systématisant les tests de contrôle, vous pourrez pérenniser vos contenus et renforcer votre image de marque. Dans un monde numérique où l’inclusion devient le nouveau standard de qualité, un PDF accessible n&rsquo;est plus une exception, mais la preuve d&rsquo;un service client et citoyen respectueux de chacun.</span></p><p><br /><br /></p></div>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-2146c478 e-flex e-con-boxed e-con e-parent" data-id="2146c478" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-41b6c148 elementor-widget elementor-widget-shortcode" data-id="41b6c148" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/accessibilite-rgaa/obligation-pdf-accessible/">Obligation de rendre vos PDF accessibles : par où commencer ? </a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Accessibilité des contenus multimédia : comment rendre vos vidéos et podcasts conformes au RGAA ?</title>
		<link>https://akse.co/accessibilite-rgaa/accessibilite-videos-podcasts-conformes-rgaa/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Tue, 17 Mar 2026 02:53:27 +0000</pubDate>
				<category><![CDATA[Guide]]></category>
		<guid isPermaLink="false">https://akse.co/?p=7747</guid>

					<description><![CDATA[<p>Accessibilité des contenus multimédia : comment rendre vos vidéos et podcasts conformes au RGAA ? Dans une stratégie de contenu moderne, la vidéo et l&#8217;audio sont devenus prépondérants. Cependant, ces formats sont par nature sensoriels : ils reposent sur la vue et l&#8217;ouïe. Sans une approche inclusive, une vidéo devient un écran noir pour un [&#8230;]</p>
<p>L’article <a href="https://akse.co/accessibilite-rgaa/accessibilite-videos-podcasts-conformes-rgaa/">Accessibilité des contenus multimédia : comment rendre vos vidéos et podcasts conformes au RGAA ?</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7747" class="elementor elementor-7747" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-66c2879b e-flex e-con-boxed e-con e-parent" data-id="66c2879b" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-18e10356 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="18e10356" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Accessibilité des contenus multimédia : comment rendre vos vidéos et podcasts conformes au RGAA ?
</h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4f26f49c e-flex e-con-boxed e-con e-parent" data-id="4f26f49c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-67c361f4 politique elementor-widget elementor-widget-text-editor" data-id="67c361f4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Dans une stratégie de contenu moderne, la vidéo et l&rsquo;audio sont devenus prépondérants. Cependant, ces formats sont par nature sensoriels : ils reposent sur la vue et l&rsquo;ouïe. Sans une approche inclusive, une vidéo devient un écran noir pour un utilisateur aveugle, et un podcast reste un silence absolu pour une personne sourde. Pour qu’un contenu multimédia soit réellement accessible, il doit respecter les critères du RGAA (basés sur la norme internationale WCAG 2.1), qui imposent de fournir des alternatives synchronisées et équivalentes.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-38262681 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="38262681" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-776f8f8d e-flex e-con-boxed e-con e-parent" data-id="776f8f8d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7a4731a9 elementor-widget elementor-widget-heading" data-id="7a4731a9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi l’accessibilité multimédia est-elle un enjeu majeur ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-39741e6 politique elementor-widget elementor-widget-text-editor" data-id="39741e6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">L’inaccessibilité d’une vidéo ou d’un flux audio crée des situations d&rsquo;exclusion critiques, particulièrement dans des contextes d&rsquo;information, d&rsquo;éducation ou de sécurité.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-36809481 elementor-widget elementor-widget-heading" data-id="36809481" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Exemple de frustrations lors de la consultation d'un tutoriel administratif
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-1366a8f4 politique elementor-widget elementor-widget-text-editor" data-id="1366a8f4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Imaginons une vidéo expliquant comment remplir sa déclaration d&rsquo;impôts. Si la vidéo contient des instructions visuelles (« cliquez sur le bouton bleu ici ») sans que ces actions ne soient décrites vocalement, une personne non-voyante est incapable de suivre la procédure. Elle perd son autonomie sur une démarche confidentielle et se retrouve contrainte de solliciter l&rsquo;aide d&rsquo;un tiers.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-5ffc057 elementor-widget elementor-widget-heading" data-id="5ffc057" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Exemple de frustrations lors du suivi d'une conférence en ligne
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-c2a06ca politique elementor-widget elementor-widget-text-editor" data-id="c2a06ca" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Lors d&rsquo;un webinaire ou d&rsquo;une conférence en direct, l&rsquo;absence de sous-titrage synchronisé exclut immédiatement les personnes sourdes ou malentendantes. Mais cela impacte aussi les utilisateurs évoluant dans des environnements bruyants ou ceux qui ne maîtrisent pas parfaitement la langue. Sans une transcription textuelle, l&rsquo;information est volatile et inaccessible pour toute une partie de l&rsquo;audience.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-c256e96 elementor-widget elementor-widget-heading" data-id="c256e96" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default"> Exemple de frustrations dans le milieu de la formation (E-learning)
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-45874cc politique elementor-widget elementor-widget-text-editor" data-id="45874cc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Un module de formation s&rsquo;appuyant sur un podcast sans transcription empêche un étudiant sourd d&rsquo;accéder au savoir. À l&rsquo;inverse, une vidéo pédagogique dont les graphiques complexes ne sont pas décrits par une audiodescription prive l&rsquo;apprenant malvoyant des données clés nécessaires à la validation de ses acquis. Ici, le format multimédia devient le seul responsable d&rsquo;une rupture d&rsquo;égalité des chances.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-6be9ec6e elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6be9ec6e" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6b411dbf elementor-widget elementor-widget-heading" data-id="6b411dbf" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Les critères de conformité pour un contenu multimédia accessible
</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-38abcb3 politique elementor-widget elementor-widget-text-editor" data-id="38abcb3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Voici un aperçu des critères principaux pour rendre vos multimédias accessibles. Attention, le RGAA et les WCAG sont très exigeants. Les critères ci-dessous sont donc essentiels, mais ne sont pas exhaustifs à rendre un multimédia 100% accessible.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-4df498d9 elementor-widget elementor-widget-heading" data-id="4df498d9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Créer des sous-titres pertinents
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-479f9903 politique elementor-widget elementor-widget-text-editor" data-id="479f9903" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Rendre un média accessible ne se limite pas à ajouter des sous-titres automatiques (souvent imprécis). D&rsquo;ailleurs, il est formellement recommandé de revoir l&rsquo;entièreté des contenus des sous-titres qui auraient été générés automatiquement. </span></p><p><span style="font-weight: 400;">Les sous-titres doivent être synchronisés, précis et inclure non seulement les paroles, mais aussi les indications sonores essentielles (musique angoissante, bruit de porte, ton de la voix).</span></p><p><span style="font-weight: 400;">On privilégiera les fichiers de sous-titres fermés (type </span><span style="font-weight: 400;">.vtt</span><span style="font-weight: 400;"> ou </span><span style="font-weight: 400;">.srt</span><span style="font-weight: 400;">) qui permettent à l&rsquo;utilisateur de les activer/désactiver et de personnaliser leur affichage via son lecteur.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-e55ecb1 elementor-widget elementor-widget-heading" data-id="e55ecb1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">La transcription textuelle
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-0f8e068 politique elementor-widget elementor-widget-text-editor" data-id="0f8e068" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">C&rsquo;est l&rsquo;alternative universelle. Elle consiste à fournir, à proximité immédiate du média, l&rsquo;intégralité du contenu sous forme de texte (dialogues + descriptions des actions).</span></p><p><span style="font-weight: 400;">Contrairement au flux vidéo, la transcription est indexable par les moteurs de recherche, ce qui peut jouer en faveur de votre SEO en augmentant considérablement la visibilité de votre contenu sur des mots-clés spécifiques.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-edd82a2 elementor-widget elementor-widget-heading" data-id="edd82a2" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">L'audiodescription</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-2d1ef12 politique elementor-widget elementor-widget-text-editor" data-id="2d1ef12" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Pour les contenus où l&rsquo;image apporte une information que le son ne donne pas, l&rsquo;audiodescription est obligatoire. Il s&rsquo;agit d&rsquo;une voix off qui décrit les éléments visuels importants pendant les silences des dialogues.</span></p><p><span style="font-weight: 400;">Par exemple, dans une publicité, si un personnage sourit en voyant un message sur son téléphone, l&rsquo;audiodescription doit préciser : « Un message s&rsquo;affiche : votre commande est arrivée. Jean sourit. » Sans cela, l’utilisateur aveugle n’a pas toute l’information et manque de contexte.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-f31c1f7 elementor-widget elementor-widget-heading" data-id="f31c1f7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Le contrôle du lecteur média</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-3048adf politique elementor-widget elementor-widget-text-editor" data-id="3048adf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Le lecteur lui-même (YouTube, Vimeo, ou un lecteur personnalisé) doit être accessible.</span></p><p><span style="font-weight: 400;">Ainsi, toutes les commandes (Lecture, Pause, Volume, Barre de progression) doivent être actionnables via la touche </span><span style="font-weight: 400;">Tab</span><span style="font-weight: 400;"> et </span><span style="font-weight: 400;">Espace</span><span style="font-weight: 400;">, ou par commande vocale. De plus, chaque bouton doit posséder une étiquette claire pour les lecteurs d&rsquo;écran (ex: « Activer les sous-titres » au lieu de « Bouton 4 »).</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-42655795 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="42655795" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2663caf8 elementor-widget elementor-widget-heading" data-id="2663caf8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Méthodologie : comment garantir la conformité RGAA de ses multimédias ?
</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5847916d elementor-widget elementor-widget-heading" data-id="5847916d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Étape 1 : inclure l’accessibilité dès la phase de conception
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-8e1ea29 politique elementor-widget elementor-widget-text-editor" data-id="8e1ea29" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">À la conception, rédigez un script incluant déjà les descriptions visuelles. Si le présentateur énonce à l&rsquo;oral tout ce qu&rsquo;il montre à l&rsquo;écran, vous réduisez considérablement le besoin d&rsquo;une audiodescription complexe.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-2a63cc1 elementor-widget elementor-widget-heading" data-id="2a63cc1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Étape 2 : Paramètres à prendre en compte lors de la phase de production et d’intégration
</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-1abf1bf0 politique elementor-widget elementor-widget-text-editor" data-id="1abf1bf0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">Certains critères du RGAA ou des WCAG doivent être considérés lors de la phase de production, notamment les critères concernant les contrastes. Veillez donc à ce que les sous-titres respectent un contraste suffisant (texte blanc sur fond noir opaque par exemple). Mais veillez également à implémenter un temps d&rsquo;exposition permettant une lecture confortable (environ 15 à 20 caractères par seconde).</span></p><p><span style="font-weight: 400;">Assurez-vous de la contrôlabilité du player au clavier ou par commande vocale. Veillez donc à ce que les éléments interactifs soient correctement nommés. </span></p><p><span style="font-weight: 400;">Enfin, vérifiez que les sous-titres soient bien synchronisés et cohérents avec ce qui est dit à dans le multimédia.</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-3b892c3f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="3b892c3f" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2f81f1ab elementor-widget elementor-widget-heading" data-id="2f81f1ab" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Multimédia accessible : Transformer la contrainte technique en exigence de qualité
</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-443c4ebf politique elementor-widget elementor-widget-text-editor" data-id="443c4ebf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">L&rsquo;accessibilité des contenus multimédia est bien plus qu&rsquo;une simple mise en conformité avec le RGAA ou les WCAG. C&rsquo;est une démarche qui redonne à l&rsquo;information sa vocation première : être universelle. En investissant dans des sous-titres rigoureux, une transcription textuelle indexable et une audiodescription pertinente, vous ne vous contentez pas de lever des barrières pour les personnes en situation de handicap. Vous améliorez l&rsquo;expérience utilisateur globale, facilitez l&rsquo;apprentissage pour tous et boostez votre référencement naturel.</span></p><p><span style="font-weight: 400;">Dans un paysage numérique saturé de contenus, la différence se joue sur la qualité et la responsabilité. Anticiper l&rsquo;accessibilité dès l&rsquo;écriture du script est la clé d&rsquo;une production fluide et moins coûteuse. À l&rsquo;aube de nouvelles exigences réglementaires, faire le choix de l&rsquo;inclusion aujourd&rsquo;hui, c&rsquo;est garantir que vos vidéos et podcasts ne seront pas seulement vus ou entendus, mais réellement compris par l&rsquo;intégralité de votre audience, sans exception.</span></p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-47ec52f2 e-flex e-con-boxed e-con e-parent" data-id="47ec52f2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1b510f1a elementor-widget elementor-widget-shortcode" data-id="1b510f1a" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/accessibilite-rgaa/accessibilite-videos-podcasts-conformes-rgaa/">Accessibilité des contenus multimédia : comment rendre vos vidéos et podcasts conformes au RGAA ?</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Améliorer son trafic organique grâce à l&#8217;accessibilité</title>
		<link>https://akse.co/intelligence-artificielle/ameliorer-trafic-organique-grace-accessibilite/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Thu, 08 Jan 2026 13:50:03 +0000</pubDate>
				<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Intelligence Artificielle]]></category>
		<guid isPermaLink="false">https://akse.co/?p=7364</guid>

					<description><![CDATA[<p>Améliorer le référencement naturel de son site grâce à l&#8217;accessibilité Pendant que la majeure partie des sites perd entre 20 à 30% de trafic à cause des recherches effectuées via l’IA, il semblerait que l’accessibilité produise l’effet inverse. D&#8217;après une récente étude Semrush, les sites vraiment accessibles observeraient une nette augmentation de leur SEO et [&#8230;]</p>
<p>L’article <a href="https://akse.co/intelligence-artificielle/ameliorer-trafic-organique-grace-accessibilite/">Améliorer son trafic organique grâce à l&rsquo;accessibilité</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7364" class="elementor elementor-7364" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-bea94d e-flex e-con-boxed e-con e-parent" data-id="bea94d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-97b6ca6 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="97b6ca6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Améliorer le référencement naturel de son site grâce à l'accessibilité</h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-443ceb9 e-flex e-con-boxed e-con e-parent" data-id="443ceb9" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8480841 politique elementor-widget elementor-widget-text-editor" data-id="8480841" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Pendant que la majeure partie des sites perd entre 20 à 30% de trafic à cause des recherches effectuées via l’IA, il semblerait que l’accessibilité produise l’effet inverse.</p><p>D&rsquo;après une récente étude Semrush, les sites vraiment accessibles observeraient une nette augmentation de leur SEO et GEO.</p><p>On vous explique comment, grâce aux bonnes pratiques d&rsquo;accessibilité, faire ressortir votre site dans les résultats de recherches effectuées sur des LLM (Large Language model, comme ChatGPT), en 9 arguments simples.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-5409d5c politique elementor-widget elementor-widget-text-editor" data-id="5409d5c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Avant de poursuivre la lecture, voici un petit glossaire pour « traduire » les quelques abréviations essentielles à la compréhension de cet article :</p><p><strong>SEO</strong> : Abréviation anglophone pour <span lang="en"> “Search Engine Optimization”</span>, signifie “optimisation pour les moteurs de recherche”.</p><p><strong>GEO</strong> : Abréviation anglophone pour <span lang="en"> “Generative Engine Optimization”</span>. C’est l’équivalent du SEO, mais pour les agents conversationnels comme ChatGPT, Copilot ou Gemini.</p><p><strong>LLM</strong> : Abréviation anglophone pour <span lang="en"> “Large Language Model”</span>. C’est un modèle d&rsquo;apprentissage automatique capable de comprendre et générer des textes.</p><p><strong>RAG</strong> : Abréviation anglophone pour <span lang="en">“Retrieval-Augmented Generation”</span>. C&rsquo;est une architecture utilisée par les moteurs de recherche génératifs et les assistants IA pour améliorer la qualité et la fiabilité de leurs réponses.</p><p><strong>SERP</strong> : Abréviation anglophone pour <span lang="en"> « Search Engine Result Page »</span>. Il s&rsquo;agit de la page comprenant les résultats de votre recherche sur Google ou tout autre moteur de recherche.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-5df08f44 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5df08f44" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1d0c6f31 e-flex e-con-boxed e-con e-parent" data-id="1d0c6f31" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-27f83359 elementor-widget elementor-widget-heading" data-id="27f83359" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">1 - Des liens explicites et descriptifs</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4e1bba44 politique elementor-widget elementor-widget-text-editor" data-id="4e1bba44" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Afin de permettre aux utilisateurs d&rsquo;outils d&rsquo;assistance d&rsquo;avoir une vue sur tous les liens d&rsquo;une page et de les parcourir rapidement, il est indispensable que ces derniers soient explicites. Cela signifie que l&rsquo;intitulé du lien doit permettre de comprendre sa fonction et sa destination. En SEO, il a été démontré que ça améliore le « maillage de la page ».</p>								</div>
				</div>
				<div class="elementor-element elementor-element-42438cb7 elementor-widget elementor-widget-heading" data-id="42438cb7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Pourquoi les liens explicites sont favorables au référencement sur ChatGPT ou Gemini ? </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-4748d0d1 politique elementor-widget elementor-widget-text-editor" data-id="4748d0d1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Les moteurs génératifs comme ChatGPT analysent les liens pour construire des graphes de connaissances et comprendre les relations entre entités. Des liens explicites permettent aux LLM de suivre et valider les sources citées. La qualité des liens internes renforce aussi l&rsquo;autorité thématique perçue. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-ee42261 politique elementor-widget elementor-widget-text-editor" data-id="ee42261" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="text-decoration: underline;"><span style="color: #0000ff;"><a style="color: #0000ff; text-decoration: underline;" href="https://akse.co/accessibilite-rgaa/comment-creer-des-liens-accessibles-le-guide-complet/">Découvrez notre guide complet pour créer des liens accessibles.</a></span></span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-312dc89f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="312dc89f" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4198083a elementor-widget elementor-widget-heading" data-id="4198083a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">2 - La structure des titres (h1-h6) </h2>				</div>
				</div>
				<div class="elementor-element elementor-element-24092b35 politique elementor-widget elementor-widget-text-editor" data-id="24092b35" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Des titres bien structurés sont indispensables à la bonne accessibilité d&rsquo;un site. De nombreux outils d&rsquo;assistance permettent de sauter de section en section grâce aux titres. En SEO, des titres bien hiérarchisés aident les moteurs de recherche à comprendre la structure et les thèmes principaux d&rsquo;une page.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-75da46c elementor-widget elementor-widget-heading" data-id="75da46c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Pourquoi des titres bien structurés aident au référencement sur les LLM ?  </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-54db586 politique elementor-widget elementor-widget-text-editor" data-id="54db586" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Les LLM utilisent les balises de titre pour segmenter et comprendre la structure logique d&rsquo;une page. Une hiérarchie claire permet aux moteurs génératifs d&rsquo;extraire et de citer les sections pertinentes avec précision. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-4c00bb23 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="4c00bb23" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-674be2e5 elementor-widget elementor-widget-heading" data-id="674be2e5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">3 - Des tableaux bien structurés</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5cf20971 politique elementor-widget elementor-widget-text-editor" data-id="5cf20971" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Les tableaux sont un gros sujet en accessibilité. Qu&rsquo;ils soient simples ou complexes, les données qu&rsquo;ils contiennent doivent pouvoir être communiquées clairement aux utilisateurs d&rsquo;outils d&rsquo;assistance. Pour cela, il existe des bonnes pratiques HTML qui permettent de rapporter l&rsquo;information clairement (balise &lt; th &gt;, attribut scope&#8230;). De cette façon, les informations peuvent également être mieux extraites par Google pour générer des résultats enrichis.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-f364921 elementor-widget elementor-widget-heading" data-id="f364921" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">En quoi des tableaux bien strucurés permettent à un site de mieux ressortir sur Copilot, Gemini ou encore ChatGPT ?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-c019dea politique elementor-widget elementor-widget-text-editor" data-id="c019dea" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr">

Les tableaux de données bien balisés sont particulièrement valorisés par les LLM car ils présentent des informations factuelles de manière structurée. Cette<span lang="en"> « fact-density » </span>(densité factuelle) facilite l&rsquo;extraction et la citation.

</div>								</div>
				</div>
				<div class="elementor-element elementor-element-f57d1d1 politique elementor-widget elementor-widget-text-editor" data-id="f57d1d1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><a href="https://akse.co/services-accessibilite-web/formation-accessibilite-numerique/"><span style="color: #0000ff;"><u>Découvrez toutes nos formations en accessibilité numérique</u></span></a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-cfa62d8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="cfa62d8" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7f675a3 elementor-widget elementor-widget-heading" data-id="7f675a3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">4 - Les textes alternatifs</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-10c8566 politique elementor-widget elementor-widget-text-editor" data-id="10c8566" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Les attributs alt permettent aux moteurs de recherche d&rsquo;indexer et comprendre le contenu des images, ce qui améliore le référencement dans Google Images et enrichit le contexte sémantique de la page.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-a32ddee elementor-widget elementor-widget-heading" data-id="a32ddee" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Quel est l'intérêt des textes alternatif pour le référencement sur les intelligences artificielles ?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-417ebf3 politique elementor-widget elementor-widget-text-editor" data-id="417ebf3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr">

Un alt descriptif et pertinent augmente la <span lang="en">« fact-density »</span> (densité factuelle) d&rsquo;une page, un facteur clé identifié dans les recherches sur le GEO.

</div>								</div>
				</div>
				<div class="elementor-element elementor-element-d6b6391 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="d6b6391" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d1dca85 elementor-widget elementor-widget-heading" data-id="d1dca85" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">5 - Les transcriptions et sous-titres</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a7ffc34 politique elementor-widget elementor-widget-text-editor" data-id="a7ffc34" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Les transcriptions textuelles créent du contenu indexable. Une vidéo seule est invisible pour les moteurs, mais sa transcription peut se positionner sur des mots-clés et augmenter la pertinence de la page.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-16981ff elementor-widget elementor-widget-heading" data-id="16981ff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Pourquoi insérer des sous-titres et des transcriptions à ses multimédias permet de mieux ressortir sur ChatGPT ?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-60ec4bc politique elementor-widget elementor-widget-text-editor" data-id="60ec4bc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Les transcriptions sont directement exploitables par les LLM pour comprendre et citer le contenu multimédia. Pour les moteurs génératifs, une transcription bien structurée peut devenir une source privilégiée pour répondre aux questions des utilisateurs.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-f6b394b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="f6b394b" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0cd8b58 elementor-widget elementor-widget-heading" data-id="0cd8b58" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">6 - Les titres des pages</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-16e99b6 politique elementor-widget elementor-widget-text-editor" data-id="16e99b6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>La balise &lt; title &gt; est l&rsquo;un des facteurs on-page les plus importants pour le SEO. Elle apparaît dans les SERP et influence directement le taux de clic.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-030bee6 elementor-widget elementor-widget-heading" data-id="030bee6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">En quoi les titres des pages permettent d'augmenter le référencement naturel d'un site sur les LLM ?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-c407a7b politique elementor-widget elementor-widget-text-editor" data-id="c407a7b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Le titre de page est souvent le premier élément analysé par les LLM pour déterminer la pertinence d&rsquo;une source. Un titre clair et descriptif augmente les chances d&rsquo;être sélectionné comme source citée dans les réponses génératives.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-780e30e elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="780e30e" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-54894a4 elementor-widget elementor-widget-heading" data-id="54894a4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">7 - Pas de texte image</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-80fc47e politique elementor-widget elementor-widget-text-editor" data-id="80fc47e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Le texte HTML est directement indexable par les moteurs, contrairement au texte intégré dans des images. Un site utilisant du vrai texte a un meilleur potentiel de ranking sur les mots-clés concernés.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-9e9f41c elementor-widget elementor-widget-heading" data-id="9e9f41c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Pourquoi éviter les textes images pour favoriser le référencement de votre site sur ChatGPT our Gemini ?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ebd287a politique elementor-widget elementor-widget-text-editor" data-id="ebd287a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr">

Les systèmes RAG des moteurs génératifs tokenisent le HTML et déplacent le contenu dans un espace vectoriel. Le texte réel est immédiatement exploitable pour cette transformation. La <span lang="en"> « machine-readability »</span> est un pilier fondamental du GEO.

</div>								</div>
				</div>
				<div class="elementor-element elementor-element-6567524 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6567524" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2487ba2 elementor-widget elementor-widget-heading" data-id="2487ba2" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">8 - Des formulaires accessibles</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5997d63 politique elementor-widget elementor-widget-text-editor" data-id="5997d63" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Des formulaires bien structurés améliorent l&rsquo;UX, ce qui peut réduire le taux de rebond et augmenter les conversions. Google prend en compte les signaux d&rsquo;engagement utilisateur.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-7e120b1 elementor-widget elementor-widget-heading" data-id="7e120b1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Pourquoi les formulaires accessibles permettent de mieux référencer un site sur les intelligences artificielles ?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-b43aa7f politique elementor-widget elementor-widget-text-editor" data-id="b43aa7f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr">

Les formulaires bien balisés contribuent à la compréhension globale de la fonctionnalité d&rsquo;une page par les LLM. Bien que les formulaires eux-mêmes ne soient pas citables, leur présence et leur qualité participent aux signaux E-E-A-T <span lang="en">(Experience, Expertise, Authoritativeness, Trustworthiness)</span> utilisés par les systèmes IA pour évaluer la fiabilité d&rsquo;un site.

</div>								</div>
				</div>
				<div class="elementor-element elementor-element-a110243 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="a110243" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a2e7b94 elementor-widget elementor-widget-heading" data-id="a2e7b94" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">9 - Une navigation cohérente</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-71bce09 politique elementor-widget elementor-widget-text-editor" data-id="71bce09" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Une navigation claire et cohérente améliore le crawl des moteurs, facilite l&rsquo;indexation de toutes les pages et améliore l&rsquo;expérience utilisateur (facteur indirect via les signaux comportementaux).</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-0e947df elementor-widget elementor-widget-heading" data-id="0e947df" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">En quoi permettre une navigation cohérente aux outils d'assistance améliore le GEO ?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-b4c8906 politique elementor-widget elementor-widget-text-editor" data-id="b4c8906" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Une architecture de site claire aide les LLM à comprendre les relations entre contenus et à construire une représentation cohérente du site. Le maillage interne logique renforce l&rsquo;autorité topique (« topical authority ») perçue par les systèmes IA, un facteur déterminant pour être choisi comme source de référence.</p></div>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3d388875 e-flex e-con-boxed e-con e-parent" data-id="3d388875" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7613e9cd elementor-widget elementor-widget-shortcode" data-id="7613e9cd" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/intelligence-artificielle/ameliorer-trafic-organique-grace-accessibilite/">Améliorer son trafic organique grâce à l&rsquo;accessibilité</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>E-commerce : 5 points techniques pour augmenter vos conversions grâce à l&#8217;accessibilité</title>
		<link>https://akse.co/e-commerce/ecommerce-augmenter-conversions-accessibilite/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Tue, 28 Oct 2025 14:30:55 +0000</pubDate>
				<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Guide]]></category>
		<guid isPermaLink="false">https://akse.co/?p=6995</guid>

					<description><![CDATA[<p>E-commerce : 5 points techniques pour augmenter vos conversions grâce à l&#8217;accessibilité L&#8217;abandon de panier est une problématique centrale en e-commerce. Et si les principes d&#8217;accessibilité numérique permettaient de résoudre certaines failles dans le parcours utilisateur, afin de devenir de réels leviers d&#8217;acquisition sur votre site e-commerce ?  Les barrières d&#8217;accessibilité (champs de formulaire illisibles, [&#8230;]</p>
<p>L’article <a href="https://akse.co/e-commerce/ecommerce-augmenter-conversions-accessibilite/">E-commerce : 5 points techniques pour augmenter vos conversions grâce à l&rsquo;accessibilité</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6995" class="elementor elementor-6995" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-6500df2d e-flex e-con-boxed e-con e-parent" data-id="6500df2d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-732ac94 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="732ac94" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">E-commerce : <br>5 points techniques pour augmenter vos conversions grâce à l'accessibilité</h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-18a7e4d0 e-flex e-con-boxed e-con e-parent" data-id="18a7e4d0" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-113f1be9 politique elementor-widget elementor-widget-text-editor" data-id="113f1be9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;abandon de panier est une problématique centrale en e-commerce. Et si les principes d&rsquo;accessibilité numérique permettaient de résoudre certaines failles dans le parcours utilisateur, afin de devenir de réels leviers d&rsquo;acquisition sur votre site e-commerce ? </p><p>Les barrières d&rsquo;accessibilité (champs de formulaire illisibles, boutons non atteignables au clavier, manque de contraste, etc.) sont des frictions extrêmes pour les utilisateurs de technologies d&rsquo;assistance, entraînant un abandon de panier garanti. En suivant ces 5 recommandations, vous garantissez à votre audience en situation de handicap, soit plus de 18% de la population, de finaliser leurs achats sur votre site. Intéressant non ?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-41336e69 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="41336e69" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6ee3fd6c e-flex e-con-boxed e-con e-parent" data-id="6ee3fd6c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2447f835 elementor-widget elementor-widget-heading" data-id="2447f835" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">1. Perfectionner la navigation clavier</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-49b8a62c politique elementor-widget elementor-widget-text-editor" data-id="49b8a62c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>De nombreux utilisateurs (personnes ayant des limitations motrices, utilisateurs de lecteurs d&rsquo;écran, ou simplement des « <span lang="en">power-users</span> » préférant les raccourcis) naviguent exclusivement au clavier. Si un élément clé (bouton « Ajouter au panier », champ de paiement, etc.) n&rsquo;est pas atteignable ou activable, la transaction est impossible. Voici les éléments techniques à considérer pour permettre une navigation clavier irréprochable :</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6f73c90c elementor-widget elementor-widget-heading" data-id="6f73c90c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Contrôler l'ordre de tabulation</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-4416f316 politique elementor-widget elementor-widget-text-editor" data-id="4416f316" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;ordre de tabulation (en utilisant la touche <span class="math-inline" data-math="\text{Tab}">Tab</span> pour avancer et <span class="math-inline" data-math="\text{Shift} + \text{Tab}">Shift + Tab</span> pour reculer) doit suivre l&rsquo;ordre logique et cohérent des éléments dans la page.</p><p>Le <code>tabindex</code> est un attribut HTML essentiel en accessibilité, car il contrôle si un élément peut recevoir le focus et, si oui, à quel endroit il se situe dans l&rsquo;ordre de tabulation séquentielle.</p><p>Cependant, son utilisation est très réglementée. L&rsquo;ordre de tabulation par défaut est l&rsquo;ordre du DOM (Document Object Model, c&rsquo;est-à-dire l&rsquo;ordre d&rsquo;apparition des éléments dans le code source HTML) et c&rsquo;est celui qui doit être respecté pour une navigation logique.</p><p>En utilisant <b><code>tabindex="0"</code></b>, vous permettez à l&rsquo;élément de recevoir le focus. Évitez d&rsquo;utilisez des valeurs de <code>tabindex</code> positives (supérieures à 0) pour gérer l&rsquo;ordre de navigation. Si l&rsquo;ordre de tabulation n&rsquo;est pas logique, cela signifie que l&rsquo;ordre des éléments dans le code HTML (le DOM) doit être corrigé.</p><p>Également, si vous utilisez un élément non-interactif (comme un <code>&lt;div&gt;</code> ou un <code>&lt;span&gt;</code>) pour créer un composant interactif personnalisé, ajoutez <b><code>tabindex= "0"</code></b> pour le rendre accessible au clavier.</p><p>Finalement, utilisez <b><code>tabindex= "-1"</code></b> pour exclure de la navigation clavier les éléments qui reçoivent le focus mais qui ne devraient pas être interactifs pour l&rsquo;utilisateur.</p><p>Notez que certaines balises comme &lt;button&gt; n&rsquo;ont pas besoin du tabindex= « 0 » car cette fonction est déjà incluse dans la balise. D&rsquo;ailleurs il est préférable de coder avec &lt;button&gt; plutôt qu&rsquo;avec un &lt;div&gt; + tabindex= »0&Prime;</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6cecca29 elementor-widget elementor-widget-heading" data-id="6cecca29" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Indicateur de focus : savoir sur quel élément on se trouve</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-5557e8f0 politique elementor-widget elementor-widget-text-editor" data-id="5557e8f0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Ici, les règles de ratio de contrastes s&rsquo;appliquent pour permettre aux utilisateurs de bien voir sur quel élément ils se trouvent en naviguant au clavier. On appelle ça le « focus ». Ce dernier doit avoir un contraste d&rsquo;au moins 3:1 avec son fond.</p><p>Si vous personnalisez le style du focus pour des raisons de design, assurez-vous qu&rsquo;il soit visible, suffisamment contrasté et cohérent avec l&rsquo;interface.</p><p>Si vous ne souhaitez pas prendre de risque, optez pour le style natif du navigateur, ce dernier est toujours conformes aux ratios de contrastes imposés par le WCAG et le RGAA.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-3b86b75 elementor-widget elementor-widget-heading" data-id="3b86b75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Interactions au clavier dans les composants</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-8ea8956 politique elementor-widget elementor-widget-text-editor" data-id="8ea8956" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Les boutons et les liens doivent pouvoir être activés par les touches Entrée ou Espace. </p><p>Concernant les composants complexes (menus déroulants, modales, carrousels, onglets), assurez-vous qu&rsquo;ils supportent la navigation interne via les touches directionnelles.</p><p>Finalement, les modales ou pop-ups doivent capturer le focus à l&rsquo;ouverture et permettre de s&rsquo;échapper avec la touche ESC, en restituant le focus à l&rsquo;élément déclencheur à la fermeture.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-60318d4 elementor-widget elementor-widget-heading" data-id="60318d4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">L'avantage SEO de la navigation clavier</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-957510b politique elementor-widget elementor-widget-text-editor" data-id="957510b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Les robots des moteurs de recherche parcourent votre site de manière similaire à une technologie d&rsquo;assistance. Une hiérarchie de liens et d&rsquo;éléments bien structurée pour la navigation clavier facilite l&rsquo;exploration et l&rsquo;indexation.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-dce8532 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="dce8532" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-27dae63e elementor-widget elementor-widget-heading" data-id="27dae63e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">2. Perfectionner sa structure sémantique (HTML) </h2>				</div>
				</div>
				<div class="elementor-element elementor-element-514acdc2 politique elementor-widget elementor-widget-text-editor" data-id="514acdc2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span class="">La sémantique HTML agit comme le </span>catalogue interne<span class=""> de votre boutique, permettant aux technologies d&rsquo;assistance et aux moteurs de recherche de comprendre la signification et la hiérarchie du contenu, et non pas seulement son apparence visuelle. Voici les aspects à considérer :</span></p>								</div>
				</div>
				<div class="elementor-element elementor-element-3e540b4f elementor-widget elementor-widget-heading" data-id="3e540b4f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Utiliser la bonne hiérarchie pour une navigation facilitée</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-43cb84fe politique elementor-widget elementor-widget-text-editor" data-id="43cb84fe" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;utilisation correcte des balises de titre (<span class="math-inline" data-math="\langle \text{h1} \rangle">h1 à h6) </span>sur la fiche produit est fondamental. Bien que non obligatoire en accessibilité, il sera recommandé d&rsquo;avoir un h1 unique sur la page de la fiche produit pour une meilleure optimisation SEO.</p><p>En dessous, les autres niveaux de titres doivent structurer les sections clés : « Description détaillée », « Caractéristiques techniques », « Avis clients », « Livraison et Retours ». Les utilisateurs qui s&rsquo;appuient sur un lecteur d&rsquo;écran ne « lisent » pas la page ligne par ligne ; ils utilisent souvent les titres pour naviguer de section en section. Ils peuvent ainsi sauter directement à la section « Avis clients » ou « Fiche technique » sans écouter toute la description marketing.</p><p>Ce mécanisme permet une navigation ciblée et rapide, ce qui est essentiel dans un contexte e-commerce où l&rsquo;utilisateur cherche à réduire le temps de recherche d&rsquo;information pour prendre une décision d&rsquo;achat. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-9a1aa65 elementor-widget elementor-widget-heading" data-id="9a1aa65" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Utilisez des listes sémantiques pour ordonner les caractéristiques</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-5ec2219 politique elementor-widget elementor-widget-text-editor" data-id="5ec2219" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Lorsque vous énumérez des informations, que ce soit les spécifications techniques (dimensions, composition) ou les avantages clés du produit, nous vous recommandons d&rsquo;utiliser les balises de listes non ordonnées (<span class="math-inline" data-math="\langle \text{ul} \rangle">ul)</span> ou ordonnées (ol).</p><p>Un lecteur d&rsquo;écran annonce clairement : « Liste de 5 éléments ». Cette annonce donne immédiatement à l&rsquo;utilisateur une information cruciale sur l&rsquo;exhaustivité des caractéristiques. Si une liste est annoncée incomplète ou si une description est présentée sous forme de simple texte sans structure de liste, la restitution des informations peut vite devenir incompréhensible. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-713ba28 elementor-widget elementor-widget-heading" data-id="713ba28" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Bien définir les zones de regroupement</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-09cf5e4 politique elementor-widget elementor-widget-text-editor" data-id="09cf5e4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									L&rsquo;utilisation des zones de regroupement sémantiques (<i>landmarks</i>) est essentielle pour l&rsquo;orientation et la conformité (Critère 12.6 du RGAA). Ces <i>landmarks</i> sont des repères majeurs qui divisent la page en blocs fonctionnels clairs.

En désignant le contenu principal (à travers la balise <strong>role= « main »</strong> ) et les zones de navigation (via <strong>role= « navigation »</strong>), vous fournissez aux utilisateurs de technologies d&rsquo;assistance une « carte » de la page. Ils peuvent alors sauter instantanément les blocs récurrents (en-tête, menu, pied de page) pour atterrir directement sur le cœur de l&rsquo;information : le produit. Ce ciblage rapide et cette compréhension claire de la structure garantissent que l&rsquo;utilisateur est concentré sur les informations d&rsquo;achat et non perdu dans des éléments périphériques.								</div>
				</div>
				<div class="elementor-element elementor-element-5f33bc26 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5f33bc26" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-42aefaed elementor-widget elementor-widget-heading" data-id="42aefaed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">3. Structurer son tunnel de conversion</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-250bef59 politique elementor-widget elementor-widget-text-editor" data-id="250bef59" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le tunnel de conversion est le point critique où la moindre confusion ou le manque d&rsquo;information conduit à l&rsquo;abandon de panier. La sémantique HTML et les attributs ARIA jouent ici un rôle de sécurisation du parcours client en fournissant une clarté absolue sur le statut de l&rsquo;achat.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-5fc1a02 elementor-widget elementor-widget-heading" data-id="5fc1a02" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Annoncer clairement les changements d'état (Mises à jour du panier)</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-64bb163 politique elementor-widget elementor-widget-text-editor" data-id="64bb163" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dans un e-commerce, le panier est dynamique. Un client qui ajoute ou retire un produit doit être informé immédiatement. Si l&rsquo;information est uniquement visuelle, un utilisateur de lecteur d&rsquo;écran n&rsquo;est pas au courant que son produit est bel et bien dans le panier&#8230; ou pas.  L&rsquo;utilisation de l&rsquo;attribut <strong>aria-live= « polite » </strong>sur les zones du panier (ou des notifications de succès) est essentielle.</p><p>Cet attribut permet au lecteur d&rsquo;écran d&rsquo;annoncer vocalement la mise à jour (Ex: « Produit ajouté au panier. Nouveau total : 89 € ») sans interrompre la tâche en cours. Si cette balise manque, l&rsquo;utilisateur pourrait douter du succès de son action, cliquer plusieurs fois (créant des erreurs ou des doublons de commande) ou, pire, penser que la fonction est cassée et abandonner le processus d&rsquo;achat.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-9651588 elementor-widget elementor-widget-heading" data-id="9651588" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Assurer la prévisibilité du parcours d'achat</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-3ef427c politique elementor-widget elementor-widget-text-editor" data-id="3ef427c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dans le tunnel de paiement (souvent segmenté en étapes : 1. Panier, 2. Livraison, 3. Paiement), la structuration sémantique garantit la prévisibilité.</p><p>Utiliser une liste sémantique pour représenter la progression et y ajouter l&rsquo;attribut <strong>aria-current= « page »</strong> sur l&rsquo;étape en cours permet au lecteur d&rsquo;écran de lire clairement : « Étape 2 sur 3 : Livraison. Vous êtes actuellement sur cette étape. »</p><p>Cette clarté réduit l&rsquo;anxiété, guide l&rsquo;utilisateur et lui permet de savoir combien d&rsquo;étapes il lui reste à franchir, renforçant le sentiment de contrôle sur l&rsquo;achat.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0a142a5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="0a142a5" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-f5622b4 elementor-widget elementor-widget-heading" data-id="f5622b4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">4. Maîtriser les enjeux de couleur</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-46c111e elementor-widget elementor-widget-heading" data-id="46c111e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Rappel des ratios de contrastes minimum</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-794c9ed politique elementor-widget elementor-widget-text-editor" data-id="794c9ed" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Un contraste insuffisant rend le texte illisible pour les personnes malvoyantes ou daltoniennes, ainsi que pour tout utilisateur consultant le site en plein soleil ou sur un écran de faible qualité.</p><p>Les WCAG 2.1 niveau AA et le RGAA 4.1.2 exigent un rapport de contraste minimum de 4,5:1 pour le texte de taille inférieure à 24 pixel et non gras, et de 3:1 pour les textes supérieurs à 24 pixel ou gras, et les éléments d&rsquo;interface non textuels (icônes, bords de champs de formulaire).</p>								</div>
				</div>
				<div class="elementor-element elementor-element-69312da elementor-widget elementor-widget-heading" data-id="69312da" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Ne jamais communiquer l'information par la couleur seule</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-5a3b703 politique elementor-widget elementor-widget-text-editor" data-id="5a3b703" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>La couleur ne doit jamais être le seul moyen de transmettre une information critique. Rappelons que les personnes daltoniennes (environ 8% des hommes) pourraient rater des informations essentielles. De plus, une personnes mal voyante pourrait tout simplement manquer une information essentielle lors de son achat.</p><p>Typiquement, sur les choix de couleurs d&rsquo;un produit sont uniquement indiqués par une pastille colorée, sans étiquette d&rsquo;accessibilité ou sans texte accolé, alors cette information sera non communiquée à l&rsquo;utilisateur de lecteur d&rsquo;écran.  </p>								</div>
				</div>
				<div class="elementor-element elementor-element-0daf693 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="0daf693" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2824ffa elementor-widget elementor-widget-heading" data-id="2824ffa" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">5. Publier des formulaires 100% accessibles : finaliser la conversion</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-428b016 elementor-widget elementor-widget-heading" data-id="428b016" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Assurer la compréhension des champs et l'autocomplétion</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-9a80b3c politique elementor-widget elementor-widget-text-editor" data-id="9a80b3c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dans un formulaire e-commerce, un champ mal étiqueté devient inutilisable pour une partie de la clientèle. Le cœur de l&rsquo;accessibilité des formulaires repose sur deux principes fondamentaux qui transforment un processus fastidieux en une formalité rapide.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-39b8868 elementor-widget elementor-widget-heading" data-id="39b8868" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Assurer la compréhension des champs</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-7d5aee5 politique elementor-widget elementor-widget-text-editor" data-id="7d5aee5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;utilisation de l&rsquo;élément <strong>&lt;label&gt;</strong> associé doit être associé à son champ de saisie (via les attributs <strong><code>for</code></strong> et <strong><code>id</code></strong>) afin de rendre un formulaire accessible. Pour un utilisateur voyant, le libellé est évident. Sans cette association sémantique, le lecteur d&rsquo;écran ne peut pas lire « Nom », « Adresse » ou « Numéro de carte bancaire » lorsque le curseur arrive sur le champ.</p><p>Le lecteur d&rsquo;écran annoncera simplement « Champ texte vide ».</p>								</div>
				</div>
				<div class="elementor-element elementor-element-752ea8e elementor-widget elementor-widget-heading" data-id="752ea8e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">L'autocomplétion : indispensable à tous pour convertir rapidement</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-63d6fd4 politique elementor-widget elementor-widget-text-editor" data-id="63d6fd4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Au-delà de l&rsquo;accessibilité pour les utilisateurs de lecteurs d&rsquo;écran, le remplissage des informations doit être rapide pour tout le monde. C&rsquo;est ici qu&rsquo;intervient l&rsquo;attribut <strong>autocomplete</strong>. En ajoutant cet attribut (<strong>autocomplete= « name »</strong> par exemple) , vous permettez aux navigateurs et aux gestionnaires de mots de passe de pré-remplir automatiquement les champs d&rsquo;information personnelle (nom, adresse, coordonnées bancaires).</p><p>Cette pratique ne fait pas que gagner du temps aux utilisateurs les plus rapides ; elle est vitale pour les personnes ayant des difficultés motrices ou cognitives, pour qui la saisie de longues chaînes de caractères (comme une adresse complète) peut être une source d&rsquo;erreurs et de frustrations majeures. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-683100c elementor-widget elementor-widget-heading" data-id="683100c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">La gestion intelligente des erreurs de saisie</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-aa42a01 politique elementor-widget elementor-widget-text-editor" data-id="aa42a01" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;échec de la validation d&rsquo;un formulaire est souvent la dernière frustration vécue par le client, et la cause la plus fréquente d&rsquo;un abandon de panier à la toute fin du tunnel d&rsquo;achat. Une gestion intelligente des erreurs est un filet de sécurité essentiel pour transformer l&rsquo;échec en succès.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0eee11d elementor-widget elementor-widget-heading" data-id="0eee11d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Indiquer les champs obligatoires avant la saisie</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-8e0bc5e politique elementor-widget elementor-widget-text-editor" data-id="8e0bc5e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Un client doit savoir ce qu&rsquo;il doit remplir avant de commencer à saisir l&rsquo;information. Pour les champs obligatoires, l&rsquo;indication ne doit pas être uniquement visuelle (avec un astérisque par exemple), car cela ne suffit pas à communiquer l&rsquo;information à un utilisateur de lecteur d&rsquo;écran.</p><p>Il est impératif d&rsquo;utiliser la sémantique. Ici, l&rsquo;attribut <strong>aria-required= « true »</strong> est une bonne solution, et permet au lecteur d&rsquo;écran d&rsquo;indiquer qu&rsquo;il s&rsquo;agit d&rsquo;un champ obligatoire.</p><p>Il faut également un texte descriptif avant l&rsquo;apparition du premier symbole. Ex :<strong> Les champs marqués d&rsquo;un astérisque (*) sont obligatoires.</strong></p>								</div>
				</div>
				<div class="elementor-element elementor-element-6971d45 elementor-widget elementor-widget-heading" data-id="6971d45" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Des messages d'erreur précis, annoncés en temps réel</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-b43a9bb politique elementor-widget elementor-widget-text-editor" data-id="b43a9bb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Lorsqu&rsquo;une erreur survient (« Format de l&#8217;email incorrect », « Champ laissé vide »), le message d&rsquo;erreur doit être précis et facilement identifiable.</p><p>Pour les utilisateurs de technologies d&rsquo;assistance, ces messages doivent apparaître et être annoncés de manière prioritaire.Voici les règles :</p><ul class="p-rich_text_list p-rich_text_list__bullet p-rich_text_list--nested" data-stringify-type="unordered-list" data-list-tree="true" data-indent="0" data-border="0"><li data-stringify-indent="0" data-stringify-border="0">Si un formulaire a un ou plusieurs erreurs, le focus doit être repositionné automatiquement sur le premier champ en erreur</li><li data-stringify-indent="0" data-stringify-border="0">Il doit avoir un <strong>aria-invalid= »true »</strong></li><li data-stringify-indent="0" data-stringify-border="0">il doit avoir un message descriptif de l&rsquo;erreur précisant le format attendu qui s&rsquo;affiche</li><li data-stringify-indent="0" data-stringify-border="0">Ce message doit être relié à l&rsquo;input par le biais d&rsquo;un <strong>aria-describedby</strong> sur le message qui a la même valeur que l&rsquo;ID positionné sur l&rsquo;input</li></ul>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6bf5371c e-flex e-con-boxed e-con e-parent" data-id="6bf5371c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-71265c15 elementor-widget elementor-widget-shortcode" data-id="71265c15" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/e-commerce/ecommerce-augmenter-conversions-accessibilite/">E-commerce : 5 points techniques pour augmenter vos conversions grâce à l&rsquo;accessibilité</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Référent accessibilité : repérer les compétences requises pour bien choisir sa formation</title>
		<link>https://akse.co/formation-fr/competences-referent-accessibilite/</link>
		
		<dc:creator><![CDATA[admin8818]]></dc:creator>
		<pubDate>Thu, 23 Oct 2025 18:48:06 +0000</pubDate>
				<category><![CDATA[Formation]]></category>
		<guid isPermaLink="false">https://akse.co/?p=6916</guid>

					<description><![CDATA[<p>Référent accessibilité : compétences et parcours de formation Référent accessibilité : un rôle crucial et officialisé L&#8217;accessibilité numérique est passée du statut d&#8217;option éthique à celui d&#8217;obligation légale, notamment avec le European Accessibility Act (EAA) et la transposition nationale des directives, comme le RGAA en France. Si la loi n&#8217;impose pas toujours la certification individuelle, [&#8230;]</p>
<p>L’article <a href="https://akse.co/formation-fr/competences-referent-accessibilite/">Référent accessibilité : repérer les compétences requises pour bien choisir sa formation</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6916" class="elementor elementor-6916" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-3ff4fc3a e-flex e-con-boxed e-con e-parent" data-id="3ff4fc3a" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-607a2ebe elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="607a2ebe" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Référent accessibilité : compétences et parcours de formation</h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-73b3651c e-flex e-con-boxed e-con e-parent" data-id="73b3651c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-76db2690 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="76db2690" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6f467ae6 e-flex e-con-boxed e-con e-parent" data-id="6f467ae6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1ac0bcc6 elementor-widget elementor-widget-heading" data-id="1ac0bcc6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Référent accessibilité : un rôle crucial et officialisé</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6cb0a24d politique elementor-widget elementor-widget-text-editor" data-id="6cb0a24d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;accessibilité numérique est passée du statut d&rsquo;option éthique à celui d&rsquo;obligation légale, notamment avec le European Accessibility Act (EAA) et la transposition nationale des directives, comme le RGAA en France. Si la loi n&rsquo;impose pas toujours la certification individuelle, elle encourage la nomination d&rsquo;un responsable dédié à l&rsquo;accessibilité pour garantir le suivi des projets numériques. Ce référent accessibilité est la clé de voûte de la stratégie.</p><p>Ce responsable n&rsquo;est pas un simple coordinateur. Son périmètre de mission est à la fois stratégique, technique et légal :</p><ul><li><p>Pilotage stratégique : Il est en charge de la rédaction du Schéma Pluriannuel d&rsquo;Accessibilité et du Plan d&rsquo;Action Annuel, qui planifient les efforts de mise en conformité sur plusieurs années.</p></li><li><p>Contrôle technique : Il réalise ou commande l&rsquo;Audit RGAA (ou WCAG) pour évaluer l&rsquo;état de conformité de la plateforme.</p></li><li><p>Communication légale : Il est responsable de la rédaction et de la publication de la Déclaration d&rsquo;Accessibilité, un document officiel qui engage l&rsquo;organisme.</p></li><li><p>Management transversal : Il assure la sensibilisation et la montée en compétence des équipes métier, UX/UI, designers et développeurs, assurant ainsi la cohérence des pratiques.</p></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-1aa276d1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1aa276d1" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-451f28af elementor-widget elementor-widget-heading" data-id="451f28af" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi une formation spécialisée est indispensable</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7df4ca49 politique elementor-widget elementor-widget-text-editor" data-id="7df4ca49" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Désigner un référent sans lui fournir la formation adéquate, c&rsquo;est lui donner un plan de vol sans la carte ni le carburant. L&rsquo;enjeu de la formation est d&rsquo;équiper ce maillon essentiel pour qu&rsquo;il puisse réussir sa mission légale et technique.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-136d0fb9 elementor-widget elementor-widget-heading" data-id="136d0fb9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Le rôle du référent accessibilité est multicasquette</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-44571510 politique elementor-widget elementor-widget-text-editor" data-id="44571510" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Le métier de référent accessibilité exige une triple casquette. Il ne suffit pas de lire le référentiel, il faut le comprendre en profondeur et être capable de l&rsquo;appliquer à différents niveaux de l&rsquo;organisation :</p><ul><li><p>Connaissances techniques : Maîtrise des standards HTML, CSS et des rôles ARIA. Le référent doit comprendre comment les technologies d&rsquo;assistance interagissent avec le code.</p></li><li><p>Connaissances légales : Compréhension des enjeux de l&rsquo;EAA, des sanctions, des délais et des obligations déclaratives.</p></li><li><p>Connaissances UX/Design : Capacité à évaluer l&rsquo;accessibilité dès les <i>wireframes</i> et les maquettes, en se concentrant sur les contrastes, la hiérarchisation de l&rsquo;information et le parcours utilisateur.</p></li><li>Gestion de projet : il peut être amené à faire le pont entre les différentes équipes techniques afin d&rsquo;expliquer les contraintes techniques liées à l&rsquo;accessibilité.</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-2813fef elementor-widget elementor-widget-heading" data-id="2813fef" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Le référent accessibilité obtient un statut d'autorité grâce à son expertise</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-761af40a politique elementor-widget elementor-widget-text-editor" data-id="761af40a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Avec une formation poussée, le référent accessibilité pourra passer du statut de simple <i>responsable</i> à celui d&rsquo;autorité incontestée en interne, capable d&rsquo;être un véritable traducteur :</p><ul><li><p>Traduire les exigences légales en actions techniques concrètes pour les développeurs (par exemple, comment utiliser correctement les rôles ARIA).</p></li><li><p>Prendre des décisions éclairées sur l&rsquo;accessibilité dès la phase de conception (le principe de l&rsquo;Accessibility by Design).</p></li><li><p>Gérer les cas complexes, comme la justification des charges disproportionnées, qui doit être documentée de manière rigoureuse pour être acceptée par la loi.</p></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-74808a3d elementor-widget elementor-widget-heading" data-id="74808a3d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Un rôle qui s'inscrit dans la durée</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-161ffce8 politique elementor-widget elementor-widget-text-editor" data-id="161ffce8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Une bonne formation doit préparer le référent à un rôle qui s&rsquo;inscrit dans la durée. Son travail ne s&rsquo;arrête pas à l&rsquo;audit initial. Il doit garantir le suivi permanent de l&rsquo;accessibilité dans les mises à jour et les nouveaux développements. Il est aussi le gestionnaire des boucles de contact obligatoires (retours utilisateurs en situation de handicap), et il pilote la vérification triennale de la conformité. Une formation complète est donc un investissement dans la pérennité de la conformité.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-2f99aefc elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2f99aefc" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-79397c2 elementor-widget elementor-widget-heading" data-id="79397c2" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Les caractéristiques clés d'une formation référent accessibilité efficace</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-2c09347e politique elementor-widget elementor-widget-text-editor" data-id="2c09347e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>Puisqu&rsquo;il n&rsquo;existe pas de certification unique reconnue à ce jour, le choix d&rsquo;un parcours de formation complet auprès d&rsquo;experts est le seul moyen de garantir l&rsquo;acquisition de l&rsquo;expertise nécessaire.</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-76acecb elementor-widget elementor-widget-heading" data-id="76acecb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Contenu technique et légal combiné</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-0b4eb49 politique elementor-widget elementor-widget-text-editor" data-id="0b4eb49" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>La formation idéale doit couvrir à la fois la théorie approfondie des critères du RGAA/WCAG et l&rsquo;aspect légal : l&rsquo;EAA, les décrets nationaux et les sanctions encourues. Ce double prisme assure que le référent comprend le pourquoi (l&rsquo;enjeu légal) et le comment (l&rsquo;application technique).</p></div>								</div>
				</div>
				<div class="elementor-element elementor-element-1d19b82 elementor-widget elementor-widget-heading" data-id="1d19b82" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Mise en pratique et expertise du terrain</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-3787a5f politique elementor-widget elementor-widget-text-editor" data-id="3787a5f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div id="model-response-message-contentr_6ddd2cc2f6f067f6" class="markdown markdown-main-panel enable-updated-hr-color" dir="ltr"><p>L&rsquo;apprentissage ne peut être purement théorique. Il est crucial que le parcours soit délivré par des experts reconnus du secteur, qui transmettent une expérience de terrain. La formation doit inclure :</p><ul><li><p>Des exercices d&rsquo;audit réels et des études de cas complexes.</p></li><li><p>La maîtrise des outils et des techniques de test manuelles utilisées par les professionnels.</p></li></ul><p> </p></div>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-892f63c e-flex e-con-boxed e-con e-parent" data-id="892f63c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-572e45c6 elementor-widget elementor-widget-shortcode" data-id="572e45c6" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-015d57e e-flex e-con-boxed e-con e-parent" data-id="015d57e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0f9d9ca e-con-full e-flex e-con e-child" data-id="0f9d9ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-05476c1 e-con-full e-flex e-con e-child" data-id="05476c1" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2584245 title-overflow elementor-widget elementor-widget-heading" data-id="2584245" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Réservez<br>
un appel de découverte</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-82e8654 e-con-full e-flex e-con e-child" data-id="82e8654" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4945d1d elementor-widget elementor-widget-spacer" data-id="4945d1d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f523427 e-con-full e-flex e-con e-child" data-id="f523427" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f08c489 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f08c489" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Évaluez l’ampleur de votre besoin en accessibilité numérique, développement ou <span lang="en">branding</span></p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Obtenez des pistes de réflexion concrètes sur vos points d’amélioration</p></span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M32.0059 0.619141L63.1229 31.7361M63.1229 31.7361L32.0059 62.8532M63.1229 31.7361H0.888853" stroke="#FFFEFA"></path></svg>						</span>
										<span class="elementor-icon-list-text"><p>Bénéficiez des conseils d’experts qui ont une expérience approfondie et une vision stratégique dans le domaine</p></span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-212611d e-con-full e-flex e-con e-child" data-id="212611d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-db0b68a e-con-full e-flex e-con e-child" data-id="db0b68a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-fb14ee0 e-con-full e-flex e-con e-child" data-id="fb14ee0" data-element_type="container" data-e-type="container" aria-hidden="true">
				<div class="elementor-element elementor-element-94e5410 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="94e5410" data-element_type="widget" data-e-type="widget" aria-hidden="true" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"><rect x="1.39844" y="3.36719" width="19.7471" height="14.5152" rx="1.5" stroke="#101010"></rect><line x1="1.2168" y1="7.18359" x2="21.057" y2="7.18359" stroke="#101010"></line><line x1="7.12305" y1="2.97156" x2="7.12305" y2="0.9694" stroke="#101010"></line><line x1="14.4219" y1="2.97156" x2="14.4219" y2="0.9694" stroke="#101010"></line></svg>			</div>
		</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df01d48 e-con-full e-flex e-con e-child" data-id="df01d48" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fcf17f my-svg elementor-widget elementor-widget-button" data-id="0fcf17f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://meet.brevo.com/akse-emilie/appel-decouverte-akse" target="_blank" rel="nofollow" aria-label="Réserver un appel de découverte dans une nouvelle fenêtre">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Réserver un appel</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-91cbbbf elementor-widget elementor-widget-text-editor" data-id="91cbbbf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Gratuit • 45 minutes • En ligne</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://akse.co/formation-fr/competences-referent-accessibilite/">Référent accessibilité : repérer les compétences requises pour bien choisir sa formation</a> est apparu en premier sur <a href="https://akse.co">Aksé</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
