Paste HTML

Paste page HTML source<option value="375" selected>iPhone SE / 8 / X (375px)</option><option value="390">iPhone 12-15 (390px)</option><option value="412">Google Pixel 7-8 (412px)</option><option value="414">iPhone 11 Pro Max (414px)</option><option value="360">Samsung Galaxy S22 (360px)</option><option value="768">iPad portrait (768px)</option></select></div> <div class="rt-o"> <h3>Mobile Audit + Preview</h3> <div id="mf-out" style="background:#fafafa;border:1px solid #e0e6d8;border-radius:8px;padding:14px;font-size:14px;min-height:80px;line-height:1.5">Audit results appear here</div> </div> </div> <p><script>function cMf(){var html=document.getElementById("mf-in").value;var bp=document.getElementById("mf-bp").value;if(!html.trim()){document.getElementById("mf-out").innerHTML="<i style=\"color:#888\">Paste HTML to run mobile audit</i>";return}var doc;try{doc=new DOMParser().parseFromString(html,"text/html")}catch(e){return}var vp=doc.querySelector("meta[name=viewport]");var vpContent=vp?vp.getAttribute("content"):null;var hasViewport=!!vp;var hasDeviceWidth=vpContent&&vpContent.indexOf("device-width")>-1;var hasScalable=vpContent&&!vpContent.match(/user-scalable\s*=\s*no/);var fontSizes=Array.from(doc.querySelectorAll("[style*=font-size]")).map(function(el){var m=(el.getAttribute("style")||"").match(/font-size\s*:\s*(\d+(?:\.\d+)?)\s*px/);return m?parseFloat(m[1]):null}).filter(Boolean);var smallFonts=fontSizes.filter(function(f){return f<14}).length;var checks=[{label:"Viewport meta tag",pass:hasViewport,fix:"Add <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"},{label:"device-width in viewport",pass:hasDeviceWidth,fix:hasViewport?"Update viewport to include width=device-width":"Set viewport first"},{label:"Allows user scaling (accessibility)",pass:!vpContent||hasScalable,fix:"Avoid user-scalable=no — it blocks accessibility zoom"},{label:"No inline font sizes below 14px",pass:smallFonts===0,fix:smallFonts+" inline font-size below 14px detected — small text is hard to read on mobile"}];var preview='</p> <div style="border:8px solid #333;border-radius:24px;background:#fff;padding:0;max-width:'+bp+'px;margin:14px auto;overflow:hidden"><iframe srcdoc="'+html.replace(/"/g,""").substring(0,80000)+'" sandbox="allow-same-origin" style="width:100%;height:560px;border:0;display:block"></iframe></div> <p>';var checksHtml=checks.map(function(c){var col=c.pass?"#719430":"#c44";var ic=c.pass?"✓":"✖";return '</p> <div style="background:#fff;border:1px solid #e0e6d8;border-radius:8px;padding:12px;display:flex;gap:10px;align-items:flex-start"> <div style="color:'+col+';font-weight:700;font-size:18px;width:20px;flex-shrink:0">'+ic+'</div> <div><b style="color:#4a6320">'+c.label+'</b>'+(!c.pass?'</p> <div style="font-size:12px;color:#c44;margin-top:3px">'+c.fix+'</div> <p>':'')+'</p></div> </div> <p>'}).join("");document.getElementById("mf-out").innerHTML='</p> <div style="display:grid;gap:10px">'+checksHtml+'</div> <div style="font-size:11px;color:#719430;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:20px 0 6px">Live preview at '+bp+'px</div> <p>'+preview}document.getElementById("mf-in").addEventListener("input",cMf);document.getElementById("mf-bp").addEventListener("change",cMf);cMf();</script></p> <h2>How to use the Mobile-Friendly Test</h2> <p>Paste your page HTML. Pick a breakpoint to preview — iPhone SE (375px) is the most common starting point, then test Galaxy S22 (360px) for the narrowest, then Pixel (412px) for a wide phone, then iPad (768px) for tablet. The tool runs four key audits — viewport meta, device-width, accessibility zoom, and inline font sizes — and renders a sandboxed iframe preview at the chosen breakpoint.</p> <h2>Pourquoi cet outil est important</h2> <p>Google has used mobile-first indexing since 2019: it indexes the mobile version of your site, not the desktop. If your mobile rendering breaks, your rankings break. The viewport meta tag is the single most important mobile signal — without it, Google assumes your page is desktop-only and penalizes mobile users. The tool catches this and other common mobile-rendering issues in one view.</p> <h2>Cas d'utilisation courants</h2> <ul> <li>Pre-launch mobile audit of a landing page</li> <li>Spotting accessibility issues (tiny inline fonts, blocked zoom)</li> <li>Comparing how a redesign renders at multiple breakpoints</li> <li>Checking how text-heavy emails preview at narrow widths</li> <li>Diagnosing why mobile rankings dropped after a CSS change</li> <li>Building a mobile QA checklist for editors and developers</li> </ul> <h2>Why we preview HTML in an iframe</h2> <p>Browsers block fetching arbitrary URLs from a tool running in the browser (CORS). Pasting HTML gives you a sandboxed preview of exactly the markup you paste — useful for staging environments, behind-firewall pages, and HTML you generated programmatically. The preview is sandboxed (no scripts execute) for security.</p> <h2>Foire aux questions</h2> <p><strong>Why does my preview look broken?</strong><br />The iframe sandbox blocks external scripts and stylesheets for security. The preview reflects the inline HTML/CSS only. For a fully rendered preview use Chrome DevTools device emulation on the live page.</p> <p><strong>What viewport meta tag should I use?</strong><br /><meta name="viewport" content="width=device-width, initial-scale=1"> is the standard. Avoid user-scalable=no — it blocks accessibility zoom and is a Google penalty signal.</p> <p><strong>What font size is too small for mobile?</strong><br />Below 14px (16px is ideal). Anything below 12px is unreadable for most mobile users and triggers Google\u2019s “Text too small to read” warning in Search Console.</p> <p><strong>How does this compare to Google\u2019s official Mobile-Friendly Test?</strong><br />Google\u2019s test fetches the URL with their crawler — definitive, but only works on publicly accessible pages. Our tool runs on pasted HTML — works on staging, behind firewalls, or for pre-launch validation.</p> <div class="rt-cta"> <h3>Need a full mobile UX audit and optimization roadmap?</h3> <p style="margin:0;opacity:.95">Riman Agency runs mobile-first design and SEO programs.</p> <p><a href="/fr/contact/">Book a Mobile Audit</a></div> </div><footer class="entry-footer"></footer> </div> </article><!--end post-entry--> <!--end content--> </main> </div><!--end container--> </div><!-- close default .container_wrap element --> <div class='container_wrap footer_color' id='footer'> <div class='container'> <div class='flex_column av_one_third first el_before_av_one_third'><section id="custom_html-2" class="widget_text widget clearfix widget_custom_html"><h3 class="widgettitle">Services et calculatrices</h3><div class="textwidget custom-html-widget"><style>.rim-foot{font-size:13px;line-height:1.5}.rim-foot ul{padding:0;margin:0 0 16px;list-style:none}.rim-foot li{margin:0 0 5px}.rim-foot a{color:#d0d0d0;text-decoration:none}.rim-foot a:hover{color:#8aac49}.rim-foot h4{color:#fff;font-size:13px;font-weight:700;margin:18px 0 8px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:5px}.rim-foot h4:first-of-type{margin-top:0}.rim-foot .more{color:#8aac49;font-style:italic;font-size:12px;display:inline-block;margin-top:2px}</style><div class="rim-foot"><h4>Pages principales</h4><ul><li><a href="/fr/">Maison</a></li><li><a href="/fr/about-us/">À propos de nous</a></li><li><a href="/fr/services/">Services</a></li><li><a href="/fr/tools/">Outils (160+)</a></li><li><a href="/fr/blog/">Blog</a></li><li><a href="/fr/books-by-tarek-riman/">Livres de Tarek Riman</a></li><li><a href="/fr/workshops/">Ateliers</a></li><li><a href="/fr/faq/">FAQ</a></li><li><a href="/fr/contact/">Contact</a></li></ul><h4>Services de pointe</h4><ul><li><a href="/fr/seo/">référencement</a></li><li><a href="/fr/answer-engine-optimization-aeo-services/">Services AEO</a></li><li><a href="/fr/geo-ai-search-visibility-services/">Recherche géolocalisée et IA</a></li><li><a href="/fr/ai-marketing-strategy-implementation-services/">Stratégie marketing IA</a></li><li><a href="/fr/advanced-google-analytics-expert-in-montreal/">Analytique</a></li><li><a href="/fr/web-development-and-design/">Développement et conception web</a></li><li><a href="/fr/services/" class="more">→ Voir tous les services</a></li></ul><h4>Meilleurs calculateurs marketing</h4><ul><li><a href="https://rimanagency.com/fr/sms-marketing-roi-calculator/">Calculateur de retour sur investissement marketing</a></li><li><a href="https://rimanagency.com/fr/customer-lifetime-value-clv-calculator/">Calculateur de valeur vie client</a></li><li><a href="https://rimanagency.com/fr/customer-acquisition-cost-cac-calculator/">Calculateur CAC</a></li><li><a href="https://rimanagency.com/fr/nps-calculator-compute-your-net-promoter-score/">Calculateur NPS</a></li><li><a href="https://rimanagency.com/fr/average-order-value-aov-calculator/">Calculateur AOV</a></li><li><a href="https://rimanagency.com/fr/conversion-rate-calculator-free/">Taux de conversion</a></li><li><a href="/fr/tools/#marketing-business-calculators" class="more">→ Voir toutes les calculatrices</a></li></ul></div></div><span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_third el_after_av_one_third el_before_av_one_third'><section id="custom_html-3" class="widget_text widget clearfix widget_custom_html"><h3 class="widgettitle">SaaS, publicité et finance</h3><div class="textwidget custom-html-widget"><style>.rim-foot{font-size:13px;line-height:1.5}.rim-foot ul{padding:0;margin:0 0 16px;list-style:none}.rim-foot li{margin:0 0 5px}.rim-foot a{color:#d0d0d0;text-decoration:none}.rim-foot a:hover{color:#8aac49}.rim-foot h4{color:#fff;font-size:13px;font-weight:700;margin:18px 0 8px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:5px}.rim-foot h4:first-of-type{margin-top:0}.rim-foot .more{color:#8aac49;font-style:italic;font-size:12px;display:inline-block;margin-top:2px}</style><div class="rim-foot"><h4>SaaS et abonnement</h4><ul><li><a href="https://rimanagency.com/fr/saas-mrr-growth-calculator/">Croissance du MRR SaaS</a></li><li><a href="https://rimanagency.com/fr/net-revenue-retention-nrr-calculator/">Retenue des revenus nets</a></li><li><a href="https://rimanagency.com/fr/ltvcac-ratio-calculator/">Ratio LTV/CAC</a></li><li><a href="https://rimanagency.com/fr/burn-rate-runway-calculator/">Taux de combustion et marge de manœuvre</a></li><li><a href="https://rimanagency.com/fr/cohort-ltv-calculator/">Cohorte LTV</a></li><li><a href="https://rimanagency.com/fr/saas-magic-number-calculator/">Numéro magique SaaS</a></li><li><a href="/fr/tools/#saas-subscription-metrics" class="more">→ Voir tous les outils SaaS</a></li></ul><h4>Publicités payantes et e-mails</h4><ul><li><a href="https://rimanagency.com/fr/google-ads-roas-calculator-find-your-break-even-and-target-roas/">ROAS des publicités Google</a></li><li><a href="https://rimanagency.com/fr/facebook-ads-cpm-roas-estimator/">Facebook/Meta CPM</a></li><li><a href="https://rimanagency.com/fr/linkedin-ads-cost-per-lead-calculator/">LinkedIn CPL</a></li><li><a href="https://rimanagency.com/fr/email-marketing-roi-calculator-forecast-revenue-from-your-email-list/">ROI du marketing par e-mail</a></li><li><a href="https://rimanagency.com/fr/email-list-growth-forecaster/">Développement de la liste de diffusion par e-mail</a></li><li><a href="https://rimanagency.com/fr/influencer-marketing-roi-calculator-forecast-and-measure-sponsored-content-returns/">ROI des influenceurs</a></li><li><a href="/fr/tools/#paid-ads-calculators" class="more">→ Voir toutes les annonces et les e-mails</a></li></ul><h4>Finance et tarification</h4><ul><li><a href="https://rimanagency.com/fr/profit-margin-calculator-gross-net/">Marge bénéficiaire</a></li><li><a href="https://rimanagency.com/fr/net-present-value-npv-calculator/">Calculateur de VAN</a></li><li><a href="https://rimanagency.com/fr/compound-interest-calculator/">Intérêts composés</a></li><li><a href="https://rimanagency.com/fr/markup-calculator-from-cost-to-selling-price/">Calculateur de marge</a></li></ul></div></div><span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_third el_after_av_one_third el_before_av_one_third'><section id="custom_html-4" class="widget_text widget clearfix widget_custom_html"><h3 class="widgettitle">Contenu, réseaux sociaux et référencement</h3><div class="textwidget custom-html-widget"><style>.rim-foot{font-size:13px;line-height:1.5}.rim-foot ul{padding:0;margin:0 0 16px;list-style:none}.rim-foot li{margin:0 0 5px}.rim-foot a{color:#d0d0d0;text-decoration:none}.rim-foot a:hover{color:#8aac49}.rim-foot h4{color:#fff;font-size:13px;font-weight:700;margin:18px 0 8px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:5px}.rim-foot h4:first-of-type{margin-top:0}.rim-foot .more{color:#8aac49;font-style:italic;font-size:12px;display:inline-block;margin-top:2px}</style><div class="rim-foot"><h4>Contenu et rédaction</h4><ul><li><a href="https://rimanagency.com/fr/headline-analyzer-free-tool/">Analyseur de titres</a></li><li><a href="https://rimanagency.com/fr/flesch-reading-ease-calculator/">Score de lecture de Flesch</a></li><li><a href="https://rimanagency.com/fr/meta-description-generator-serp-optimized-snippets/">Méta-description</a></li><li><a href="https://rimanagency.com/fr/aida-copywriting-framework-builder/">Constructeur AIDA</a></li><li><a href="https://rimanagency.com/fr/word-counter-reading-time-tool/">Compteur de mots</a></li><li><a href="https://rimanagency.com/fr/tweet-thread-builder-length-validator/">Créateur de fils de discussion Tweet</a></li><li><a href="/fr/tools/#content-copywriting-social" class="more">→ Voir tous les outils de contenu</a></li></ul><h4>Schéma et référencement</h4><ul><li><a href="https://rimanagency.com/fr/faq-schema-markup-generator/">Schéma FAQ</a></li><li><a href="https://rimanagency.com/fr/answer-module-generator-aeo-free-apon-tool/">Module de réponse AEO</a></li><li><a href="https://rimanagency.com/fr/seo-traffic-forecasting-calculator-project-organic-growth-from-rankings/">Prévisions de trafic SEO</a></li><li><a href="/fr/tools/#schema-generators-json-ld" class="more">→ Tous les schémas</a>  ·  <a href="/fr/tools/#seo-technical-tools" class="more">Tout le référencement</a></li></ul><h4>Articles populaires</h4><ul><li><a href="/fr/what-is-answer-engine-optimization-aeo-the-2026-definition-marketers-need/">Qu’est-ce que l’AEO ? (2026)</a></li><li><a href="/fr/aeo-vs-seo-what-changes-in-the-answer-era-2026-guide/">Guide AEO vs SEO</a></li><li><a href="/fr/the-citation-triangle-how-ai-engines-decide-what-to-cite/">Le triangle des citations</a></li><li><a href="/fr/the-answer-module-formula-how-to-write-citation-friendly-content-apon/">Formule de réponse APON</a></li><li><a href="/fr/google-ai-overviews-vs-ai-mode-how-to-optimize-for-both-surfaces/">Aperçu de l'IA vs Mode IA</a></li><li><a href="/fr/10-ai-marketing-plays-every-smb-should-run-this-quarter/">10 stratégies marketing basées sur l'IA</a></li><li><a href="/fr/e-e-a-t-in-the-ai-era-why-experience-beats-information/">Manger à l'ère de l'IA</a></li><li><a href="/fr/how-to-blog-in-the-ai-era-the-2026-playbook/">Comment bloguer à l'ère de l'IA</a></li><li><a href="/fr/blog/" class="more">→ Voir tous les articles</a></li></ul></div></div><span class="seperator extralight-border"></span></section></div> </div> <!-- ####### END FOOTER CONTAINER ####### --> </div> <footer class='container_wrap socket_color' id='socket' role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" aria-label="Copyright et informations sur l'entreprise" data-no-translation-aria-label="" > <div class='container'> <span class='copyright'>Agence Riman 2026 - Conçu et développé par l'Agence Riman </span> <ul class='noLightbox social_bookmarks icon_count_2'><li class='social_bookmarks_facebook av-social-link-facebook social_icon_1 avia_social_iconfont'><a target="_blank" aria-label="Lien vers Facebook" href='https://www.facebook.com/CapTaiMMarketing/' data-av_icon='' data-av_iconfont='entypo-fontello' title="Lien vers Facebook" desc="Lien vers Facebook" data-no-translation-aria-label="" data-no-translation-title="" data-no-translation-desc=""><span class='avia_hidden_link_text' data-no-translation="" data-trp-gettext="">Lien vers Facebook</span></a></li><li class='social_bookmarks_linkedin av-social-link-linkedin social_icon_2 avia_social_iconfont'><a target="_blank" aria-label="Lien vers LinkedIn" href='https://www.linkedin.com/in/tarekriman/' data-av_icon='' data-av_iconfont='entypo-fontello' title="Lien vers LinkedIn" desc="Lien vers LinkedIn" data-no-translation-aria-label="" data-no-translation-title="" data-no-translation-desc=""><span class='avia_hidden_link_text' data-no-translation="" data-trp-gettext="">Lien vers LinkedIn</span></a></li></ul><nav class='sub_menu_socket' role="navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement" ><div class="avia3-menu"><ul role="menu" class="menu" id="avia3-menu"><li role="menuitem" id="menu-item-3223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-1"><a href="https://rimanagency.com/fr/terms-of-service/" itemprop="url" tabindex="0"><span class="avia-bullet"></span><span class="avia-menu-text">Conditions d'utilisation</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li> </ul></div></nav> </div> <!-- ####### END SOCKET CONTAINER ####### --> </footer> <!-- end main --> </div> <!-- end wrap_all --></div> <a href='#top' title='Faites défiler vers le haut' id='scroll-top-link' class='avia-svg-icon avia-font-svg_entypo-fontello' data-av_svg_icon='up-open' data-av_iconset='svg_entypo-fontello' tabindex='-1' aria-hidden='true' data-no-translation-title=""> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewbox="0 0 19 32" preserveaspectratio="xMidYMid meet" aria-labelledby='av-svg-title-4' aria-describedby='av-svg-desc-4' role="graphics-symbol" aria-hidden="true"> <title id='av-svg-title-4' data-no-translation="" data-trp-gettext="">Faites défiler vers le haut</title> <desc id='av-svg-desc-4' data-no-translation="" data-trp-gettext="">Faites défiler vers le haut</desc> <path d="M18.048 18.24q0.512 0.512 0.512 1.312t-0.512 1.312q-1.216 1.216-2.496 0l-6.272-6.016-6.272 6.016q-1.28 1.216-2.496 0-0.512-0.512-0.512-1.312t0.512-1.312l7.488-7.168q0.512-0.512 1.28-0.512t1.28 0.512z"></path> </svg> <span class="avia_hidden_link_text" data-no-translation="" data-trp-gettext="">Faites défiler vers le haut</span> </a> <div id="fb-root"></div> <template id="tp-language" data-tp-language="fr_CA"></template><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/fr/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/enfold/*","/fr/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <a id="riman-skip-link" href="#riman-accessibility-container" data-no-translation="" data-trp-gettext="">Passer au panneau d'accessibilité</a> <!-- Toggle --> <button id="riman-toggle-button" aria-label="Ouvrir le panneau d'accessibilité (Ctrl+Alt+A)" aria-expanded="false" aria-controls="riman-accessibility-container" aria-haspopup="dialog" data-no-translation-aria-label=""> <span class="r-ico r-ico-a" aria-hidden="true"> <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="14" r="11"/><path d="M76 70 L65 44 L43 44 L39 28 L25 28 L25 38 L33 38 L38 55 L61 55 L68 78 C71 87 82 85 80 75 Z"/><path d="M49 57 L49 44 L58 44 L63 57 Q55 67 42 64 Q30 61 28 50 Q27 38 36 32 L40 44 Q35 47 34 52 Q33 60 42 63 Q48 65 49 57 Z"/></svg> </span> <span class="r-ico r-ico-b" aria-hidden="true"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> </span> </button> <!-- Panel --> <div id="riman-accessibility-container" role="dialog" aria-modal="true" aria-labelledby="riman-panel-title" aria-hidden="true" tabindex="-1"> <div id="riman-panel-header"> <div id="riman-panel-identity"> <div id="riman-panel-badge" aria-hidden="true"> <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="14" r="11"/><path d="M76 70 L65 44 L43 44 L39 28 L25 28 L25 38 L33 38 L38 55 L61 55 L68 78 C71 87 82 85 80 75 Z"/><path d="M49 57 L49 44 L58 44 L63 57 Q55 67 42 64 Q30 61 28 50 Q27 38 36 32 L40 44 Q35 47 34 52 Q33 60 42 63 Q48 65 49 57 Z"/></svg> </div> <h2 id="riman-panel-title" data-tr="header" data-no-translation="" data-trp-gettext="">Accessibilité</h2> </div> <div id="riman-header-right"> <select id="riman-panel-lang" aria-label="Langue" data-no-translation-aria-label=""> <option value="en">FR</option><option value="fr">FR</option><option value="es">ES</option> </select> <button id="riman-panel-close" aria-label="Fermer le panneau" data-no-translation-aria-label=""> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> </button> </div> </div> <div id="riman-panel-grid"> <p class="r-label" data-tr="sec-display" data-no-translation="" data-trp-gettext="">Afficher</p> <button type="button" class="riman-feature-tile" data-action="high-contrast" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">◑</span> <span class="r-tile-label" data-tr="high-contrast" data-no-translation="" data-trp-gettext="">Contraste élevé</span> </button> <button type="button" class="riman-feature-tile" data-action="dark-mode" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">☾</span> <span class="r-tile-label" data-tr="dark-mode" data-no-translation="" data-trp-gettext="">Mode sombre</span> </button> <button type="button" class="riman-feature-tile" data-action="hide-images" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">⛶</span> <span class="r-tile-label" data-tr="hide-images" data-no-translation="" data-trp-gettext="">Masquer les images</span> </button> <button type="button" class="riman-feature-tile" data-action="reading-mask" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">◌</span> <span class="r-tile-label" data-tr="reading-mask" data-no-translation="" data-trp-gettext="">Masque de lecture</span> </button> <div class="r-divider"></div> <p class="r-label" data-tr="sec-text" data-no-translation="" data-trp-gettext="">Texte</p> <div class="r-stepper-tile" role="group" aria-label="Taille de la police" data-no-translation-aria-label=""> <div class="r-stepper"> <button type="button" class="r-step-btn" data-op="decrease" data-target="font-size" aria-label="Réduire la taille de la police" data-no-translation-aria-label="">−</button> <div class="r-step-divider"></div> <span class="r-step-val" id="riman-fs-val" aria-live="polite" aria-atomic="true">100%</span> <div class="r-step-divider"></div> <button type="button" class="r-step-btn" data-op="increase" data-target="font-size" aria-label="Augmenter la taille de la police" data-no-translation-aria-label="">+</button> </div> <span class="r-stepper-label" data-tr="font-size" data-no-translation="" data-trp-gettext="">Taille de la police</span> </div> <div class="r-stepper-tile" role="group" aria-label="Hauteur de ligne" data-no-translation-aria-label=""> <div class="r-stepper"> <button type="button" class="r-step-btn" data-op="decrease" data-target="line-height" aria-label="Diminuer la hauteur de la ligne" data-no-translation-aria-label="">−</button> <div class="r-step-divider"></div> <span class="r-step-val" id="riman-lh-val" aria-live="polite" aria-atomic="true">100%</span> <div class="r-step-divider"></div> <button type="button" class="r-step-btn" data-op="increase" data-target="line-height" aria-label="Augmenter la hauteur de la ligne" data-no-translation-aria-label="">+</button> </div> <span class="r-stepper-label" data-tr="line-height" data-no-translation="" data-trp-gettext="">Hauteur de ligne</span> </div> <div class="r-stepper-tile" role="group" aria-label="Espacement des lettres" data-no-translation-aria-label=""> <div class="r-stepper"> <button type="button" class="r-step-btn" data-op="decrease" data-target="letter-spacing" aria-label="Réduire l'espacement des lettres" data-no-translation-aria-label="">−</button> <div class="r-step-divider"></div> <span class="r-step-val" id="riman-ls-val" aria-live="polite" aria-atomic="true">100%</span> <div class="r-step-divider"></div> <button type="button" class="r-step-btn" data-op="increase" data-target="letter-spacing" aria-label="Augmenter l'espacement des lettres" data-no-translation-aria-label="">+</button> </div> <span class="r-stepper-label" data-tr="letter-spacing" data-no-translation="" data-trp-gettext="">Espacement des lettres</span> </div> <div class="r-stepper-tile" role="group" aria-label="Zoom sur la page" data-no-translation-aria-label=""> <div class="r-stepper"> <button type="button" class="r-step-btn" data-op="decrease" data-target="zoom" aria-label="Dézoomer" data-no-translation-aria-label="">−</button> <div class="r-step-divider"></div> <span class="r-step-val" id="riman-zoom-val" aria-live="polite" aria-atomic="true">100%</span> <div class="r-step-divider"></div> <button type="button" class="r-step-btn" data-op="increase" data-target="zoom" aria-label="Zoomer" data-no-translation-aria-label="">+</button> </div> <span class="r-stepper-label" data-tr="zoom" data-no-translation="" data-trp-gettext="">Zoom sur la page</span> </div> <div class="r-divider"></div> <p class="r-label" data-tr="sec-fonts" data-no-translation="" data-trp-gettext="">Polices de caractères</p> <button type="button" class="riman-feature-tile" data-action="readable-font" aria-pressed="false"> <span class="r-tile-icon" style="font-family:Arial,sans-serif;" aria-hidden="true">Aa</span> <span class="r-tile-label" data-tr="readable-font" data-no-translation="" data-trp-gettext="">Police lisible</span> </button> <button type="button" class="riman-feature-tile" data-action="dyslexia-font" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">Dd</span> <span class="r-tile-label" data-tr="dyslexia-font" data-no-translation="" data-trp-gettext="">Police de caractères pour dyslexiques</span> </button> <div class="r-divider"></div> <p class="r-label" data-tr="sec-nav" data-no-translation="" data-trp-gettext="">Navigation</p> <button type="button" class="riman-feature-tile" data-action="highlight-links" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">#</span> <span class="r-tile-label" data-tr="highlight-links" data-no-translation="" data-trp-gettext="">Liens importants</span> </button> <button type="button" class="riman-feature-tile" data-action="highlight-titles" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">H</span> <span class="r-tile-label" data-tr="highlight-titles" data-no-translation="" data-trp-gettext="">Titres phares</span> </button> <div class="r-divider"></div> <p class="r-label" data-tr="sec-align" data-no-translation="" data-trp-gettext="">Alignement</p> <div class="r-segment-wrap" role="group" aria-label="Alignement du texte" data-no-translation-aria-label=""> <button type="button" class="riman-feature-tile" data-action="align-left" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">←</span> <span class="r-tile-label" data-tr="align-left" data-no-translation="" data-trp-gettext="">Gauche</span> </button> <button type="button" class="riman-feature-tile" data-action="align-center" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">↔</span> <span class="r-tile-label" data-tr="align-center" data-no-translation="" data-trp-gettext="">Centre</span> </button> <button type="button" class="riman-feature-tile" data-action="align-right" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">→</span> <span class="r-tile-label" data-tr="align-right" data-no-translation="" data-trp-gettext="">Droite</span> </button> </div> </div><!-- /grid --> <button id="riman-panel-reset" type="button" data-tr="reset"> <svg width="13" height="13" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/></svg> Réinitialiser tous les paramètres </button> <div id="riman-panel-footer" data-no-translation="" data-trp-gettext="">Ctrl+Alt+A pour activer/désactiver · Échap pour fermer</div> <div id="riman-brand-section"> <div id="riman-brand-top"> <div id="riman-brand-icon-wrap" aria-hidden="true"> <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="14" r="11"/><path d="M76 70 L65 44 L43 44 L39 28 L25 28 L25 38 L33 38 L38 55 L61 55 L68 78 C71 87 82 85 80 75 Z"/><path d="M49 57 L49 44 L58 44 L63 57 Q55 67 42 64 Q30 61 28 50 Q27 38 36 32 L40 44 Q35 47 34 52 Q33 60 42 63 Q48 65 49 57 Z"/></svg> </div> <div id="riman-brand-text-wrap"> <span id="riman-brand-name">Outil d'accessibilité Riman</span> <span id="riman-brand-tagline" data-no-translation="" data-trp-gettext="">Des expériences conformes aux WCAG pour chaque utilisateur</span> </div> </div> <a id="riman-brand-cta" href="mailto:t@rimanagency.com" aria-label="Contactez l'agence Riman pour rendre votre site accessible." data-no-translation-aria-label=""> <svg width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> <span id="riman-brand-cta-text"> Rendez votre site entièrement accessible <span id="riman-brand-cta-email">t@rimanagency.com</span> </span> <svg width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg> </a> </div> </div><!-- /panel --> <script> /* Riman Accessibility Plugin v5.0 */ (function(){ 'use strict'; /* ── translations ───────────────────────────────────────────────────── */ var TR = { en:{header:'Accessibility','sec-display':'Display','sec-text':'Text','sec-fonts':'Fonts','sec-nav':'Navigation','sec-align':'Alignment','high-contrast':'High Contrast','dark-mode':'Dark Mode','hide-images':'Hide Images','reading-mask':'Reading Mask','font-size':'Font Size','line-height':'Line Height','letter-spacing':'Letter Spacing',zoom:'Page Zoom','readable-font':'Readable Font','dyslexia-font':'Dyslexia Font','highlight-links':'Highlight Links','highlight-titles':'Highlight Titles','align-left':'Left','align-center':'Center','align-right':'Right',reset:'Reset All Settings'}, fr:{header:'Accessibilit\u00e9','sec-display':'Affichage','sec-text':'Texte','sec-fonts':'Polices','sec-nav':'Navigation','sec-align':'Alignement','high-contrast':'Contraste \u00c9lev\u00e9','dark-mode':'Mode Sombre','hide-images':'Masquer Images','reading-mask':'Masque Lecture','font-size':'Taille Police','line-height':'Hauteur Ligne','letter-spacing':'Espacement',zoom:'Zoom','readable-font':'Police Lisible','dyslexia-font':'Police Dyslexie','highlight-links':'Surligner Liens','highlight-titles':'Surligner Titres','align-left':'Gauche','align-center':'Centre','align-right':'Droite',reset:'R\u00e9initialiser'}, es:{header:'Accesibilidad','sec-display':'Pantalla','sec-text':'Texto','sec-fonts':'Fuentes','sec-nav':'Navegaci\u00f3n','sec-align':'Alineaci\u00f3n','high-contrast':'Alto Contraste','dark-mode':'Modo Oscuro','hide-images':'Ocultar Im\u00e1genes','reading-mask':'M\u00e1scara','font-size':'Tama\u00f1o','line-height':'Interlineado','letter-spacing':'Espaciado',zoom:'Zoom','readable-font':'Fuente Legible','dyslexia-font':'Fuente Dislexia','highlight-links':'Resaltar Enlaces','highlight-titles':'Resaltar T\u00edtulos','align-left':'Izquierda','align-center':'Centro','align-right':'Derecha',reset:'Restablecer'} }; /* ── state ──────────────────────────────────────────────────────────── */ var LS = 'riman_a11y_v5'; var S = {lang:'en',fs:100,lh:100,ls:100,zoom:100,feats:[],align:null}; function save(){try{localStorage.setItem(LS,JSON.stringify(S));}catch(e){}} function load(){try{var r=localStorage.getItem(LS);if(!r)return;var d=JSON.parse(r);['lang','fs','lh','ls','zoom','feats','align'].forEach(function(k){if(d.hasOwnProperty(k))S[k]=d[k];});}catch(e){}} /* ── dom refs ───────────────────────────────────────────────────────── */ var btn = document.getElementById('riman-toggle-button'); var panel = document.getElementById('riman-accessibility-container'); var closeBtn = document.getElementById('riman-panel-close'); var resetBtn = document.getElementById('riman-panel-reset'); var langSel = document.getElementById('riman-panel-lang'); var elFS = document.getElementById('riman-fs-val'); var elLH = document.getElementById('riman-lh-val'); var elLS = document.getElementById('riman-ls-val'); var elZoom = document.getElementById('riman-zoom-val'); /* dynamic style tags (one each so updates are instant) */ function mkStyle(id){var s=document.createElement('style');s.id=id;document.head.appendChild(s);return s;} var stFS = mkStyle('riman-dyn-fs'); var stLH = mkStyle('riman-dyn-lh'); var stLS = mkStyle('riman-dyn-ls'); var stAlign= mkStyle('riman-dyn-align'); /* reading mask nodes */ var mTop=null, mBot=null; /* CSS exclusion — keeps panel/button untouched */ var EX = ':not(#riman-accessibility-container):not(#riman-accessibility-container *)'+ ':not(#riman-toggle-button):not(#riman-toggle-button *)'; /* text containers we target for font-size injection (block / form elements — avoids compounding on inline children) */ var FS_SEL = ['p','h1','h2','h3','h4','h5','h6','li','td','th','dt','dd', 'caption','legend','figcaption','blockquote','pre', 'button','input','select','textarea','label','a'].map(function(t){return t+EX;}).join(','); /* ── panel open / close ─────────────────────────────────────────────── */ function openPanel(){ document.body.classList.add('riman-panel-open'); btn.setAttribute('aria-expanded','true'); panel.setAttribute('aria-hidden','false'); var f=focusable()[0]; if(f) f.focus(); } function closePanel(){ document.body.classList.remove('riman-panel-open'); btn.setAttribute('aria-expanded','false'); panel.setAttribute('aria-hidden','true'); btn.focus(); } function togglePanel(){document.body.classList.contains('riman-panel-open')?closePanel():openPanel();} /* ── focus trap ─────────────────────────────────────────────────────── */ function focusable(){ return Array.prototype.slice.call(panel.querySelectorAll( 'button:not([disabled]),select:not([disabled]),input:not([disabled]),[tabindex]:not([tabindex="-1"])')); } panel.addEventListener('keydown',function(e){ if(e.key!=='Tab') return; var items=focusable(); if(!items.length) return; var first=items[0], last=items[items.length-1]; if(e.shiftKey && document.activeElement===first){e.preventDefault(); last.focus();} else if(!e.shiftKey && document.activeElement===last){e.preventDefault(); first.focus();} }); /* ── apply: font size ───────────────────────────────────────────────── */ function applyFS(){ var p=S.fs; /* Method 1 — change html font-size (works for rem-based themes) */ if(p===100){ document.documentElement.style.removeProperty('font-size'); stFS.textContent=''; } else { document.documentElement.style.fontSize = p+'%'; /* Method 2 — inject style targeting block text elements (works for em/px themes) */ stFS.textContent = FS_SEL + '{ font-size:'+p+'% !important; }'; } if(elFS) elFS.textContent = p+'%'; } /* ── apply: line height ─────────────────────────────────────────────── */ function applyLH(){ var p=S.lh; if(p===100){ document.documentElement.style.removeProperty('line-height'); stLH.textContent=''; } else { var ratio=(1.2+(p-100)/100*0.8).toFixed(2); /* 80%=0.84, 100%=1.2, 150%=1.6, 200%=2.0 */ document.documentElement.style.lineHeight = ratio; stLH.textContent = '*'+EX+'{ line-height:'+ratio+' !important; }'; } if(elLH) elLH.textContent = p+'%'; } /* ── apply: letter spacing ──────────────────────────────────────────── */ function applyLS(){ var p=S.ls; if(p===100){ document.documentElement.style.removeProperty('letter-spacing'); stLS.textContent=''; } else { var px=((p-100)/100*4).toFixed(2)+'px'; document.documentElement.style.letterSpacing = px; stLS.textContent = '*'+EX+'{ letter-spacing:'+px+' !important; }'; } if(elLS) elLS.textContent = p+'%'; } /* ── apply: zoom ────────────────────────────────────────────────────── */ function applyZoom(){ var p=S.zoom; if(p===100) document.documentElement.style.removeProperty('zoom'); else document.documentElement.style.setProperty('zoom',(p/100).toString(),'important'); if(elZoom) elZoom.textContent = p+'%'; } /* ── apply: alignment ───────────────────────────────────────────────── */ function applyAlign(){ stAlign.textContent = S.align ? ('*'+EX+'{ text-align:'+S.align+' !important; }') : ''; } /* ── apply: reading mask ────────────────────────────────────────────── */ function applyMask(on){ if(on){ if(!mTop){mTop=document.createElement('div');mTop.className='riman-page-mask-top';mTop.setAttribute('aria-hidden','true');} if(!mBot){mBot=document.createElement('div');mBot.className='riman-page-mask-bottom';mBot.setAttribute('aria-hidden','true');} if(!mTop.parentNode) document.body.appendChild(mTop); if(!mBot.parentNode) document.body.appendChild(mBot); } else { if(mTop&&mTop.parentNode) mTop.parentNode.removeChild(mTop); if(mBot&&mBot.parentNode) mBot.parentNode.removeChild(mBot); } } /* feature → html class map */ var CM={ 'high-contrast':'riman-high-contrast','dark-mode':'riman-dark-mode', 'hide-images':'riman-hide-images','highlight-links':'riman-highlight-links', 'highlight-titles':'riman-highlight-titles','readable-font':'riman-readable-font', 'dyslexia-font':'riman-dyslexia-font' }; /* mutually exclusive pairs */ var MX={'high-contrast':['dark-mode'],'dark-mode':['high-contrast'],'readable-font':['dyslexia-font'],'dyslexia-font':['readable-font']}; /* ── apply all state ────────────────────────────────────────────────── */ function applyAll(){ applyFS(); applyLH(); applyLS(); applyZoom(); applyAlign(); /* toggle html classes */ Object.keys(CM).forEach(function(a){ document.documentElement.classList.toggle(CM[a], S.feats.indexOf(a)!==-1); }); applyMask(S.feats.indexOf('reading-mask')!==-1); /* sync aria-pressed on all tiles */ document.querySelectorAll('.riman-feature-tile').forEach(function(t){ var a=t.dataset.action, pressed; if(a && a.indexOf('align-')===0) pressed=(S.align===a.replace('align-','')); else pressed=(S.feats.indexOf(a)!==-1); t.setAttribute('aria-pressed', pressed?'true':'false'); }); applyLang(S.lang); } /* ── toggle feature ─────────────────────────────────────────────────── */ function toggleFeat(action){ (MX[action]||[]).forEach(function(c){var i=S.feats.indexOf(c);if(i!==-1)S.feats.splice(i,1);}); var idx=S.feats.indexOf(action); if(idx===-1) S.feats.push(action); else S.feats.splice(idx,1); applyAll(); save(); } function toggleAlign(val){S.align=(S.align===val)?null:val; applyAll(); save();} /* ── reset ──────────────────────────────────────────────────────────── */ function resetAll(){ S.fs=100; S.lh=100; S.ls=100; S.zoom=100; S.feats=[]; S.align=null; applyAll(); save(); } /* ── language ───────────────────────────────────────────────────────── */ function applyLang(lang){ var d=TR[lang]||TR.en; document.querySelectorAll('[data-tr]').forEach(function(el){var k=el.dataset.tr; if(d[k]!==undefined) el.textContent=d[k];}); if(langSel) langSel.value=lang; } /* ── event bindings ─────────────────────────────────────────────────── */ if(btn) btn.addEventListener('click',togglePanel); if(closeBtn) closeBtn.addEventListener('click',closePanel); if(resetBtn) resetBtn.addEventListener('click',resetAll); if(langSel) langSel.addEventListener('change',function(){S.lang=this.value; applyLang(this.value); save();}); document.querySelectorAll('.riman-feature-tile').forEach(function(t){ t.addEventListener('click',function(){ var a=this.dataset.action; if(a && a.indexOf('align-')===0) toggleAlign(a.replace('align-','')); else toggleFeat(a); }); }); document.querySelectorAll('.r-step-btn').forEach(function(b){ b.addEventListener('click',function(){ var op=this.dataset.op, tgt=this.dataset.target, d=(op==='increase')?1:-1; switch(tgt){ case 'font-size': S.fs=Math.max(50,Math.min(200,S.fs+d*5)); applyFS(); break; case 'line-height': S.lh=Math.max(50,Math.min(200,S.lh+d*10)); applyLH(); break; case 'letter-spacing': S.ls=Math.max(50,Math.min(200,S.ls+d*10)); applyLS(); break; case 'zoom': S.zoom=Math.max(50,Math.min(200,S.zoom+d*10)); applyZoom(); break; } save(); }); }); document.addEventListener('keydown',function(e){ if(e.ctrlKey&&e.altKey&&(e.key==='a'||e.key==='A')){e.preventDefault(); togglePanel();} if(e.key==='Escape'&&document.body.classList.contains('riman-panel-open')) closePanel(); }); document.addEventListener('click',function(e){ if(document.body.classList.contains('riman-panel-open') && !panel.contains(e.target) && !btn.contains(e.target)) closePanel(); }); /* ── init ───────────────────────────────────────────────────────────── */ load(); applyAll(); }()); </script> <script type='text/javascript'> /* <![CDATA[ */ var avia_framework_globals = avia_framework_globals || {}; avia_framework_globals.frameworkUrl = 'https://rimanagency.com/wp-content/themes/enfold/framework/'; avia_framework_globals.installedAt = 'https://rimanagency.com/wp-content/themes/enfold/'; avia_framework_globals.ajaxurl = 'https://rimanagency.com/wp-admin/admin-ajax.php'; /* ]]> */ </script> <script id="jquery-core-js" src="https://rimanagency.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script> <script id="trp-dynamic-translator-js-extra"> var trp_data = {"trp_custom_ajax_url":"https://rimanagency.com/wp-content/plugins/translatepress-multilingual/includes/trp-ajax.php","trp_wp_ajax_url":"https://rimanagency.com/wp-admin/admin-ajax.php","trp_language_to_query":"fr_CA","trp_original_language":"en_US","trp_current_language":"fr_CA","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"video_src":{"selector":"video[src]","accessor":"src","attribute":true},"video_poster":{"selector":"video[poster]","accessor":"poster","attribute":true},"video_source_src":{"selector":"video source[src]","accessor":"src","attribute":true},"audio_src":{"selector":"audio[src]","accessor":"src","attribute":true},"audio_source_src":{"selector":"audio source[src]","accessor":"src","attribute":true},"picture_image_src":{"selector":"picture image[src]","accessor":"src","attribute":true},"picture_source_srcset":{"selector":"picture source[srcset]","accessor":"srcset","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","poster","srcset"],"gettranslationsnonceregular":"f08832bf5b","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]}; //# sourceURL=trp-dynamic-translator-js-extra </script> <script id="trp-dynamic-translator-js" src="https://rimanagency.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=3.1.9"></script> <script id="mtc-script-js" src="https://rimanagency.com/wp-content/plugins/Keyword%20match%20type/script.js"></script> <script id="seo_audit_ajax-js-extra"> var seoAuditData = {"ajaxurl":"https://rimanagency.com/wp-admin/admin-ajax.php","nonce":"fee0f3a61a"}; //# sourceURL=seo_audit_ajax-js-extra </script> <script id="seo_audit_ajax-js" src="https://rimanagency.com/wp-content/plugins/seo-all-in-one-audit/seo-audit.js"></script> <script id="seo-meta-extractor-js-extra"> var seo_meta_extractor = {"ajax_url":"https://rimanagency.com/wp-admin/admin-ajax.php"}; //# sourceURL=seo-meta-extractor-js-extra </script> <script id="seo-meta-extractor-js" src="https://rimanagency.com/wp-content/plugins/seo-meta-extractor/app.js?ver=1.2"></script> <script id="pcm-banner-js-extra"> var PCM = {"ajax_url":"https://rimanagency.com/wp-admin/admin-ajax.php","nonce":"8eb3b8922a","rest_url":"https://rimanagency.com/fr/wp-json/pcm/v1/consent","rest_nonce":"a094064c2d","settings":{"position":"bottom","layout":"bar","title":"We value your privacy","description":"We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking \"Accept All\", you consent to our use of cookies.","accept_label":"Accept All","reject_label":"Reject All","customize_label":"Manage Preferences","save_label":"Save My Preferences","privacy_policy_url":"/privacy-policy-2/","privacy_policy_label":"Privacy Policy","cookie_policy_url":"/cookie-policy/","cookie_policy_label":"Cookie Policy","expiry_days":365,"show_on_load":true,"close_on_scroll":false,"log_consent":true,"auto_block":true,"show_cookie_count":true,"show_close":true,"close_action":"accept","mobile_layout":"compact","mobile_position":"bottom","mobile_hide_desc":false,"mobile_max_height":90,"mobile_font_size":13,"regulation":"ccpa"},"categories":[{"key":"necessary","icon":"\ud83d\udd12","label":"Strictly Necessary","desc":"These cookies are essential for the website to function. They cannot be switched off.","required":true,"cookie_count":3},{"key":"analytics","icon":"\ud83d\udcca","label":"Analytics & Performance","desc":"These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously.","required":false,"cookie_count":5},{"key":"marketing","icon":"\ud83d\udce2","label":"Marketing & Advertising","desc":"These cookies are used to track visitors across websites to allow publishers to display relevant and engaging advertisements.","required":false,"cookie_count":4},{"key":"preferences","icon":"\u2699\ufe0f","label":"Preferences & Functionality","desc":"These cookies enable the website to remember choices you make (such as your language or region) and provide enhanced features.","required":false,"cookie_count":0}],"cookies":[{"id":"4","name":"_ga","provider":"Google","category":"analytics","purpose":"Registers a unique ID used for statistical data.","duration":"2 years","type":"HTTP Cookie","domain":".google.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"5","name":"_ga_*","provider":"Google","category":"analytics","purpose":"Stores session state for Google Analytics 4.","duration":"2 years","type":"HTTP Cookie","domain":".google.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"6","name":"_gid","provider":"Google","category":"analytics","purpose":"Registers a unique ID for a 24-hour session.","duration":"24 hours","type":"HTTP Cookie","domain":".google.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"11","name":"_gtm","provider":"Google Tag Manager","category":"analytics","purpose":"Tag management container","duration":"Session","type":"HTTP Cookie","domain":".google.com","is_active":"1","created_at":"2026-04-11 15:19:14"},{"id":"12","name":"_hjid","provider":"Hotjar","category":"analytics","purpose":"Hotjar session recording","duration":"1 year","type":"HTTP Cookie","domain":".hotjar.com","is_active":"1","created_at":"2026-04-11 15:24:42"},{"id":"8","name":"_fbc","provider":"Facebook","category":"marketing","purpose":"Stores last visit. Used for ad attribution.","duration":"2 years","type":"HTTP Cookie","domain":".facebook.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"7","name":"_fbp","provider":"Facebook","category":"marketing","purpose":"Used by Facebook for ad targeting.","duration":"3 months","type":"HTTP Cookie","domain":".facebook.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"9","name":"IDE","provider":"Google Ads","category":"marketing","purpose":"Used by Google DoubleClick for ad targeting.","duration":"1 year","type":"HTTP Cookie","domain":".doubleclick.net","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"10","name":"personalization_id","provider":"Twitter/X","category":"marketing","purpose":"Personalization and ad tracking by Twitter/X.","duration":"2 years","type":"HTTP Cookie","domain":".twitter.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"3","name":"pcm_consent","provider":"This site","category":"necessary","purpose":"Stores cookie consent preferences.","duration":"1 year","type":"HTTP Cookie","domain":"","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"1","name":"wordpress_logged_in_*","provider":"WordPress","category":"necessary","purpose":"Identifies logged-in users.","duration":"Session","type":"HTTP Cookie","domain":"","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"2","name":"wp-settings-*","provider":"WordPress","category":"necessary","purpose":"Stores user preferences for the WP admin.","duration":"1 year","type":"HTTP Cookie","domain":"","is_active":"1","created_at":"2026-04-11 15:18:53"}],"i18n":{"modal_title":"Privacy Preferences","modal_intro":"Manage your cookie preferences. Necessary cookies are always active as they are required for the site to function.","modal_see_our":"See our","always_active":"Always Active","cookies_label":"cookies","clear_data":"Clear my cookie data","clear_confirm":"Confirm \u2014 this cannot be undone","clear_cleared":"Data cleared \u2014 reloading\u2026","no_cookies":"No cookies registered in this category yet.","close":"Close","provider":"Provider","duration":"Duration","purpose":"Purpose"}}; //# sourceURL=pcm-banner-js-extra </script> <script id="pcm-banner-js" src="https://rimanagency.com/wp-content/plugins/privacy-consent-manager/public/js/banner.js?ver=1.4.2"></script> <script id="pcm-banner-js-after"> (function(){try{var c=document.cookie.split(";").map(function(s){return s.trim().split("=")[0];}).filter(Boolean);if(!c.length)return;fetch("https:\/\/rimanagency.com\/fr\/wp-json\/pcm\/v1\/detect-cookies",{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":"a094064c2d"},body:JSON.stringify({cookies:c}),keepalive:true});}catch(e){}})(); //# sourceURL=pcm-banner-js-after </script> <script id="avia-footer-scripts-js" src="https://rimanagency.com/wp-content/uploads/dynamic_avia/avia-footer-scripts-add5583b701c96cb6d00f504b7298aea---6a0ef50492a21.js"></script> <div id="pcm-root" aria-live="polite"></div> <div id="pcm-overlay" style="display:none;position:fixed;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(4px);z-index:2147483646;"></div> <!-- google webfont font replacement --> <script type='text/javascript'> (function() { /* check if webfonts are disabled by user setting via cookie - or user must opt in. */ var html = document.getElementsByTagName('html')[0]; var cookie_check = html.className.indexOf('av-cookies-needs-opt-in') >= 0 || html.className.indexOf('av-cookies-can-opt-out') >= 0; var allow_continue = true; var silent_accept_cookie = html.className.indexOf('av-cookies-user-silent-accept') >= 0; if( cookie_check && ! silent_accept_cookie ) { if( ! document.cookie.match(/aviaCookieConsent/) || html.className.indexOf('av-cookies-session-refused') >= 0 ) { allow_continue = false; } else { if( ! document.cookie.match(/aviaPrivacyRefuseCookiesHideBar/) ) { allow_continue = false; } else if( ! document.cookie.match(/aviaPrivacyEssentialCookiesEnabled/) ) { allow_continue = false; } else if( document.cookie.match(/aviaPrivacyGoogleWebfontsDisabled/) ) { allow_continue = false; } } } if( allow_continue ) { var f = document.createElement('link'); f.type = 'text/css'; f.rel = 'stylesheet'; f.href = 'https://fonts.googleapis.com/css?family=Roboto:100,400,700&display=auto'; f.id = 'avia-google-webfont'; document.getElementsByTagName('head')[0].appendChild(f); } })(); </script> <script type='text/javascript'> (function($) { /* check if google analytics tracking is disabled by user setting via cookie - or user must opt in. */ var analytics_code = "<!-- Global site tag (gtag.js) - Google Analytics -->\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=UA-48169804-1\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'UA-48169804-1');\n<\/script>".replace(/\"/g, '"' ); var html = document.getElementsByTagName('html')[0]; $('html').on( 'avia-cookie-settings-changed', function(e) { var cookie_check = html.className.indexOf('av-cookies-needs-opt-in') >= 0 || html.className.indexOf('av-cookies-can-opt-out') >= 0; var allow_continue = true; var silent_accept_cookie = html.className.indexOf('av-cookies-user-silent-accept') >= 0; var script_loaded = $( 'script.google_analytics_scripts' ); if( cookie_check && ! silent_accept_cookie ) { if( ! document.cookie.match(/aviaCookieConsent/) || html.className.indexOf('av-cookies-session-refused') >= 0 ) { allow_continue = false; } else { if( ! document.cookie.match(/aviaPrivacyRefuseCookiesHideBar/) ) { allow_continue = false; } else if( ! document.cookie.match(/aviaPrivacyEssentialCookiesEnabled/) ) { allow_continue = false; } else if( document.cookie.match(/aviaPrivacyGoogleTrackingDisabled/) ) { allow_continue = false; } } } // allow 3-rd party plugins to hook (see enfold\config-cookiebot\cookiebot.js) if( window['wp'] && wp.hooks ) { allow_continue = wp.hooks.applyFilters( 'aviaCookieConsent_allow_continue', allow_continue ); } if( ! allow_continue ) { // window['ga-disable-UA-48169804-1'] = true; if( script_loaded.length > 0 ) { script_loaded.remove(); } } else { if( script_loaded.length == 0 ) { $('head').append( analytics_code ); } } }); $('html').trigger( 'avia-cookie-settings-changed' ); })( jQuery ); </script></body> </html>