Accessibilit茅 grand public avec Acceo

<!DOCTYPE html> <html lang="fr"> <head> <title>Accessibilit茅 grand public avec Acceo</title> <meta name="theme-color" content="rgb(255, 255, 255)"> <meta name="msapplication-navbutton-color" content="rgb(255, 255, 255)">    <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://www.acceo-tadeo.fr/themes/commondesignlines/642e72737afed4558d13298b/grand-public/.css?v=e800bd0b14ca378082e6b7c457790f72" rel="stylesheet"> <link href="//www.acceo-tadeo.fr/themes/designlines/category/grand-public/accessibilite-grand-public.css?v=1732419644" rel="stylesheet"> <meta name="description" content="Acceo rend accessible le parcours clients/usagers/patients des 茅tablissements publics et priv茅s aux personnes sourdes ou malentendantes." /> <link href="//www.acceo-tadeo.fr/themes/designlines/bottomsite/index.css?v=1732014194" rel="stylesheet"> <link rel="canonical" href="https://www.acceo-tadeo.fr/pages/grand-public/"> <meta name="generator" content="Awelty Agence Web (awelty.com)"> <link rel="icon" href="https://www.acceo-tadeo.fr/medias/site/favicon/favicon-1.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.acceo-tadeo.fr/medias/site/mobilefavicon/mobile-icon-1.png?fx=c_114_114"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.acceo-tadeo.fr/medias/site/mobilefavicon/mobile-icon-1.png?fx=c_72_72"> <link rel="apple-touch-icon" href="https://www.acceo-tadeo.fr/medias/site/mobilefavicon/mobile-icon-1.png?fx=c_57_57"> <link rel="apple-touch-icon-precomposed" href="https://www.acceo-tadeo.fr/medias/site/mobilefavicon/mobile-icon-1.png?fx=c_57_57"> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300italic,400,400italic,700,700italic&display=swap" rel="stylesheet"> <link href="//www.acceo-tadeo.fr/themes/combined.css?v=6_1642769533_752" rel="stylesheet"> <script src="//www.acceo-tadeo.fr/medias/static/themes/bootstrap_v4/js/jquery-3.6.3.min.js?v=26012023"></script> <script src="//www.acceo-tadeo.fr/medias/static/themes/bootstrap_v4/js/popper.min.js?v=31012023"></script> <script src="//www.acceo-tadeo.fr/medias/static/themes/bootstrap_v4/js/bootstrap.min.js?v=31012023"></script> <script src="//www.acceo-tadeo.fr/themes/combined.js?v=6_1642769533_752&lang=fr"></script> <script type="application/ld+json"> { "@context" : "https://schema.org/", "@type" : "WebSite", "name" : "Acceo-Tadeo", "url" : "https://www.acceo-tadeo.fr/" } </script> <script> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); _paq.push(['setUserId', '<?= $this->session_id ?>']); //脽 ici mettre un ID unique par utilisateur (function() { var u="/"; _paq.push(['setTrackerUrl', 'https://matomo.services-tadeo.fr/matomo.php']); _paq.push(['setSiteId', '10']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://matomo.services-tadeo.fr/matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="https://matomo.services-tadeo.fr/matomo.php?idsite=3&rec=1" style="border:0;" alt="" /></p></noscript>  <script src="//www.acceo-tadeo.fr/medias/static/js/rgpd-cookies/jquery.rgpd-cookies.js?v=351"></script> <script> $(document).ready(function() { $.RGPDCookies({ theme: 'bootstrap_v4', site: 'www.acceo-tadeo.fr', privacy_policy_link: '/about/privacypolicy/', cookies: [{"id":"66b1e00bd0d1572d4999a658","favicon_url":null,"enabled":"1","model":null,"title":"Matomo Analytics","short_description":null,"long_description":null,"privacy_policy_url":null,"slug":"Matomo-Analytics"},{"id":null,"favicon_url":"","enabled":true,"model":"addthis","title":"AddThis","short_description":"Partage social","long_description":"Nous utilisons cet outil afin de vous proposer des liens de partage vers des plateformes tiers comme Twitter, Facebook, etc.","privacy_policy_url":"https:\/\/www.oracle.com\/legal\/privacy\/addthis-privacy-policy.html","slug":"addthis"}], modal_title: 'Gestion\u0020des\u0020cookies', modal_description: 'd\u00E9pose\u0020des\u0020cookies\u0020pour\u0020am\u00E9liorer\u0020votre\u0020exp\u00E9rience\u0020de\u0020navigation,\nmesurer\u0020l\u0027audience\u0020du\u0020site\u0020internet,\u0020afficher\u0020des\u0020publicit\u00E9s\u0020personnalis\u00E9es,\nr\u00E9aliser\u0020des\u0020campagnes\u0020cibl\u00E9es\u0020et\u0020personnaliser\u0020l\u0027interface\u0020du\u0020site.', privacy_policy_label: 'Consulter\u0020la\u0020politique\u0020de\u0020confidentialit\u00E9', check_all_label: 'Tout\u0020cocher', refuse_button: 'Refuser', settings_button: 'Param\u00E9trer', accept_button: 'Accepter', callback: function() { // website google analytics case (with gtag), consent "on the fly" if ('gtag' in window && typeof window.gtag === 'function') { if (window.jsCookie.get('rgpd-cookie-google-analytics') === undefined || window.jsCookie.get('rgpd-cookie-google-analytics') === '0') { gtag('consent', 'update', { 'ad_storage': 'denied', 'analytics_storage': 'denied' }); } else { gtag('consent', 'update', { 'ad_storage': 'granted', 'analytics_storage': 'granted' }); } } } }); }); </script> </head> <body id="pages_run_grand-public" data-template="default">  <div id="top-site" class="sticky-top"> <div class="skip"><a class="skip-link" href="#menu">Passer au menu</a> <a class="skip-link" href="#main">Passer au contenu principal</a> <a class="skip-link" href="#footer">Passer au plan du site</a></div> <div class="container"> <p id="accessibility-btn"><a data-body-class="mode-contraste" href="javascript:void(0)" id="constraste-btn" role="button"><i aria-hidden="true" class="material-icons md-invert_colors"></i> Contraster le site</a> <a data-body-class="mode-dyslexic" href="javascript: void(0)" id="font-btn" role="button"><i aria-hidden="true" class="material-icons md-font_download"></i> Mode dyslexie</a></p> <p><a aria-label="Annuaire des 茅tablissements accessibles, nouvelle fen锚tre" href="https://app.acce-o.fr/" target="_blank"><img height="30" src="/medias/images/picto-annuaire.svg" width="30" /> <span>Annuaire des établissements accessibles</span></a> <a href="/pages/contact.html"><img height="30" src="/medias/images/picto-contact.svg" width="30" /> <span>Contact</span></a></p> </div> </div>   <nav class="navbar navbar-expand-lg py-lg-4 position-sticky" id="navbar" data-animation="sliding" data-shrink="150"> <div class="container"> <a aria-label="brand" class="navbar-brand d-inline-flex align-items-center" href="https://www.acceo-tadeo.fr/"> <img src="https://www.acceo-tadeo.fr/medias/site/logos/acceo-tadeo-logo-vertical.png" alt="Acceo-Tadeo" class="img-fluid brand-logo mr-2 d-inline-block"> <span class="brand-titles d-lg-flex flex-column align-items-start"> <span class="brand-title d-none">Acceo-Tadeo</span> </span> </a> <button id="buttonBurgerMenu" title="BurgerMenu" class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#menu"> <span></span> <span></span> <span></span> <span></span> </button> <div class="collapse navbar-collapse flex-lg-grow-0 ml-lg-auto" id="menu"> <ul class="navbar-nav navbar-menu nav-left"> <li class="nav-item active acceo-logo dropdown" data-index="1"> <a class="nav-link dropdown-toggle" href="https://www.acceo-tadeo.fr/pages/grand-public/"> Accessibilit茅 grand public </a> <div class="collapse dropdown-menu"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/grand-public/acceo.html"> Acceo </a> </li> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/grand-public/acceolangues.html"> AcceoLangues </a> </li> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/grand-public/acceo-soins.html"> AcceoSoins </a> </li> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/grand-public/acceoseniors.html"> AcceoSeniors </a> </li> <li class="dropdown-menu-root"> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/grand-public/">Accessibilit茅 grand public</a> </li> </ul> </div> </li> <li class="nav-item tadeo-logo dropdown" data-index="2"> <a class="nav-link dropdown-toggle" href="https://www.acceo-tadeo.fr/pages/emploi-etudes-superieures/"> Emploi/ Etudes </a> <div class="collapse dropdown-menu"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/emploi-etudes-superieures/tadeo.html"> Tadeo </a> </li> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/emploi-etudes-superieures/tadeo-entretien.html"> TadeoEntretien </a> </li> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/emploi-etudes-superieures/tadeo-school.html"> TadeoSchool </a> </li> <li class="dropdown-menu-root"> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/emploi-etudes-superieures/">Emploi/ Etudes</a> </li> </ul> </div> </li> </ul> <a class="navbar-brand d-none" href="https://www.acceo-tadeo.fr/"> <img src="https://www.acceo-tadeo.fr/medias/site/logos/acceo-tadeo-logo-vertical.png" alt="Acceo-Tadeo" class="img-fluid brand-logo d-inline-block"> <span class="brand-titles d-lg-flex flex-column"> <span class="brand-title d-none">Acceo-Tadeo</span> </span> </a> <ul class="navbar-nav navbar-menu nav-right"> <li class="nav-item presta-logo dropdown" data-index="1"> <a class="nav-link dropdown-toggle" href="https://www.acceo-tadeo.fr/pages/prestations-a-la-carte/"> Autres prestations </a> <div class="collapse dropdown-menu"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/prestations-a-la-carte/acceo-events.html"> AcceoEvents </a> </li> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/prestations-a-la-carte/acceo-videos-podcasts.html"> Acceo Vid茅os-Podcasts </a> </li> <li> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/prestations-a-la-carte/acceominutes.html"> Acceo Minutes </a> </li> <li class="dropdown-menu-root"> <a class="dropdown-item" href="https://www.acceo-tadeo.fr/pages/prestations-a-la-carte/">Autres prestations</a> </li> </ul> </div> </li> </ul> </div> </div> </nav>  <header id="header"> </header>   <div id="wrapper" class="margin-top"> <section id="main"> <div class="container"> </div> <div class="view view-pages" id="view-page" data-id-page="6475f78b024fd4558d13a047"> <div id="site-module" class="site-module" data-itemid="642d6fd47786d4558d13b56d" data-siteid="642d6fd35cfad4558d13f530" data-category="642e727379a4d4558d13c4ed"></div> <div id="rows-6475f78b070cd4558d137e42" class="rows" data-total-pages="1" data-current-page="1"> <div id="row-6475f78b070cd4558d137e42-1" class="row-container pos-1 page_1 container"> <div class="row-content"> <div class="row align-items-center" data-role="line"> <div data-role="cell" data-size="md" id="cell-6475f767861ed4558d132c84" class="col" style="-ms-flex-preferred-size:60%;flex-basis:60%"> <div class="col-content col-no-widget"> <h1 class="d-flex"><img alt="Logo acceo" src="/medias/images/logo-acceo.svg" style="max-width:50px;" /> Accessibilité grand public</h1> <p>Depuis plus de 10 ans, Acceo rend accessible le parcours clients/ usagers/ patients des établissements publics et privés aux personnes sourdes ou malentendantes.</p> <p><strong>Acceo, leader sur son marché, équipe + de 50 000 établissements !</strong></p> <p>Fort de notre expérience, nos offres évoluent et nous permettent aujourd’hui d’affiner et compléter notre catalogue afin de proposer des offres les plus adaptées possibles aux différents besoins en termes d’accessibilité grand public.</p> <p>Ainsi, découvrez également <a href="/pages/acceo/acceolangues.html">AcceoLangues</a>, <a href="/pages/acceo/acceo-soins.html">AcceoSoins</a> et <a href="/pages/acceo/acceoseniors.html">AcceoSeniors</a>.</p> </div> </div> <div data-role="cell" data-size="sm" id="cell-6475f767861fd4558d1336f6" class="col d-md-none d-xl-block" style="-ms-flex-preferred-size:40%;flex-basis:40%"> <div class="col-content col-no-widget"> <div class="widget-image text-center"> <img src="/medias/images/acceolangues.webp?fx=c_800_800" alt="Acceo Langues" width="800" height="800" loading="eager" class="img-fluid hexa"> </div> </div> </div> </div> </div> </div> <div id="row-customblock-6475f78b070cd4558d137e42-652415c1fdba6da946db85ee-1" class="row-container presta-card page_1 container"> <div class="row-content"> <h2 class="row-title" data-line-v-id="652415c1fdd6b8c9bd1e70d7"> Accessibilit茅 grand public </h2> <div class="row align-items-stretch" data-role="line"> <div data-role="cell" data-size="xs" id="cell-652415c1fdf15f06a320b2d3" class="col acceo-col" style="-ms-flex-preferred-size:25%;flex-basis:25%"> <div class="col-content col-no-widget">  <p><img style="max-height:35px;" src="/medias/images/logo-acceo-horizontal.svg" alt="logo Acceo"/></p> <h3>Acceo</h3> <p>Accessibilit茅 d鈥檜n 茅tablissement aux <strong>personnes sourdes, malentendantes, sourdaveugles ou aphasiques</strong>   <i alt="icone entreprise" aria-hidden="true" class="material-icons md-business"></i> </p> <p class="mb-0 mt-auto"><strong> T茅l茅phone + face 脿 face</strong></p> <p><a class="btn btn-primary" href="/pages/acceo/acceo.html">Acceo</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-652415c1fe0966e7121caddb" class="col acceolangues-col" style="-ms-flex-preferred-size:25%;flex-basis:25%"> <div class="col-content col-no-widget">  <p><img style="max-height:35px;" src="/medias/images/logo-acceolangues.svg" alt="logo AcceoLangues"/></p> <h3>AcceoLangues</h3> <p>Accessibilit茅 d鈥檜n 茅tablissement aux <strong>personnes entendantes non francophones</strong>   <i alt="icone monde" aria-hidden="true" class="material-icons md-public"></i> </p> <p class="mb-0 mt-auto"><strong>Accueil sur place<br />+ de 100 Langues disponibles</strong></p> <p><a class="btn btn-primary" href="/pages/acceo/acceolangues.html">Acceo Langues</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-652415c1fe0eb679b2fb2d62" class="col acceosoins-col" style="-ms-flex-preferred-size:25%;flex-basis:25%"> <div class="col-content col-no-widget">  <p><img style="max-height:35px;" src="/medias/images/logo-acceosoins.svg" alt="logo AcceoSoins"/></p> <h3>AcceoSoins</h3> <p>Accessibilit茅 compl猫te d鈥檜n 茅tablissement de sant茅 aux <strong>patients sourds ou malentendants et entendants non francophones</strong>.   <i alt="icone sant茅" aria-hidden="true" class="material-icons md-healing"></i> </p> <p class="mb-0 mt-auto"><strong> T茅l茅phone + face 脿 face</strong></p> <p><a class="btn btn-primary" href="/pages/acceo/acceo-soins.html">Acceo Soins</a></p> </div> </div> <div data-role="cell" data-size="xs" id="cell-652415c1fe141cb7d7325e33" class="col acceoseniors-col" style="-ms-flex-preferred-size:25%;flex-basis:25%"> <div class="col-content col-no-widget">  <p><img style="max-height:35px;" alt="logo AcceoSeniors" src="/medias/images/logo-acceoseniors.svg" /></p> <h3>AcceoSeniors</h3> <p>Autonomie des <strong>r茅sidents sourds ou malentendants</strong> au sein d鈥檜n Ehpad ou 茅tablissement de sant茅   <i alt="icone senior" aria-hidden="true" class="material-icons md-elderly"></i> </p> <p class="mb-0 mt-auto"><strong> Sous titrage en temps r茅el<br /> T茅l茅phone + face 脿 face</strong></p> <p><a class="btn btn-primary" href="/pages/acceo/acceoseniors.html">Acceo Seniors</a></p> </div> </div> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('page', '6475f78b024fd4558d13a047', 'awelty.com'); </script> </section> </div>  <footer id="footer"> <div id="rows-642d7c1853add4558d138a53" class="rows" data-total-pages="1" data-current-page="1"> <div id="row-642d7c1853add4558d138a53-1" class="row-container pos-1 page_1 row-highlighted"> <div class="row-content container"> <div class="row" data-role="line"> <div data-role="cell" data-size="sm" id="cell-6450cb60c9c8d4558d1338c0" class="col" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content col-no-widget"> <p class="h3"><a href="https://tadeo-acceo.awelty.net/pages/grand-public/">Accessibilité grand public</a></p> <p><a href="/pages/acceo/acceo.html">Acceo</a><br /> <a href="/pages/acceo/acceolangues.html">AcceoLangues</a><br /> <a href="/pages/acceo/acceo-soins.html">AcceoSoins</a><br /> <a href="/pages/acceo/acceoseniors.html">AcceoSeniors</a></p> <p><a href="/pages/acceopro.html">AcceoPro</a><br /> <a href="/pages/acceo-grand-public.html">Acceo - Grand Public</a></p> </div> </div> <div data-role="cell" data-size="sm" id="cell-642d7bc944f5d4558d13b1cb" class="col" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content col-no-widget"> <p class="h3"><a href="https://tadeo-acceo.awelty.net/pages/emploi-etudes-superieures/">Emploi/ Etudes Supérieures</a></p> <p><a href="/pages/emploi-scolarite/tadeo.html">Tadeo</a><br /> <a href="/pages/emploi-scolarite/tadeo-entretien.html">TadeoEntretien</a><br /> <a href="/pages/emploi-scolarite/tadeo-school.html">TadeoSchool</a></p> </div> </div> <div data-role="cell" data-size="sm" id="cell-642d7c1853acd4558d13a41f" class="col" style="-ms-flex-preferred-size:33.333333333333%;flex-basis:33.333333333333%"> <div class="col-content col-no-widget"> <p class="h3"><a href="https://tadeo-acceo.awelty.net/pages/prestations-a-la-carte/">Prestations à la carte</a></p> <p><a href="/pages/prestations-a-la-carte/acceoevents.html">AcceoEvents</a><br /> <a href="/pages/prestations-a-la-carte/acceovideospodcast.html">AcceoVidéos-Podcasts</a><br /> <a href="/pages/prestations-a-la-carte/acceominutes.html">AcceoMinutes</a></p> </div> </div> </div> </div> </div> <div id="row-642d7c1853add4558d138a53-2" class="row-container pos-2 page_1 container"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" data-size="sm" id="cell-8d73c2fa-634b-4d8f-96e5-" class="col" style="-ms-flex-preferred-size:33.34%;flex-basis:33.34%"> <div class="col-content col-no-widget"> <p class="h3">Acceo Tadeo</p> <p><a aria-label="Adresse des locaux : 4 bis Avenue Raspail, 94100 Saint-Maur-des-Foss茅s, nouvelle fen锚tre" href="https://goo.gl/maps/TyUgbhJdDHU9HZqKA" target="_blank" title="Ouvrir dans Google Map">4 bis Avenue Raspail<br /> 94100 Saint-Maur-des-Fossés</a></p> <p><a href="/pages/accessibilite-partiellement-conforme.html">Accessibilité-partiellement-conforme</a><br /> <a href="/pages/plan-du-site.html">Plan du site</a></p> </div> </div> <div data-role="cell" data-size="md" id="cell-645e0d50eee2d4558d13f7b5" class="col" style="-ms-flex-preferred-size:66.66%;flex-basis:66.66%"> <div class="col-content col-no-widget"> <p class="h3">Informations pratiques</p> <div class="row"> <div class="col-lg-6"> <p><a href="/about/legal/">Mentions légales</a><br /> <a href="/about/cgu/">CGU</a><br /> <a href="/about/privacypolicy/">Politique de confidentialité</a><br /> <a href="/pages/cookies.html">Cookies</a></p> </div> <div class="col-lg-6"> <p><a href="/actualite/actualite/">Actualités</a><br /> <a href="/actualite/temoignages/">Témoignages</a><br /> <a href="/pages/notre-entreprise.html">Qui sommes-nous ?</a><br /> <a href="/pages/contexte-legal.html">Contexte légal</a></p> </div> </div> <p><a aria-label="Annuaire des 茅tablissements accessibles, nouvelle fen锚tre" class="btn btn-outline" href="https://app.acce-o.fr/" target="_blank">Annuaire des établissements accessibles</a></p> <p><a href="https://www.awelty.fr/">Cr茅ation de site Agence Awelty</a></p> </div> </div> </div> </div> </div> </div> <div class="container"> </div> <ul id="legal-mentions" class="footer-mentions"> <li><a href="https://www.acceo-tadeo.fr/about/legal/">Mentions l茅gales</a></li> <li><a href="https://www.acceo-tadeo.fr/about/cgu/">Conditions g茅n茅rales d'utilisation</a></li> <li><a href="https://www.acceo-tadeo.fr/about/privacypolicy/">Politique de confidentialit茅</a></li> <li><a id="cookies" href="javascript:void(0)">Gestion des cookies</a></li> </ul> </footer> <script> $(document).ready(function(){ // MODIFICATION DU DOM POUR L'AUDIT var headerElement = $("header"); headerElement.attr("role", "banner"); var navElement = $("body > nav"); navElement.attr("role", "navigation"); var mainElement = $("#main"); mainElement.attr("role", "main"); var footerElement = $("footer"); footerElement.attr("role", "contentinfo"); var brandElement = $("a.navbar-brand"); brandElement.attr("aria-label", "Acceo-Tadeo, aller 脿 la page d'accueil"); var btnCookieElement = $("#open-cookies-modal"); btnCookieElement.attr("aria-label", "Gestion de cookies"); var modalCookieElement = $("#rgpd-cookies-modal-wrapper"); modalCookieElement.attr({ "role" : "dialog", "aria-modal" : "true", "aria-labelledby" : "rgpd-cookies-title" }); var titleCookieElement = $(".rgpd-cookies-modal-title p"); titleCookieElement.attr("id", "rgpd-cookies-title"); var btnsCookieElement = $(".rgpd-cookies-modal-buttons svg"); btnsCookieElement.attr("aria-hidden", "true"); var btnsCookieElement = $(".rgpd-cookies-modal-buttons svg"); btnsCookieElement.attr("aria-hidden", "true"); // FORCER LE FOCUS DANS LA FENETRE COOKIE $("#open-cookies-modal").click(function() { $(".rgpd-cookies-modal-privacy-policy a").focus(); }); $("#rgpd-cookies-settings").click(function() { $("#rgpd-cookies-check-all").focus(); }); // GERER L'OUVERTURE DU MENU AU CLAVIER // G茅rer la navigation dans les sous-menus avec Tabulation $(".navbar-nav .collapse").find('a').keydown(function(e) { var $links = $(this).closest('.collapse').find('a'); var currentIndex = $links.index(this); var lastChildIndex = $links.length - 1; if (e.keyCode === 9) { // Tab if ((!e.shiftKey && currentIndex === lastChildIndex) || (e.shiftKey && currentIndex === 0)) { e.preventDefault(); $(this).closest('.collapse').siblings('.nav-link').trigger(e.shiftKey ? 'focusout' : 'focus'); } } }); // G茅rer l'ouverture des sous-menus lorsqu'un 茅l茅ment de menu est en focus $(".navbar-nav .nav-link").focus(function() { $(this).siblings('.collapse').addClass('show'); }); // Fermer les sous-menus si le focus est perdu sur un 茅l茅ment ext茅rieur 脿 un sous-menu $(".navbar-nav").on('focusout', function(e) { setTimeout(function() { if (!$(e.relatedTarget).closest('.navbar-nav').length) { $(".navbar-nav .collapse.show").removeClass('show'); } }, 0); }); // SCROLL EFFECT $(window).on('scroll', function(){ var scroll = $(window).scrollTop(); //Scroll animation var elmt = $('.reveal'); $(elmt).each(function() { var topImg = $(this).offset().top - 700; if ( topImg < scroll ) { $(this).addClass('appear'); } else if ( topImg > scroll ) { $(this).removeClass('appear'); } }); }); //ADD ROW cliquable $('.presta-card .col').each(function(){ var addLink = $(this).find("a.btn").attr("href"); $(this).css("cursor", "pointer"); $(this).click(function() { window.location.href = addLink; }); }); // D茅caler l'ancre var decalage = 150; // V茅rifier si l'URL contient ".html#" if (window.location.href.indexOf(".html#") !== -1) { // Extraire l'ancre de l'URL var anchor = window.location.hash.substring(1); // V茅rifier si l'ancre existe var destinationOffset = $('#' + anchor).offset(); if (destinationOffset) { // Calculer la nouvelle position Y avec le d茅calage var nouvellePositionY = destinationOffset.top - decalage; // Faire d茅filer la page jusqu'脿 la nouvelle position $('html, body').scrollTop(nouvellePositionY); } } /* ----------------------- ACCESSIBILITE ----------------------- */ // Place les class du localStorage dans le body function loadBodyClass() { let storedBodyClass = JSON.parse(localStorage.getItem('body-class')) || []; for (const cssClass of storedBodyClass) { if (!$("body").hasClass(cssClass)) { $("body").addClass(cssClass); } } } // Actions des boutons $(function() { $("[data-body-class]").click(function() { let $this = $(this); let cssClass = $this.data('body-class'); let storedBodyClass = JSON.parse(localStorage.getItem('body-class')) || []; if ($("body").hasClass(cssClass)) { $("body").removeClass(cssClass); var index = storedBodyClass.indexOf(cssClass); if (index !== -1) { storedBodyClass.splice(index, 1); } }else{ $("body").addClass(cssClass); storedBodyClass.push(cssClass); } localStorage.setItem('body-class', JSON.stringify(storedBodyClass)); }); // init loadBodyClass(); }); // Changer le crop $('.card.blog-item img[src*="?fx="]').each(function(){ var imgUrl = $(this).attr("src"); var newImgUrl1 = imgUrl.substring(0, imgUrl.indexOf('?')); var newImgUrl2 = newImgUrl1 + '?fx=c_400_225'; $(this).attr('src', newImgUrl2); $(this).attr('width', '400'); $(this).attr('height', '225'); }); }); </script> </body> </html>

CINXE.COM

Accessibilit茅 grand public avec Acceo