CINXE.COM
Accessibilité | Bordeaux
<!--version FO : 05.07.03 --> <!DOCTYPE html> <!--[if lte IE 7]> <html class="ie67 ie678" lang="fr"> <![endif]--> <!--[if IE 8]> <html class="ie8 ie678" lang="fr"> <![endif]--> <!--[if gt IE 8]><!--> <html lang="fr" > <!--<![endif]--> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:site_name" content="Site officiel de la ville de Bordeaux" /> <meta content="Accessibilité" property="og:title"/> <meta content="Qu'est ce que l'accessibilité numérique ? L'accessibilité numérique consiste à rendre les contenus et services numériques compréhensibles et utilisables par les personnes en situation de handicap. Déclaration d'accessibilité La mairie de Bordeaux s'engage à rendre bordeaux.fr, ainsi" property="og:description"/> <meta content="summary" name="twitter:card"/> <meta content="Accessibilité" name="twitter:title"/> <meta content="Qu'est ce que l'accessibilité numérique ? L'accessibilité numérique consiste à rendre les contenus et services numériques compréhensibles et utilisables par les personnes en situation de handicap. Déclaration d'accessibilité La mairie de Bordeaux s'engage à rendre bordeaux.fr, ainsi" name="twitter:description"/> <meta content="@bordeaux" name="twitter:site"/> <meta content="Accessibilité bordeaux.fr contenus accessibles handicap navigation" name="description"/> <link rel="canonical" href="https://www.bordeaux.fr/p81566/accessibilite"/> <meta content="https://www.bordeaux.fr/p81566/accessibilite" property="og:url"/> <meta content="article" property="og:type"/> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://www.bordeaux.fr/","name":"Accueil"}}]}</script> <title>Accessibilité | Bordeaux</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link media="all" href="/portail/wrostyles/all.css?version=05.07.03" type="text/css" rel="stylesheet" /> <!-- CSS Print --> <link media="print" href="/portail/decorations/layout/ebx/css/mbx_print.css" type="text/css" rel="stylesheet" /> <script src="/portail/wrojs/all.js?version=05.07.03" type="text/javascript" ></script> <!--[if lte IE 8]> <link media="all" href="/portail/wrostyles/ie8.css" type="text/css" rel="stylesheet" /> <script src="/portail/wrojs/ie8.js" type="text/javascript"></script> <![endif]--> </head> <body> <div id="all"> <div id="layout-template-pc" class="layout-oldstyle" > </div> <div id="js_template_pc_" class="portal-nested-layout portal-nested-layout-OneColumn"> <div id="column_template-pc_0" class="portal-layout-column portal-layout-column-OneColumn-0" > <div id="js_template_pc__ebxHeader__header_" role="banner" class="portal-layout portal-layout-OneColumn"> <div id="column_template-pc__ebxHeader__header_0" class="portal-layout-column portal-layout-column-OneColumn-0" > <div id='template-pc__ebxHeader__header__header_portlet' class="portal-layout-cell portal-layout-cell-OneColumn-0-0" > <!-- Begin: Fragment: template-pc__ebxHeader__header__header_portlet Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/header/header.jsp --> <script type="text/javascript" src="/portail/js/smarttag.js?version=5.28"></script> <script type="text/javascript" src="/portail/tarteaucitron/tarteaucitron.js?version=20231222"></script> <script type="text/javascript" src="/portail/js/tarteaucitron.init.js?version=20231222"></script> <script type="text/javascript"> var RSVversion = '11'; var structureName = 'presentationStandard'; var RSVidPermanent = '81566'; /* BDXFR-970 : le but étant de pouvoir avoir des CSS spécifiques par noeud. */ $(document.body).addClass("node"); $(document.body).addClass(("node-").concat(structureName)); $(document.body).addClass(("node-").concat(RSVidPermanent)); </script> <a class="accueil_link visually-hidden-focusable" href="#contenu">Aller au contenu</a> <!-- Fin Insertion de /JSP/header/header.jsp --> </div> <!-- END: Fragment: template-pc__ebxHeader__header__header_portlet Decoration: mbx --> </div> <div id="js_template_pc__ebxHeader__header__bandeau_header_" class="portal-layout portal-layout-ThreeColumns"> <div id="column_template-pc__ebxHeader__header__bandeau_header_0" class="portal-layout-column portal-layout-column-ThreeColumns-0" > <div id="js_template_pc__ebxHeader__header__bandeau_header__bandeau_header_col3_" class="portal-layout portal-layout-OneColumn"> <div id="column_template-pc__ebxHeader__header__bandeau_header__bandeau_header_col3_0" class="portal-layout-column portal-layout-column-OneColumn-0" > <div id='template-pc__ebxHeader__header__bandeau_header__bandeau_header_col3__header_links1' class="portal-layout-cell portal-layout-cell-OneColumn-0-0" > <!-- Begin: Fragment: template-pc__ebxHeader__header__bandeau_header__bandeau_header_col3__header_links1 Decoration: mbx --> <div class="PContent clearDiv"> <div id="lastBlock"> <ul> <li id="icoQuartiers"> <a class="icoLine small_texte" href="/p63938/huit-quartiers-pour-vous"> <img class="vertical_middle padding_bottom_2" src="/blochtml/imagesbloc/quartier.svg?version=05.02.06" alt=""/> <span class="vertical_middle padding_bottom_2">Quartiers</span> </a> </li> <li id="icoPlans"> <a class="icoLine small_texte" href="http://plan.bordeaux.fr" target="_blank" title="[Nouvelle fenêtre] - Plans"> <img class="vertical_middle padding_bottom_2" src="/blochtml/imagesbloc/plan.svg?version=05.02.06" alt=""/> <span class="vertical_middle padding_bottom_2">Plans</span> </a> </li> </ul> </div> </div> <!-- END: Fragment: template-pc__ebxHeader__header__bandeau_header__bandeau_header_col3__header_links1 Decoration: mbx --> </div> <div id='template-pc__ebxHeader__header__bandeau_header__bandeau_header_col3__rechercheaccueil' class="portal-layout-cell portal-layout-cell-OneColumn-1-0" > <!-- Begin: Fragment: template-pc__ebxHeader__header__bandeau_header__bandeau_header_col3__rechercheaccueil Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /jsp/formulaires/fullTextSearch.jsp --> <div id="headersearchform" class="inlineForm searchForm" role="search"> <form action="/pgAutonomyRes.psml" method="get" accept-charset="UTF-8" > <input type="hidden" name="classofcontent" value="pageSpecifique"> <input type="hidden" name="id" value="622"> <input type="hidden" name="_pageLabel" value="pgAutonomyRes"> <input type="hidden" name="classDisplay" value="pageSpecifique"> <input type="hidden" name="idDisplay" value="622"> <input type="hidden" name="validate" value="autonomy.search.validate.1"> <input type="hidden" name="withCM" value="false"> <div class="input" id="input-search"> <input type="text" id="input_fullText_search" title="Rechercher une info, un évènement, un lieu" aria-label="Rechercher une info, un évènement, un lieu" placeholder="Rechercher" name="request" class="inputTxt"> <input type="image" src="/portail/images/loupeRecherche.svg" class="submit" alt="Rechercher"> </div> </form> </div> <!-- Fin Insertion de /jsp/formulaires/fullTextSearch.jsp --> </div> <!-- END: Fragment: template-pc__ebxHeader__header__bandeau_header__bandeau_header_col3__rechercheaccueil Decoration: mbx --> </div> </div> </div> </div> <div id="column_template-pc__ebxHeader__header__bandeau_header_1" class="portal-layout-column portal-layout-column-ThreeColumns-1" > <div id='template-pc__ebxHeader__header__bandeau_header__logo_portlet' class="portal-layout-cell portal-layout-cell-ThreeColumns-1-1" > <!-- Begin: Fragment: template-pc__ebxHeader__header__bandeau_header__logo_portlet Decoration: mbx --> <div class="PContent clearDiv"> <div class="logo_header"> <a class="block" href="/" title=""> <img width="248" height="58" src="/blochtml/imagesbloc/logo.svg" alt="Bordeaux:page d'accueil"/> </a> </div> <script type="text/javascript"> /* #173 : redirection, vers la page élu du maire, pour l'orga "technique" de l'organigramme, représentant le maitre. */ if ((structureName == 'organisme') && (RSVidPermanent == '164')) { document.location.href = "/r7340"; } </script> <style> /* #289 : masquage de la colonne de gauche et agrandissement du ventre pour la PS 156406 uniquement. */ .node-presentationStandard.node-156406 #column_template-pc__content_0 { display: none; } .node-presentationStandard.node-156406 #column_template-pc__content_1 { width: 88%; } </style> </div> <!-- END: Fragment: template-pc__ebxHeader__header__bandeau_header__logo_portlet Decoration: mbx --> </div> </div> <div id="column_template-pc__ebxHeader__header__bandeau_header_2" class="portal-layout-column portal-layout-column-ThreeColumns-2" > </div> </div> <div id='template-pc__ebxHeader__header__menuTop' class="portal-layout-cell portal-layout-cell-OneColumn-3-0" > <!-- Begin: Fragment: template-pc__ebxHeader__header__menuTop Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/menuTop/menuTop.jsp --> <ul class="menuHorizontal center interligne1"> <li class="fond_rouge" id="titre1"> <a class="interne5" href="/ebx/pgMapSite.psml?_nfpb=true&_pageLabel=pgMapSite&classofcontent=presentationStandard&id=1178" title="rubriques"> <span class="icoMenu"> <span class="ico"></span> </span> <span class="texteMenu">MENU</span> </a> </li> <li class="fond_rouge" id="titre2"> <a class="interne5" href="#headersearchform" title="recherche">RECHERCHE</a> </li> <li class="fond_rouge" id="titre3"> <a class="interne5" href="/ebx/pgSomAgd.psml?_nfpb=true&_pageLabel=pgSomAgd&classofcontent=presentationStandard&id=59665" title="agenda">AGENDA</a> </li> </ul> <!-- Fin Insertion de /JSP/menuTop/menuTop.jsp --> </div> <!-- END: Fragment: template-pc__ebxHeader__header__menuTop Decoration: mbx --> </div> <div id='template-pc__ebxHeader__header__multilevel_menu_portlet' class="portal-layout-cell portal-layout-cell-OneColumn-4-0" > <!-- Begin: Fragment: template-pc__ebxHeader__header__multilevel_menu_portlet Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/multilevelmenu/newmultilevelmenu.jsp --> <div id="zonemenugrise" onmouseover="hideAllSubMenu();return false;"></div> <div class="head" > <noscript> <!-- Debut Insertion de /JSP/plandusite/plandusite.jsp --> <div class="plandusite"> <div class="inline_block full_width"> <section class="col3 inline_block"> <span class="h3Titre"><a href="/" >Accueil</a></span> <ul> <li> <a href="/p65310/toute-l-actualite" class="medium_texte">Toute l'actualité</a> </li> <li> <a href="/p1603/urgence-et-assistance" class="medium_texte">Numéros d'urgence</a> </li> <li> <a href="/p30594/les-medias-a-bordeaux" class="medium_texte">Médias à Bordeaux</a> </li> <li> <a href="/p287/bordeaux-en-chiffres" class="medium_texte">Bordeaux en chiffres</a> </li> <li> <a href="/p8693/magazines-et-guides-edites-par-la-ville" class="medium_texte">Nos publications</a> </li> <li> <a href="/p34776/les-newsletters" class="medium_texte">Nos infolettres</a> </li> <li> <a href="/p59119/les-reseaux-sociaux-de-bordeaux" class="medium_texte">Réseaux sociaux</a> </li> <li> <a href="/p63928/espace-presse" class="medium_texte">Espace presse</a> </li> <li> <a href="http://plan.bordeaux.fr" target="_blank" class="medium_texte">Plan interactif de Bordeaux</a> </li> </ul> </section> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p80963/bordeaux-et-vous" >Bordeaux et vous</a></span> <ul> <li> <a href="/p63938/huit-quartiers-pour-vous" class="medium_texte">Votre quartier</a> </li> <li> <a href="/p64001/petite-enfance" class="medium_texte">Petite enfance</a> </li> <li> <a href="/p63991/les-enfants-a-l-ecole-maternelle-et-elementaire" class="medium_texte">Ecoliers</a> </li> <li> <a href="/p63987/jeunes-et-etudiants" class="medium_texte">Jeunes et étudiants</a> </li> <li> <a href="/p64008/les-seniors" class="medium_texte">Seniors</a> </li> <li> <a href="/p64012/ville-et-handicaps" class="medium_texte">Personnes handicapées</a> </li> <li> <a href="/d21/le-vade-mecum-du-nouvel-arrivant" class="medium_texte">Nouveaux arrivants</a> </li> <li> <a href="/p138324/participation-et-democratie-permanente" class="medium_texte">Participer</a> </li> </ul> </section> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p80965/pratique" >Pratique</a></span> <ul> <li> <a href="/p80982/la-mairie" class="medium_texte">La Mairie</a> </li> <li> <a href="/p80983/le-centre-communal-d-action-sociale" class="medium_texte">Le CCAS</a> </li> <li> <a href="/p63974/demarches-et-formalites" class="medium_texte">Démarches</a> </li> <li> <a href="/p8693/magazines-et-guides-edites-par-la-ville" class="medium_texte">Magazines et guides</a> </li> <li> <a href="/p57089/vie-associative" class="medium_texte">Vie associative</a> </li> <li> <a href="/p84367/aide-et-entraide" class="medium_texte">Aide et entraide</a> </li> <li> <a href="/p63995/sante" class="medium_texte">Santé</a> </li> <li> <a href="/p63949/dechets-et-proprete-a-bordeaux" class="medium_texte">Déchets et propreté</a> </li> <li> <a href="/p64017/le-logement-a-bordeaux" class="medium_texte">Logement</a> </li> <li> <a href="/p64025/deplacements" class="medium_texte">Déplacements</a> </li> <li> <a href="/p18028/stationnement" class="medium_texte">Stationnement</a> </li> <li> <a href="/p64003/bordeaux-cite-digitale" class="medium_texte">Cité digitale</a> </li> <li> <a href="/p63980/mediation-et-justice" class="medium_texte">Médiation et justice</a> </li> <li> <a href="/p147575/risques-majeurs" class="medium_texte">Risques majeurs</a> </li> <li> <a href="/p1603/urgence-et-assistance" class="medium_texte">Urgence et assistance</a> </li> <li> <a href="/p914/bordeaux-les-animaux-en-ville" class="medium_texte">Animaux en ville</a> </li> </ul> </section> </div> <div class="inline_block full_width"> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p80969/decouvrir-et-sortir" >Découvrir et sortir</a></span> <ul> <li> <a href="/p59665/agenda-culture-et-loisirs" class="medium_texte">Agenda culture et loisirs</a> </li> <li> <a href="/p63866/culture" class="medium_texte">Culture</a> </li> <li> <a href="/p63960/le-sport-a-bordeaux" class="medium_texte">Sports et loisirs</a> </li> <li> <a href="/p80990/histoire-patrimoine-et-architecture" class="medium_texte">Histoire, patrimoine et architecture</a> </li> <li> <a href="/p666/visite-et-tourisme" class="medium_texte">Visite et tourisme</a> </li> <li> <a href="/p81743/parcs-jardins-et-rives" class="medium_texte">Parcs, jardins et rives</a> </li> <li> <a href="/p63950/les-marches-foires-et-brocantes" class="medium_texte">Marchés, foires...</a> </li> <li> <a href="/p63840/bordeaux-en-images" class="medium_texte">Bordeaux en images</a> </li> </ul> </section> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p64021/economie-et-emploi" >Économie et emploi</a></span> <ul> <li> <a href="/p80987/les-acteurs-economiques" class="medium_texte">Acteurs économiques</a> </li> <li> <a href="/p80988/s-implanter-a-bordeaux" class="medium_texte">S'implanter à Bordeaux</a> </li> <li> <a href="/p149955/bordeaux-rse" class="medium_texte">Responsabilité sociétale des entreprises (RSE)</a> </li> <li> <a href="/p145764/cellule-d-aide-aux-tpe" class="medium_texte">Cellule d'aide aux TPE</a> </li> <li> <a href="/p64022/bordeaux-pour-l-emploi" class="medium_texte">Bordeaux pour l'emploi</a> </li> </ul> </section> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p80966/bordeaux-politiques" >Bordeaux politiques</a></span> <ul> <li> <a href="/p63962/le-conseil-municipal" class="medium_texte">Le conseil municipal</a> </li> <li> <a href="/p63973/budget-et-finances" class="medium_texte">Budget et finances</a> </li> <li> <a href="/p154390/bordeaux-la-ville-qui-change-la-vie" class="medium_texte">La ville qui change la vie</a> </li> <li> <a href="/p144879/bordeaux-grandeur-nature" class="medium_texte">Bordeaux grandeur nature</a> </li> <li> <a href="/p64033/transition-climatique" class="medium_texte">Transition climatique</a> </li> <li> <a href="/p153665/ensemble-faisons-de-bordeaux-une-terre-de-solidarites-" class="medium_texte">Bordeaux terre de solidarités</a> </li> <li> <a href="/p149602/la-culture-en-partage" class="medium_texte">La culture en partage</a> </li> <li> <a href="/p152492/grandir-et-s-epanouir-a-bordeaux-le-projet-educatif-pour-les-0-18-ans" class="medium_texte">Projet éducatif des 0-18 ans</a> </li> <li> <a href="/p63943/urbanisme-resilient" class="medium_texte">Urbanisme résilient</a> </li> <li> <a href="/p80993/bordeaux-vivre-ensemble" class="medium_texte">Bordeaux vivre ensemble</a> </li> <li> <a href="/p138324/participation-et-democratie-permanente" class="medium_texte">Bordeaux participation</a> </li> <li> <a href="/p146852/forum-du-sport" class="medium_texte">Plus de sport dans la vie</a> </li> <li> <a href="/p63778/bordeaux-international" class="medium_texte">Bordeaux international</a> </li> </ul> </section> </div> </div> <!-- Fin Insertion de /JSP/plandusite/plandusite.jsp --> </noscript> <nav aria-label="Navigation principale" style="display:none;"> <ul class="nav float_left nav2"> <li onmouseover="showSubMenuWithId('navLvl2Left1');return false;" onmouseout="hideAllSubMenu();return false;"><a href="/p80963/bordeaux-et-vous" onfocus="showSubMenuWithId('navLvl2Left1');return false;">Bordeaux et vous</a> <div id="navLvl2Left1" class="subNav"> <div class="zonemenublanche"> <ul> <li> <a href="/p63938/huit-quartiers-pour-vous" >Votre quartier</a> </li> <li> <a href="/p64008/les-seniors" >Seniors</a> </li> </ul> <ul> <li> <a href="/p64001/petite-enfance" >Petite enfance</a> </li> <li> <a href="/p64012/ville-et-handicaps" >Personnes handicapées</a> </li> </ul> <ul> <li> <a href="/p63991/les-enfants-a-l-ecole-maternelle-et-elementaire" >Ecoliers</a> </li> <li> <a href="/d21/le-vade-mecum-du-nouvel-arrivant" >Nouveaux arrivants</a> </li> </ul> <ul> <li> <a href="/p63987/jeunes-et-etudiants" >Jeunes et étudiants</a> </li> <li> <a href="/p138324/participation-et-democratie-permanente" >Participer</a> </li> </ul> </div> </div> </li> <li onmouseover="showSubMenuWithId('navLvl2Left2');return false;" onmouseout="hideAllSubMenu();return false;"><a href="/p80965/pratique" onfocus="showSubMenuWithId('navLvl2Left2');return false;">Pratique</a> <div id="navLvl2Left2" class="subNav"> <div class="zonemenublanche"> <ul> <li> <a href="/p80982/la-mairie" >La Mairie</a> </li> <li> <a href="/p57089/vie-associative" >Vie associative</a> </li> <li> <a href="/p64017/le-logement-a-bordeaux" >Logement</a> </li> <li> <a href="/p63980/mediation-et-justice" >Médiation et justice</a> </li> </ul> <ul> <li> <a href="/p80983/le-centre-communal-d-action-sociale" >Le CCAS</a> </li> <li> <a href="/p84367/aide-et-entraide" >Aide et entraide</a> </li> <li> <a href="/p64025/deplacements" >Déplacements</a> </li> <li> <a href="/p147575/risques-majeurs" >Risques majeurs</a> </li> </ul> <ul> <li> <a href="/p63974/demarches-et-formalites" >Démarches</a> </li> <li> <a href="/p63995/sante" >Santé</a> </li> <li> <a href="/p18028/stationnement" >Stationnement</a> </li> <li> <a href="/p1603/urgence-et-assistance" >Urgence et assistance</a> </li> </ul> <ul> <li> <a href="/p8693/magazines-et-guides-edites-par-la-ville" >Magazines et guides</a> </li> <li> <a href="/p63949/dechets-et-proprete-a-bordeaux" >Déchets et propreté</a> </li> <li> <a href="/p64003/bordeaux-cite-digitale" >Cité digitale</a> </li> <li> <a href="/p914/bordeaux-les-animaux-en-ville" >Animaux en ville</a> </li> </ul> </div> </div> </li> <li onmouseover="showSubMenuWithId('navLvl2Left3');return false;" onmouseout="hideAllSubMenu();return false;"><a href="/p80969/decouvrir-et-sortir" onfocus="showSubMenuWithId('navLvl2Left3');return false;">Découvrir et sortir</a> <div id="navLvl2Left3" class="subNav"> <div class="zonemenublanche"> <ul> <li> <a href="/p59665/agenda-culture-et-loisirs" >Agenda culture et loisirs</a> </li> <li> <a href="/p666/visite-et-tourisme" >Visite et tourisme</a> </li> </ul> <ul> <li> <a href="/p63866/culture" >Culture</a> </li> <li> <a href="/p81743/parcs-jardins-et-rives" >Parcs, jardins et rives</a> </li> </ul> <ul> <li> <a href="/p63960/le-sport-a-bordeaux" >Sports et loisirs</a> </li> <li> <a href="/p63950/les-marches-foires-et-brocantes" >Marchés, foires...</a> </li> </ul> <ul> <li> <a href="/p80990/histoire-patrimoine-et-architecture" >Histoire, patrimoine et architecture</a> </li> <li> <a href="/p63840/bordeaux-en-images" >Bordeaux en images</a> </li> </ul> </div> </div> </li> <li onmouseover="showSubMenuWithId('navLvl2Left4');return false;" onmouseout="hideAllSubMenu();return false;"><a href="/p64021/economie-et-emploi" onfocus="showSubMenuWithId('navLvl2Left4');return false;">Économie et emploi</a> <div id="navLvl2Left4" class="subNav"> <div class="zonemenublanche"> <ul> <li> <a href="/p80987/les-acteurs-economiques" >Acteurs économiques</a> </li> <li> <a href="/p64022/bordeaux-pour-l-emploi" >Bordeaux pour l'emploi</a> </li> </ul> <ul> <li> <a href="/p80988/s-implanter-a-bordeaux" >S'implanter à Bordeaux</a> </li> </ul> <ul> <li> <a href="/p149955/bordeaux-rse" >Responsabilité sociétale des entreprises (RSE)</a> </li> </ul> <ul> <li> <a href="/p145764/cellule-d-aide-aux-tpe" >Cellule d'aide aux TPE</a> </li> </ul> </div> </div> </li> <li onmouseover="showSubMenuWithId('navLvl2Left5');return false;" onmouseout="hideAllSubMenu();return false;"><a href="/p80966/bordeaux-politiques" onfocus="showSubMenuWithId('navLvl2Left5');return false;">Bordeaux politiques</a> <div id="navLvl2Left5" class="subNav"> <div class="zonemenublanche"> <ul> <li> <a href="/p63962/le-conseil-municipal" >Le conseil municipal</a> </li> <li> <a href="/p64033/transition-climatique" >Transition climatique</a> </li> <li> <a href="/p63943/urbanisme-resilient" >Urbanisme résilient</a> </li> <li> <a href="/p63778/bordeaux-international" >Bordeaux international</a> </li> </ul> <ul> <li> <a href="/p63973/budget-et-finances" >Budget et finances</a> </li> <li> <a href="/p153665/ensemble-faisons-de-bordeaux-une-terre-de-solidarites-" >Bordeaux terre de solidarités</a> </li> <li> <a href="/p80993/bordeaux-vivre-ensemble" >Bordeaux vivre ensemble</a> </li> </ul> <ul> <li> <a href="/p154390/bordeaux-la-ville-qui-change-la-vie" >La ville qui change la vie</a> </li> <li> <a href="/p149602/la-culture-en-partage" >La culture en partage</a> </li> <li> <a href="/p138324/participation-et-democratie-permanente" >Bordeaux participation</a> </li> </ul> <ul> <li> <a href="/p144879/bordeaux-grandeur-nature" >Bordeaux grandeur nature</a> </li> <li> <a href="/p152492/grandir-et-s-epanouir-a-bordeaux-le-projet-educatif-pour-les-0-18-ans" >Projet éducatif des 0-18 ans</a> </li> <li> <a href="/p146852/forum-du-sport" >Plus de sport dans la vie</a> </li> </ul> </div> </div> </li> </ul> </nav> </div> <script type="text/javascript"> $("#template-pc__ebxHeader__header__multilevel_menu_portlet .head nav").show(); $("#template-accueil__ebxHeader__header__multilevel_menu_portlet .head nav").show(); </script> <!-- Fin Insertion de /JSP/multilevelmenu/newmultilevelmenu.jsp --> </div> <!-- END: Fragment: template-pc__ebxHeader__header__multilevel_menu_portlet Decoration: mbx --> </div> <div id='template-pc__ebxHeader__header__translate' class="portal-layout-cell portal-layout-cell-OneColumn-5-0" > <!-- Begin: Fragment: template-pc__ebxHeader__header__translate Decoration: mbx --> <div class="PContent clearDiv"> </div> <!-- END: Fragment: template-pc__ebxHeader__header__translate Decoration: mbx --> </div> <div id='template-pc__ebxHeader__header__alertezone' class="portal-layout-cell portal-layout-cell-OneColumn-6-0" > <!-- Begin: Fragment: template-pc__ebxHeader__header__alertezone Decoration: mbx --> <div class="PContent clearDiv"> </div> <!-- END: Fragment: template-pc__ebxHeader__header__alertezone Decoration: mbx --> </div> </div> </div> <div id="js_template_pc__content_" class="portal-layout portal-layout-ThreeColumns"> <div id="column_template-pc__content_0" class="portal-layout-column portal-layout-column-ThreeColumns-0" > <div id="js_template_pc__content__maColonne__newColonneGaucheGabaritStandard_" class="portal-layout portal-layout-OneColumn"> <div id="column_template-pc__content__maColonne__newColonneGaucheGabaritStandard_0" class="portal-layout-column portal-layout-column-OneColumn-0" > <div id='template-pc__content__maColonne__newColonneGaucheGabaritStandard__menuLeft' class="portal-layout-cell portal-layout-cell-OneColumn-1-0" > <!-- Begin: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__menuLeft Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/multilevelmenu/newmenugauche.jsp --> <!-- Fin Insertion de /JSP/multilevelmenu/newmenugauche.jsp --> </div> <!-- END: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__menuLeft Decoration: mbx --> </div> <div id='template-pc__content__maColonne__newColonneGaucheGabaritStandard__zoomInterieur' class="portal-layout-cell portal-layout-cell-OneColumn-2-0" > <!-- Begin: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__zoomInterieur Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/zoomTeaser/zoomInterieur.jsp --> <aside aria-label="A la une" id="boxUne"> <span class="h2Titre">Actualités</span> <a class="wrapper" href="/p157959/le-grand-dialogue-citoyen-en-bd"> <img src="/images/ebx/fr/presentationStandard/157959/1/teaser/492223/imageSpec/712641/image/format7/IllustrateurMag-AntoineBlaclard-19_zoom_5.jpg" alt="une" width="240px" /> <div class="lastBlock"> <div class="colorBar"></div> <div class="medium_texte"> <span class="h3Titre">Bande dessinée</span> <p>Le Grand dialogue citoyen a inspiré l'auteur bordelais Antoine Blaclard, pour la nouvelle formule du journal municipal "le mag Bordeaux"</p> </div> </div> </a> </aside> <!-- Fin Insertion de /JSP/zoomTeaser/zoomInterieur.jsp --> </div> <!-- END: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__zoomInterieur Decoration: mbx --> </div> <div id='template-pc__content__maColonne__newColonneGaucheGabaritStandard__actusInterieur' class="portal-layout-cell portal-layout-cell-OneColumn-3-0" > <!-- Begin: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__actusInterieur Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/actusTeaser/actusInterieur.jsp --> <aside aria-label="Actualités" id="actuInterieur"> <div class="clearfix interligne1"> <a class="block" href="/p157920/privilegiez-le-commerce-local"> <img class="float_left" src="/images/ebx/fr/presentationStandard/157920/1/teaser/492363/imageSpec/712822/image/format1/actu_commerce-local_3.jpg" alt=""> <div class="tableCell"> <p class="surtitre medium_texte"><span>Pour vos achats</span></p> <span class="h3Titre">Privilégiez le commerce local</span> </div> </a> </div> <div class="clearfix interligne1"> <a class="block" href="/p157955/point-bibli"> <img class="float_left" src="/images/ebx/fr/presentationStandard/157955/2/teaser/492355/imageSpec/712801/image/format1/pointbibli1_actu_3.jpg" alt=""> <div class="tableCell"> <p class="surtitre medium_texte"><span>Bibliothèques</span></p> <span class="h3Titre">Connaissez-vous les Points Bibli ? C'est nouveau !</span> </div> </a> </div> <div class="clearfix interligne1"> <a class="block" href="/e222550/semaine-de-l-engagement"> <img class="float_left" src="/images/ebx/fr/evenement/222550/5/teaser/492374/imageSpec/712831/image/format1/semaine-de-l-engagement-actu_8.jpg" alt=""> <div class="tableCell"> <p class="surtitre medium_texte"><span>Vie associative</span></p> <span class="h3Titre">Semaine de l'engagement du 28 novembre au 5 décembre</span> </div> </a> </div> <div class="clearfix interligne1"> <a class="standard_link medium_texte float_right interligne1" href="/p65310/toute-l-actualite" >Toute l'actualité</a> </div> </aside> <!-- Fin Insertion de /JSP/actusTeaser/actusInterieur.jsp --> </div> <!-- END: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__actusInterieur Decoration: mbx --> </div> <div id='template-pc__content__maColonne__newColonneGaucheGabaritStandard__servicegauche' class="portal-layout-cell portal-layout-cell-OneColumn-4-0" > <!-- Begin: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__servicegauche Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/servicesPratiques/servicesPratiques.jsp --> <aside aria-label="Vos services pratiques" id="blocservicespratiques" class="not_mobile"> <span class="h2Titre">Vos services pratiques</span> <ul> <li class="medium_texte"><a href="/p70154/etat-civil-papiers" title="Actes d'état civil"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763366/imageSpec/696792/image/icon-services_pratiq_une_etat_civil9_27.svg" alt="" width="25px" height="25px" /> <span>Actes d'état civil</span> </a></li> <li class="medium_texte"><a href="/p63976/demarches-et-services-en-ligne" title="Téléprocédures"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763367/imageSpec/696793/image/icon-services_pratiq_une_demarches_lign3_2_29.svg" alt="" width="25px" height="25px" /> <span>Démarches en ligne</span> </a></li> <li class="medium_texte"><a href="/p18028/stationnement" title="Stationnement à Bordeaux"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763368/imageSpec/696794/image/icon-services_pratiq_stationnement4_2_23.svg" alt="" width="25px" height="25px" /> <span>Stationnement</span> </a></li> <li class="medium_texte"><a href="/p2888/contacter-la-mairie-de-bordeaux" title="Allo mairie"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763369/imageSpec/696795/image/icon-services_pratiq_contact-mairie2_21.svg" alt="" width="25px" height="25px" /> <span>Contacter la mairie</span> </a></li> <li class="medium_texte"><a href="/p76296/horaires-des-piscines" title="Piscines"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763370/imageSpec/696796/image/icon-services_pratiq_piscine_2_28.svg" alt="" width="25px" height="25px" /> <span>Horaires des piscines</span> </a></li> <li class="medium_texte"><a href="/p500/catalogue-et-dossier-lecteur" title="Bibliothèques"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763371/imageSpec/696797/image/icon-services_pratiq_base_bibliotheq1_24.svg" alt="" width="25px" height="25px" /> <span>Catalogue de la bibliothèque</span> </a></li> <li class="medium_texte"><a href="/p63970/emplois-et-stages-a-la-mairie" title="Emplois et stages"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763372/imageSpec/696798/image/icon-services_pratiq_emploi5_25.svg" alt="" width="25px" height="25px" /> <span>Emploi à la mairie</span> </a></li> <li class="medium_texte"><a href="/p63964/marches-publics" title="Marchés publics"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763373/imageSpec/696799/image/icon-services_pratiq_une_marches3_2_22.svg" alt="" width="25px" height="25px" /> <span>Marchés publics</span> </a></li> <li class="medium_texte"><a href="/p150854/proprietaire-ou-locataire-encadrement-des-loyers" title="Simulateur de loyers"> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20913/lien/763374/imageSpec/696800/image/icon-services_pratiq_une_logement2_26.svg" alt="" width="25px" height="25px" /> <span>Simulateur de loyers</span> </a></li> </ul> </aside> <!-- Fin Insertion de /JSP/servicesPratiques/servicesPratiques.jsp --> </div> <!-- END: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__servicegauche Decoration: mbx --> </div> <div id='template-pc__content__maColonne__newColonneGaucheGabaritStandard__agendagauche' class="portal-layout-cell portal-layout-cell-OneColumn-5-0" > <!-- Begin: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__agendagauche Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/agendaAccueil/agendaAccueil.jsp --> <aside aria-label="Agenda Bordeaux" class="block"> <div id="boxAgenda" class="back_rouge inline_block"> <span class="h2Titre"><a href="/p59665/agenda-culture-et-loisirs">Agenda Bordeaux</a></span> <div class="itemAgenda clearfix"> <a class="text_blanc" href="/e221469/siamesis-2008-2011-"> <span class="text_blanc uppercase texte source_sans_pro">Exposition</span> </a> <div class="interligne05"> <a href="/e221469/siamesis-2008-2011-" class="wrapper"> <div class="tableCell"><img src="/images/ebx/fr/evenement/221469/5/teaser/492340/imageSpec/712791/image/format1/1948061_1_c_2.jpg" alt="" class="float_left marge_right_10" /></div> <div class="wrapper tableCell vertical_top" > <p class="medium_texte text_blanc">Siamesis (2008 - 2011)</p> <p class="medium_texte text_blanc">Jusqu'au 31/03/2026</p> </div> </a> </div> </div> <div class="itemAgenda clearfix"> <a class="text_blanc" href="/e124224/balades-urbaines"> <span class="text_blanc uppercase texte source_sans_pro">Visite</span> </a> <div class="interligne05"> <a href="/e124224/balades-urbaines" class="wrapper"> <div class="tableCell"><img src="/images/ebx/fr/evenement/124224/188/teaser/492295/imageSpec/712729/image/format1/balades_urbaines_c_3.jpg" alt="" class="float_left marge_right_10" /></div> <div class="wrapper tableCell vertical_top" > <p class="medium_texte text_blanc">Balades Urbaines</p> <p class="medium_texte text_blanc">Jusqu'au 04/12/2024</p> </div> </a> </div> </div> <form method="get" action="/pgAgdLstEvt.psml" class="interligne1"> <input type="hidden" value="true" name="_nfpb"> <input type="hidden" value="pgAgdLstEvt" name="_pageLabel"> <input type="hidden" value="pageSpecifique" name="classofcontent"> <input type="hidden" value="201" name="id"> <input type="hidden" value="1" name="rechercheEvt"> <input type="hidden" value="GENERAL" name="typeAgenda"> <div class="inlineForm inlineFormS searchForm"> <div class="input"> <input class="inputTxt" type="text" title="Rechercher dans l'agenda" aria-label="Rechercher dans l'agenda" name="motsClesEvt"> <input id="searchLoupe" class="submit" value ="Rechercher" type="submit" alt="Rechercher dans l'agenda"> </div> </div> <!-- Types --> <div class="selectLine"> <label class="custom-select"> <select name="typeEvt" id="select_typeEvt" title="Type d'événement" aria-label="Type d'événement"> <option value="TOUS">Quoi ?</option> <option value="1__108"> Animation </option> <option value="1__132"> Cinéma </option> <option value="1__2"> Concert </option> <option value="1__25"> Exposition </option> <option value="1__26"> Festival </option> <option value="1__29"> Rencontre </option> <option value="1__690"> Solidarité </option> <option value="1__3"> Spectacle </option> <option value="1__62"> Sport </option> <option value="1__24"> Visite & Balade </option> </select> </label> <div class="interligne1"> <label class="custom-select"> <select id="select_quand" title="Période" aria-label="Période" name="quandEvt"> <option value="1"> Quand ? </option> <option value="2"> Aujourd'hui </option> <option value="3"> Demain </option> <option value="4"> Ce week-end </option> <option value="5"> Dans la semaine à venir </option> <option value="6"> Dans le mois à venir </option> </select> </label> </div> <input type="submit" alt="Rechercher dans l'agenda" value="OK" class="btnOK"> </div> </form> </div> <div class="sous_box"> <a href="/ebx/pgAgdLstEvt.psml?_nfpb=true&_pageLabel=pgAgdLstEvt&classofcontent=pageSpecifique&id=201&rechercheEvt=2&typeAgenda=GENERAL&listeTotale=1">364 événements</a> </div> </aside> <!-- Fin Insertion de /JSP/agendaAccueil/agendaAccueil.jsp --> </div> <!-- END: Fragment: template-pc__content__maColonne__newColonneGaucheGabaritStandard__agendagauche Decoration: mbx --> </div> </div> </div> </div> <div id="column_template-pc__content_1" role="main" class="portal-layout-column portal-layout-column-ThreeColumns-1" > <div id='template-pc__content__navpath' class="portal-layout-cell portal-layout-cell-ThreeColumns-0-1" > <!-- Begin: Fragment: template-pc__content__navpath Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/multilevelmenu/newnavpath.jsp --> <div class="NavPath inline_block" id="ebxNavpath"> <ul class="inline"> <li> <a class="chemin_fer" href="/"><span>Accueil</span></a> </li> </ul> </div> <div id="contenu"></div> <!-- Fin Insertion de /JSP/multilevelmenu/newnavpath.jsp --> </div> <!-- END: Fragment: template-pc__content__navpath Decoration: mbx --> </div> <div id="js_template_pc__content__page_content__pgPresStand8Content_" class="portal-layout portal-layout-OneColumn"> <div id="column_template-pc__content__page-content__pgPresStand8Content_0" class="portal-layout-column portal-layout-column-OneColumn-0" > <div id='template-pc__content__page-content__pgPresStand8Content__chapo' class="portal-layout-cell portal-layout-cell-OneColumn-0-0" > <!-- Begin: Fragment: template-pc__content__page-content__pgPresStand8Content__chapo Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/chapo/chapo.jsp --> <!-- Debut Insertion de /includes/gabarit/chapo/chapoleft.jsp --> <!-- Debut Insertion de /JSP/identifiant/identifiant.jsp --> <!-- Debut Insertion de /JSP/identifiant/identifiantSansCache.jsp --> <div class="clearfix"> <!-- Debut Insertion de /JSP/identifiant/normal/identifiantSansCacheN_inc.jspf --> <div id="containerChapo"> <div class="chapo_img float_left"> <img class=null src="/images/ebx/fr/image/192/3/image/page_non_rattache.gif" ALT="" /> </div> <div class="chapoPictoImg"> <h1 class="withSociaux filet1">Accessibilité</h1> </div> </div> <!-- Fin Insertion de /JSP/identifiant/normal/identifiantSansCacheN_inc.jspf --> </div> <!-- Fin Insertion de /JSP/identifiant/identifiantSansCache.jsp --> <!-- Fin Insertion de /JSP/identifiant/identifiant.jsp --> <!-- Fin Insertion de /includes/gabarit/chapo/chapoleft.jsp --> <!-- Fin Insertion de /JSP/chapo/chapo.jsp --> </div> <!-- END: Fragment: template-pc__content__page-content__pgPresStand8Content__chapo Decoration: mbx --> </div> <div id='template-pc__content__page-content__pgPresStand8Content__zoom' class="portal-layout-cell portal-layout-cell-OneColumn-1-0" > <!-- Begin: Fragment: template-pc__content__page-content__pgPresStand8Content__zoom Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/zoomune/zoomune.jsp --> <!-- Fin Insertion de /JSP/zoomune/zoomune.jsp --> </div> <!-- END: Fragment: template-pc__content__page-content__pgPresStand8Content__zoom Decoration: mbx --> </div> <div id='template-pc__content__page-content__pgPresStand8Content__groupepaves' class="portal-layout-cell portal-layout-cell-OneColumn-2-0" > <!-- Begin: Fragment: template-pc__content__page-content__pgPresStand8Content__groupepaves Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/groupepaves/groupepaves.jsp --> <!-- Debut Insertion de /includes/gabaritgrp/listepav/alternPav.jsp --> <!-- Debut Insertion de /includes/gabarit/pavleft.jsp --> <!-- Debut Insertion de /includes/gabarit/normal/pavleft_part2N_inc.jspf --> <div class="clearfix modulo1"> <div class="clearfix"> <h2 class="h2_title text_bold filet1 interligne2"> Qu'est ce que l'accessibilité numérique ? </h2> <div class="interligne2 texte"> <div class="contribue">L'accessibilité numérique consiste à rendre les contenus et services numériques compréhensibles et utilisables par les personnes en situation de handicap.</div><!-- contribue --> </div><!-- interligne2 texte --> </div><!-- clearfix / clearDiv --> </div><!-- clearfix modulo1 --> <!-- Fin Insertion de /includes/gabarit/normal/pavleft_part2N_inc.jspf --> <!-- Fin Insertion de /includes/gabarit/pavleft.jsp --> <!-- Debut Insertion de /includes/gabarit/pavright.jsp --> <!-- Debut Insertion de /includes/gabarit/normal/pavright_part2N_inc.jspf --> <div class="pavRight clearfix modulo1"> <h2 class="h2_title text_bold filet1 interligne2"> Déclaration d'accessibilité </h2> <div class="interligne2"> <div class="contribue texte"> La mairie de Bordeaux s'engage à rendre bordeaux.fr, ainsi que tous ses autres sites Web accessibles conformément à l'article 47 de la loi n° 2005-102 du 11 février 2005.<br /> <br /> Le site www.bordeaux.fr est partiellement conforme au référentiel général d'amélioration de l'accessibilité (RGAA). Les non-conformités et exemptions sont énumérées ci-dessous.<br /> <br /> <strong>Résultats des tests</strong><br /> <br /> L'audit d'accessibilité réalisé le 23 janvier 2024 par la direction générale du numérique et des systèmes d'information de Bordeaux Métropole sur le site www.bordeaux.fr révèle que 54,41 % des critères RGAA 4.1.2 sont respectés.<br /> <br /> Ce pourcentage correspond à :<br /> ● 37 critères conformes<br /> ● 31 critères non conformes<br /> ● 38 critères non applicables<br /> <br /> <br /> <strong>Contenus nons conformes</strong><br /> <br /> Les critères suivants du référentiel général d'amélioration de l'accessibilité ont été jugés non-remplis et peuvent fortement impacter le confort de navigation. Ils seront au coeur des futures évolutions du site pour les mettre en conformité avec les préconisations du RGAA 4.1.2<br /> <br /> ● 1.1 Chaque image porteuse d'information a-t-elle une alternative textuelle ?<br /> ● 1.2 Chaque image de décoration est-elle correctement ignorée par les technologies d'assistance ?<br /> ● 1.9 Chaque légende d'image est-elle, si nécessaire, correctement reliée à l'image correspondante ?<br /> ● 3.1 Dans chaque page web, l'information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?<br /> ● 3.2 Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?<br /> ● 3.3 Dans chaque page web, les couleurs utilisées dans les composants d'interface ou les éléments graphiques porteurs d'informations sont-elles suffisamment contrastées (hors cas particuliers) ?<br /> ● 4.1 Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ?<br /> ● 4.5 Chaque média temporel pré-enregistré a-t-il, si nécessaire, une audiodescription synchronisée (hors cas particuliers) ?<br /> ● 5.4 Pour chaque tableau de données ayant un titre, le titre est-il correctement associé au tableau de données ?<br /> ● 6.1 Chaque lien est-il explicite (hors cas particuliers) ?<br /> ● 6.2 Dans chaque page web, chaque lien, a-t-il un intitulé ?<br /> ● 7.1 Chaque script est-il, si nécessaire, compatible avec les technologies d'assistance ?<br /> ● 7.3 Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?<br /> ● 8.2 Pour chaque page web, le code source généré est-il valide selon le type de document spécifié (hors cas particuliers) ?<br /> ● 8.6 Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?<br /> ● 8.9 Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation. Cette règle est-elle respectée ?<br /> ● 9.1 Dans chaque page web, l'information est-elle structurée par l'utilisation appropriée de titres ?<br /> ● 9.2 Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?<br /> ● 9.3 Dans chaque page web, chaque liste est-elle correctement structurée ?<br /> ● 9.4 Dans chaque page web, chaque citation est-elle correctement indiquée ?<br /> ● 10.1 Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l'information ?<br /> ● 10.2 Dans chaque page web, le contenu visible porteur d'information reste-t-il présent lorsque les feuilles de styles sont désactivées ?<br /> ● 10.6 Dans chaque page web, chaque lien dont la nature n'est pas évidente est-il visible par rapport au texte environnant ?<br /> ● 10.7 Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?<br /> ● 10.9 Dans chaque page web, l'information ne doit pas être donnée uniquement par la forme, taille ou position. Cette règle est-elle respectée ?<br /> ● 10.13 Dans chaque page web, les contenus additionnels apparaissant à la prise de focus ou au survol d'un composant d'interface sont-ils contrôlables par l'utilisateur (hors cas particuliers) ?<br /> ● 11.4 Dans chaque formulaire, chaque étiquette de champ et son champ associé sont-ils accolés (hors cas particuliers) ?<br /> ● 11.9 Dans chaque formulaire, l'intitulé de chaque bouton est-il pertinent (hors cas particuliers) ?<br /> ● 11.10 Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?<br /> ● 11.13 La finalité d'un champ de saisie peut-elle être déduite pour faciliter le remplissage automatique des champs avec les données de l'utilisateur ?<br /> ● 12.8 Dans chaque page web, l'ordre de tabulation est-il cohérent ?<br /> ● 13.3 Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?<br /> <br /> <br /> <strong>Contenus non soumis à l'obligation d'accessibilité</strong><br /> <br /> ● Les fichiers disponibles dans des formats bureautiques publiés avant le 23 septembre 2018 ;<br /> ● Les contenus de tiers qui ne sont ni financés ni développés par l'organisme concerné et qui ne sont pas sous son contrôle : Les cartes google map ; le player vidéo Youtube ; le bandeau cookie ; le captcha BotDetect ; le kiosque Calameo<br /> <br /> <br /> <strong>Établissement de cette déclaration d'accessibilité</strong><br /> <br /> Cette déclaration a été établie le 23 janvier 2024.<br /> <br /> <br /> <strong>Environnement de test</strong><br /> <br /> Version ordinateur<br /> ● NVDA 2023.1, Firefox 116<br /> ● Jaws 22, Firefox 116<br /> ● Voiceover, Safari<br /> Les outils suivants ont été utilisés lors de l'évaluation :<br /> ● WCAG contrast checker<br /> ● HeadingsMap<br /> ● Web developer<br /> ● ARC Toolkit<br /> <br /> <br /> <strong>Technologies utilisées pour la réalisation du site</strong><br /> <br /> ● HTML<br /> ● CSS<br /> ● Javascript<br /> <br /> <br /> <strong>Échantillon des pages ayant fait l'objet de l'audit</strong> <ul class="puces"> <li><a href="https://www.bordeaux.fr/" target="_blank" title="Accueil (nouvelle fenêtre)">Accueil</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=presentationStandard&id=9584" title="Article riche">Article riche</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=presentationStandard&id=63866" title="Sommaire">Sommaire</a></li> <li>Évènement père : https://www.bordeaux.fr/e209978 (page temporaire)</li> <li><a href="https://bordeaux.fr/pgAutonomyRes.psml?classofcontent=pageSpecifique&id=622&_pageLabel=pgAutonomyRes&classDisplay=pageSpecifique&idDisplay=622&validate=autonomy.search.validate.1&withCM=false&request=bordeaux&x=0&y=0" target="_blank" title="Liste de recherche générale (nouvelle fenêtre)">Liste de recherche générale</a></li> <li><a href="https://bordeaux.fr/ebx/pgAgdLstEvt.psml?_nfpb=true&_pageLabel=pgAgdLstEvt&classofcontent=pageSpecifique&id=201&rechercheEvt=2&typeAgenda=GENERAL&listeTotale=2" target="_blank" title="Liste de recherche événements (nouvelle fenêtre)">Liste de recherche des événements</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=presentationStandard&id=59684" title="Organigramme des services municipaux">Organigramme des services municipaux</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=eluCM&id=7265" title="Fiche élu">Fiche élu</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=CM&id=18322" title="Séance du conseil municipal">Séance du conseil municipal</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=organisme&id=273" title="Organisme et ou lieu">Organisme et / ou lieu</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=pageSpecifique&id=462" title="Formulaire d'état civil">Formulaire d'état civil</a></li> <li><a href="https://bordeaux.fr/t845&idService=83649" target="_blank" title="Formulaire de contact (nouvelle fenêtre)">Formulaire de contact</a></li> <li><a href="https://bordeaux.fr/pgListeEcole.psml?classofcontent=presentationStandard&id=828&form=critere&ecole=&listQuartier=&listTypage=&listTypGestionEcole=" target="_blank" title="Liste de recherche écoles (nouvelle fenêtre)">Liste de recherche écoles</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=presentationStandard&id=494" title="Sommaire des séances du conseil municipal">Sommaire des séances du conseil municipal</a></li> <li><a href="/ebx/LinkResolverServlet?classofcontent=faq&id=2995" title="Foire aux questions">Foire aux questions</a></li> </ul> </div> </div> </div> <!-- Fin Insertion de /includes/gabarit/normal/pavright_part2N_inc.jspf --> <!-- Fin Insertion de /includes/gabarit/pavright.jsp --> <!-- Debut Insertion de /includes/gabarit/pavleft.jsp --> <!-- Debut Insertion de /includes/gabarit/normal/pavleft_part2N_inc.jspf --> <div class="clearfix modulo1"> <div class="clearfix"> <h2 class="h2_title text_bold filet1 interligne2"> Retour d'information et contact </h2> <div class="interligne2 texte"> <div class="contribue">Si vous n'arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable de bordeaux.fr pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.</div><!-- contribue --> </div><!-- interligne2 texte --> </div><!-- clearfix / clearDiv --> <!-- Debut Insertion de /includes/components/groupecontenulies/01lignes-vide.jsp --> <!-- Debut Insertion de /includes/components/contenulie/contenulie.jsp --> <!-- Debut Insertion de /includes/gabarit/organisme/gabaritContactService.jsp --> <!-- <div class="container"> --> <!-- <div class="Link2">1 --> <ul class="list_comment interligne1"> <li class="end_item"> <a class="block" href="/ebx/pgContactServiceMunicipal.psml?_nfpb=true&_pageLabel=pgContactServiceMunicipal&classofcontent=pageSpecifique&id=845&idService=83649" title="Mairie de Bordeaux : nous contacter"> Mairie de Bordeaux : nous contacter </a> </li> </ul> <!-- </div> --> <!-- </div> --> <!-- Fin Insertion de /includes/gabarit/organisme/gabaritContactService.jsp --> <!-- Fin Insertion de /includes/components/contenulie/contenulie.jsp --> <!-- Fin Insertion de /includes/components/groupecontenulies/01lignes-vide.jsp --> </div><!-- clearfix modulo1 --> <!-- Fin Insertion de /includes/gabarit/normal/pavleft_part2N_inc.jspf --> <!-- Fin Insertion de /includes/gabarit/pavleft.jsp --> <!-- Debut Insertion de /includes/gabarit/pavright.jsp --> <!-- Debut Insertion de /includes/gabarit/normal/pavright_part2N_inc.jspf --> <div class="pavRight clearfix modulo1"> <h2 class="h2_title text_bold filet1 interligne2"> Voies de recours </h2> <div class="interligne2"> <div class="contribue texte"> Cette procédure est à utiliser dans le cas suivant.<br /> Vous avez signalé au responsable du site web un défaut d'accessibilité qui vous empêche d'accéder à un contenu ou à un des services et vous n'avez pas obtenu de réponse satisfaisante. <ul class="puces"> <li><a href="https://formulaire.defenseurdesdroits.fr" target="_blank" title="Écrire un message au Défenseur des droits (nouvelle fenêtre)">Écrire un message au Défenseur des droits</a></li> <li><a href="https://www.defenseurdesdroits.fr/saisir/delegues" target="_blank" title="Contacter le délégué du Défenseur des droits dans votre région (nouvelle fenêtre)">Contacter le délégué du Défenseur des droits dans votre région</a></li> <li>Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) :<br /> Défenseur des droits<br /> Libre réponse 71120<br /> 75342 Paris CEDEX 07</li> </ul> </div> </div> </div> <!-- Fin Insertion de /includes/gabarit/normal/pavright_part2N_inc.jspf --> <!-- Fin Insertion de /includes/gabarit/pavright.jsp --> <!-- Fin Insertion de /includes/gabaritgrp/listepav/alternPav.jsp --> <!-- Fin Insertion de /JSP/groupepaves/groupepaves.jsp --> </div> <!-- END: Fragment: template-pc__content__page-content__pgPresStand8Content__groupepaves Decoration: mbx --> </div> <div id='template-pc__content__page-content__pgPresStand8Content__ensavoirplus' class="portal-layout-cell portal-layout-cell-OneColumn-3-0" > <!-- Begin: Fragment: template-pc__content__page-content__pgPresStand8Content__ensavoirplus Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/ensavoirplus/ensavoirplus.jsp --> <!-- Fin Insertion de /JSP/ensavoirplus/ensavoirplus.jsp --> </div> <!-- END: Fragment: template-pc__content__page-content__pgPresStand8Content__ensavoirplus Decoration: mbx --> </div> <div id='template-pc__content__page-content__pgPresStand8Content__navighoriz' class="portal-layout-cell portal-layout-cell-OneColumn-4-0" > <!-- Begin: Fragment: template-pc__content__page-content__pgPresStand8Content__navighoriz Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/navighoriz/navighoriz.jsp --> <!-- Debut Insertion de /includes/gabarit/navighoriz/classic.jsp --> <ul class="navbox interligne2"> <li class="left inline_block"></li> <li class="center inline_block"> <a class="standard_link texte" href="/" title="Accueil"> <span class="vertical_middle center"><img class="vertical_middle" src="/portail/images/pictos/flecheHaut.svg;jsessionid=C503BF43412F44ACA3C6047C80772B78.server1" alt=""/>Accueil</span> </a> </li> <li class="right inline_block"></li> </ul> <!-- Fin Insertion de /includes/gabarit/navighoriz/classic.jsp --> <!-- Fin Insertion de /JSP/navighoriz/navighoriz.jsp --> </div> <!-- END: Fragment: template-pc__content__page-content__pgPresStand8Content__navighoriz Decoration: mbx --> </div> <div id='template-pc__content__page-content__pgPresStand8Content__debat' class="portal-layout-cell portal-layout-cell-OneColumn-5-0" > <!-- Begin: Fragment: template-pc__content__page-content__pgPresStand8Content__debat Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/formulairesDebat/formulaireDebatVide.jsp --> <!-- Fin Insertion de /JSP/formulairesDebat/formulaireDebatVide.jsp --> </div> <!-- END: Fragment: template-pc__content__page-content__pgPresStand8Content__debat Decoration: mbx --> </div> </div> </div> </div> <div id="column_template-pc__content_2" class="portal-layout-column portal-layout-column-ThreeColumns-2" > <div id='template-pc__content__reseauxsociaux_addthis' class="portal-layout-cell portal-layout-cell-ThreeColumns-0-2" > <!-- Begin: Fragment: template-pc__content__reseauxsociaux_addthis Decoration: mbx --> <div class="PContent clearDiv"> <!-- Bloc reseaux sociaux --> <script type="text/javascript"> function pacteHideDate() { // Pour supprimer l'affichage des dates dans les pages PACTE. A remplacer par un style css avec la bonne classe type et id de contenu quand elle sera deployee var pagesPacte = new Array("106348","107838","106350","107839","106351","107840","106352","107841","106353","107842","106354","107574", "106355", "106356", "107843", "107844"); if ((structureName == 'presentationStandard') && (pagesPacte.indexOf(RSVidPermanent) >= 0)) { $("div#all .tableauCadreCorps span.text_bleu").hide(); } } pacteHideDate(); function correctionMailFormulaireSport() { /*var test = un input hidden avec une valeur "8608" dans un form de name formContribuable trouve -> cacher un input avec id "courriel"*/ // url contient pgFormContribuable pageformContribuable = $('#column_template-pc__content__page-content__pgFormContribuableContent_0'); if (pageformContribuable && pageformContribuable.length != 0) { var testInputForm = $('#column_template-pc__content__page-content__pgFormContribuableContent_0 input[value="8608"]'); var testInputForm2 = $('#column_template-pc__content__page-content__pgFormContribuableContent_0 input[value="8649"]'); //var testInputForm = $('#column_template-pc__content__page-content__pgFormContribuableContent_0 input[value="2889"]'); if (testInputForm && testInputForm.length != 0) { // Pour la page de saisie des infos du formulaire $('#column_template-pc__content__page-content__pgFormContribuableContent_0 h2:contains("Contact")').css("display", "none"); inputACacher = $('input[id="courriel"]'); inputACacher.attr("value", "rien@bordeaux.fr"); //inputACacher.attr("type", "hidden"); inputACacher.attr("style", "display:none;"); labelCourriel = $('label[for="courriel"]'); labelCourriel.attr("style", "display:none;"); // Pour la page de verification $('form[name="verifFormulaire"] div.cadreFiletFAQ2 div.interligne1').css("display", "none"); } else if(testInputForm2 && testInputForm2.length != 0){ } else { // Pour la page de confirmation $('#column_template-pc__content__page-content__pgFormContribuableContent_0 div:contains("rien@bordeaux.fr")').filter(function() { return ($(this).text().indexOf('rien@bordeaux.fr') == 11); }).css("display", "none"); /* var textRqSexistes = $('#column_template-pc__content__page-content__pgFormContribuableContent_0 div[html="remarques sexistes sur vos pratiques sportives"]'); if (textRqSexistes && textRqSexistes.length != 0) { alert(textRqSexistes.length); } else alert('pas trouve'); */ } } } correctionMailFormulaireSport(); var chaineRecherche2 = "div.fichette_complete_organisme a.standard_link"; $(chaineRecherche2).each(function( index ) { if(($(this).attr("href")).indexOf("/") != 0){ $(this).attr("href","/"+$(this).attr("href")); } else if(($(this).attr("href")).substring(0, 2) === '//'){ $(this).attr("href",($(this).attr("href")).substring(1, $(this).attr("href").length)); } }); var chaineRecherche3 = "div.contactLine ul.standard_link li.end_item a" if($(chaineRecherche3).html()){ if($(chaineRecherche3).html().trim()=="http://"){ $(chaineRecherche3).parent().remove(); } else if($(chaineRecherche3).html().trim()=="http://https://"){ var chainedereplacement=$(chaineRecherche3).html().trim().substring(7,$(chaineRecherche3).html().trim().length); $(chaineRecherche3).html(chainedereplacement); } } var chaineRecherche4 = "div.fichette_complete_organisme ul.standard_link li.end_item a" if($(chaineRecherche4).html()){ if($(chaineRecherche4).html().trim()=="http://"){ $(chaineRecherche4).parent().remove(); } else if($(chaineRecherche4).html().trim()=="http://https://"){ var chainedereplacement=$(chaineRecherche4).html().trim().substring(7,$(chaineRecherche4).html().trim().length); $(chaineRecherche4).html(chainedereplacement); } } // utilisé par Websam function openWindow(pipeline) { var vWinUsers = window.open(pipeline, 'PortletSelector', 'status=no,resizable=yes,width=500,height=600,scrollbars=yes'); vWinUsers.opener = self; vWinUsers.focus(); } </script> <style> .contribue .tableauCadreCorps table.tableauTable thead tr.tableauTrMenu th{ background-color: white; border: 1px solid #CCCCCC; padding: 10px; border-collapse: collapse; font-size: 110%; } /* BDXFR-1370 */ body.node-presentationStandard.node-23652 ul.puces, body.node-presentationStandard.node-23914 ul.puces, body.node-presentationStandard.node-25267 ul.puces, body.node-eluCM ul.puces { list-style-position: inside; margin-left: inherit; } </style> <div id="partageReseauxSociauxAAfficher" style="display: none; float:right;"> <div id="bdx_share_buttons"> <div class="bdx_share_buttons_label">PARTAGER</div> <ul> <li><a class="bdx_share_button bdx_share_button_facebook" href="#" aria-label="Partager sur Facebook"> <img alt="Partager sur Facebook" width="29px" height="29px" /> </a></li> <li><a class="bdx_share_button bdx_share_button_twitter" href="#" aria-label="Partager sur Twitter"> <img alt="Partager sur Twitter" width="29px" height="29px" /> </a></li> <li><a class="bdx_share_button bdx_share_button_linkedin" href="#" aria-label="Partager par Linkedin"> <img alt="Partager par Linkedin" width="29px" height="29px" /> </a></li> <li><a class="bdx_share_button_mail" href="#" aria-label="Partager par mail"> <img alt="Partager par mail" width="29px" height="29px" /> </a></li> </ul> </div> </div> <script type="text/javascript"> $(document).ready(function() { /* Traductions ukrainien. */ var pathElementToUpdate = ".node-presentationStandard.node-149809 #blocPieceJointe"; if ($(pathElementToUpdate).length) { $(pathElementToUpdate + " h3:contains('En téléchargement')").html('En téléchargement / Завантажити'); $(pathElementToUpdate + " a:contains('Lieux ressource à Bordeaux')").html('Корисні адреси для переміщених українців'); var elementToUpdate = $(pathElementToUpdate + " .list_comment li:last-child span:contains('Mis à jour')"); elementToUpdate.html(elementToUpdate.html().replace("Mis à jour le", "Оновлення від")); elementToUpdate.html(elementToUpdate.html().replace("Document PDF", "PDF-документ")); } /* BDXFR-1352 : Affichage ou pas des liens réseaux sociaux. */ if (!$("#partageReseauxSociauxAMasquer").val()) { $("#partageReseauxSociauxAAfficher").show(); } }); $(document).ready(function() { $("A.bdx_share_button_facebook").each(function() { this.href = "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(window.location.href); }); $("A.bdx_share_button_twitter").each(function() { var text = $("meta[name='twitter:title']").attr("content"); //if (!text) { text = $("title").text(); } var href = "https://twitter.com/intent/tweet/?url=" + encodeURIComponent(window.location.href); if (text) { href += "&text=" + encodeURIComponent(text); } this.href = href; }); $("A.bdx_share_button_linkedin").each(function() { var ogTitle = $("meta[property='og:title']").attr("content"); this.href = "https://www.linkedin.com/share/share-offsite?mini=true" + "&url=" + encodeURIComponent(window.location.href) + "&title=" + ogTitle; }); $("A.bdx_share_button_mail").each(function() { var ogTitlePourMel = $("meta[property='og:title']").attr("content"); this.href = "mailto:?subject=bordeaux.fr - " + ogTitlePourMel + "&body=%0D%0A\"" + ogTitlePourMel + "\" sur bordeaux.fr : " + encodeURIComponent($("link[rel='canonical']").attr("href")); }); $("A.bdx_share_button").each(function() { this.onclick = function() { window.open(this.href, "Partager", "height=400,width=600"); return false; } }); }); </script> <!-- Boutons partage END --> <!-- AddThis Button BEGIN <script> var addthis_config = { ui_language: "fr" } </script> <div id="shareBar"> <div class="addthis_toolbox addthis_counter_style"> <a class="addthis_button_facebook_like" fb:like:layout="box_count"></a> <a class="addthis_button_facebook">Partager</a> <a class="addthis_button_tweet" tw:count="vertical" tw:lang="en"></a> <a class="addthis_button_google_plusone" g:plusone:size="tall"></a> <a class="addthis_button_print"></a> <a class="addthis_button_email"></a> </div> </div> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script> AddThis Button END --> </div> <!-- END: Fragment: template-pc__content__reseauxsociaux_addthis Decoration: mbx --> </div> </div> </div> <div id="js_template_pc__footer_" role="contentinfo" class="portal-layout portal-layout-OneColumn"> <div id="column_template-pc__footer_0" class="portal-layout-column portal-layout-column-OneColumn-0" > <div id="js_template_pc__footer__ebxFooter__footer_" class="portal-layout portal-layout-OneColumn"> <div id="column_template-pc__footer__ebxFooter__footer_0" class="portal-layout-column portal-layout-column-OneColumn-0" > <div id='template-pc__footer__ebxFooter__footer__sitesPartenaires' class="portal-layout-cell portal-layout-cell-OneColumn-0-0" > <!-- Begin: Fragment: template-pc__footer__ebxFooter__footer__sitesPartenaires Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/servicesPratiques/sitesPartenaires.jsp --> <div id="kiosquesites"> <span class="h2Titre">Les sites de Bordeaux</span> <section class="inline_block"> <div id='carousel_container' class="relative"> <div id='carousel_inner' class="slider"> <ul id='carousel_ul'> <li><a target="_blank" href="https://www.unairdebordeaux.fr/" class="medium_texte" title="Un air de Bordeaux"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763375/imageSpec/696801/image/air_bordeaux_4.jpg" alt="" width="166px" height="108px"> <figcaption>Un air de Bordeaux</figcaption> </figure> </a></li> <li><a target="_blank" href="https://associations.bordeaux.fr/" class="medium_texte" title="Associations bordeaux"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763376/imageSpec/696802/image/1-associations-bordeaux_14.jpg" alt="" width="166px" height="108px"> <figcaption>Associations bordeaux</figcaption> </figure> </a></li> <li><a target="_blank" href="https://www.museum-bordeaux.fr/" class="medium_texte" title="museum-bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763377/imageSpec/696803/image/museum_20.jpg" alt="" width="166px" height="108px"> <figcaption>Muséum de Bordeaux</figcaption> </figure> </a></li> <li><a target="_blank" href="https://www.bordeaux-tourisme.com" class="medium_texte" title="bordeaux-tourisme.com"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763378/imageSpec/696804/image/3-officedetourisme_1.jpg" alt="" width="166px" height="108px"> <figcaption>Office de tourisme</figcaption> </figure> </a></li> <li><a target="_blank" href="https://participation.bordeaux.fr/" class="medium_texte" title="Bordeaux participation"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763379/imageSpec/696805/image/4-bordeaux_participation1_15.png" alt="" width="166px" height="108px"> <figcaption>Bordeaux participation</figcaption> </figure> </a></li> <li><a target="_blank" href="http://bibliotheque.bordeaux.fr/" class="medium_texte" title="bibliotheque.bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763380/imageSpec/696806/image/5-bibliotheques_ecr_10.png" alt="" width="166px" height="108px"> <figcaption>Bibliothèque de Bordeaux</figcaption> </figure> </a></li> <li><a target="_blank" href="http://jardin-botanique-bordeaux.fr/" class="medium_texte" title="jardin-botanique-bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763381/imageSpec/696807/image/6-jardinbotanique_3.png" alt="" width="166px" height="108px"> <figcaption>Jardin botanique</figcaption> </figure> </a></li> <li><a target="_blank" href="http://www.musba-bordeaux.fr" class="medium_texte" title="musba-bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763382/imageSpec/696808/image/7_musee_bx_arts_2.png" alt="" width="166px" height="108px"> <figcaption>Musée des Beaux-Arts</figcaption> </figure> </a></li> <li><a target="_blank" href="http://www.musee-aquitaine-bordeaux.fr" class="medium_texte" title="musee-aquitaine-bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763383/imageSpec/696809/image/8_musee_aquitaine_17.png" alt="" width="166px" height="108px"> <figcaption>Musée d'Aquitaine</figcaption> </figure> </a></li> <li><a target="_blank" href="http://www.capc-bordeaux.fr" class="medium_texte" title="capc-bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763384/imageSpec/696810/image/capc_4_6.jpg" alt="" width="166px" height="108px"> <figcaption>Capc musée</figcaption> </figure> </a></li> <li><a target="_blank" href="http://www.madd-bordeaux.fr" class="medium_texte" title="madd-bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763385/imageSpec/696811/image/10-musee_arts_decoratifs_18.png" alt="" width="166px" height="108px"> <figcaption>Musée des Arts décoratifs et du Design</figcaption> </figure> </a></li> <li><a target="_blank" href="http://archives.bordeaux-metropole.fr" class="medium_texte" title="archives.bordeaux-metropole.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763386/imageSpec/696812/image/11-archives_19.png" alt="" width="166px" height="108px"> <figcaption>Archives Bordeaux Métropole</figcaption> </figure> </a></li> <li><a target="_blank" href="https://www.opera-bordeaux.com" class="medium_texte" title="opera-bordeaux.com"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763387/imageSpec/696813/image/13-opera_7.png" alt="" width="166px" height="108px"> <figcaption>Opéra national de Bordeaux</figcaption> </figure> </a></li> <li><a target="_blank" href="https://conservatoire.bordeaux.fr" class="medium_texte" title="conservatoire.bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763388/imageSpec/696814/image/14_conservatoire-site-170x110_13.jpg" alt="" width="166px" height="108px"> <figcaption>Conservatoire de Bordeaux Jacques Thibaud</figcaption> </figure> </a></li> <li><a target="_blank" href="http://www.ebabx.fr" class="medium_texte" title="ebabx.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763389/imageSpec/696815/image/15-ebabx_5.png" alt="" width="166px" height="108px"> <figcaption>EBABX - Ecole d'Enseignement Supérieur d'Art de Bordeaux</figcaption> </figure> </a></li> <li><a target="_blank" href="https://opendata.bordeaux-metropole.fr/pages/accueil/" class="medium_texte" title="opendata.bordeaux-metropole.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763390/imageSpec/696816/image/14-open_data_16.png" alt="" width="166px" height="108px"> <figcaption>Open data</figcaption> </figure> </a></li> <li><a target="_blank" href="https://maisoneco.bordeaux-metropole.fr/" class="medium_texte" title="La maison écocitoyenne"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763391/imageSpec/696817/image/16-maison_ecocitoyenne_11.png" alt="" width="166px" height="108px"> <figcaption>La maison écocitoyenne</figcaption> </figure> </a></li> <li><a target="_blank" href="https://www.emploi-bordeaux.fr/" class="medium_texte" title="bxeco.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763392/imageSpec/696818/image/16-maisondelemploi_9.png" alt="" width="166px" height="108px"> <figcaption>Maison de l'Emploi Bordeaux</figcaption> </figure> </a></li> <li><a target="_blank" href="https://cme.bordeaux.fr/" class="medium_texte" title="cme.bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763393/imageSpec/696819/image/17-conseilmunicipal_enfants_12.png" alt="" width="166px" height="108px"> <figcaption>Blog Conseil municipal des enfants</figcaption> </figure> </a></li> <li><a target="_blank" href="https://seniorsreporters.bordeaux.fr/" class="medium_texte" title="seniorsreporters.bordeaux.fr"> <figure> <img src="/images/ebx/fr/sommaireGen/1/985/groupeLiens/20914/lien/763394/imageSpec/696820/image/19-seniorsreporters_8.png" alt="" width="166px" height="108px"> <figcaption>Blog des seniors reporters </figcaption> </figure> </a></li> </ul> </div> <a href="#" onclick="return false;" id='left_scroll'><img src='/portail/images/left.png' alt="Afficher les sites précédents" width="35px" height="82px" /></a> <a href="#" onclick="return false;" id='right_scroll'><img src='/portail/images/right.png' alt="Afficher les sites suivants" width="34px" height="82px" /></a> </div> </section> </div> <!-- Fin Insertion de /JSP/servicesPratiques/sitesPartenaires.jsp --> </div> <!-- END: Fragment: template-pc__footer__ebxFooter__footer__sitesPartenaires Decoration: mbx --> </div> <div id="js_template_pc__footer__ebxFooter__footer__footerplan_" class="portal-layout portal-layout-TwoColumns"> <div id="column_template-pc__footer__ebxFooter__footer__footerplan_0" class="portal-layout-column portal-layout-column-TwoColumns-0" > <div id='template-pc__footer__ebxFooter__footer__footerplan__plan_du_site' class="portal-layout-cell portal-layout-cell-TwoColumns-0-0" > <!-- Begin: Fragment: template-pc__footer__ebxFooter__footer__footerplan__plan_du_site Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/plandusite/plandusite.jsp --> <div class="plandusite"> <div class="inline_block full_width"> <section class="col3 inline_block"> <span class="h3Titre"><a href="/" >Accueil</a></span> <ul> <li> <a href="/p65310/toute-l-actualite" class="medium_texte">Toute l'actualité</a> </li> <li> <a href="/p1603/urgence-et-assistance" class="medium_texte">Numéros d'urgence</a> </li> <li> <a href="/p30594/les-medias-a-bordeaux" class="medium_texte">Médias à Bordeaux</a> </li> <li> <a href="/p287/bordeaux-en-chiffres" class="medium_texte">Bordeaux en chiffres</a> </li> <li> <a href="/p8693/magazines-et-guides-edites-par-la-ville" class="medium_texte">Nos publications</a> </li> <li> <a href="/p34776/les-newsletters" class="medium_texte">Nos infolettres</a> </li> <li> <a href="/p59119/les-reseaux-sociaux-de-bordeaux" class="medium_texte">Réseaux sociaux</a> </li> <li> <a href="/p63928/espace-presse" class="medium_texte">Espace presse</a> </li> <li> <a href="http://plan.bordeaux.fr" target="_blank" class="medium_texte">Plan interactif de Bordeaux</a> </li> </ul> </section> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p80963/bordeaux-et-vous" >Bordeaux et vous</a></span> <ul> <li> <a href="/p63938/huit-quartiers-pour-vous" class="medium_texte">Votre quartier</a> </li> <li> <a href="/p64001/petite-enfance" class="medium_texte">Petite enfance</a> </li> <li> <a href="/p63991/les-enfants-a-l-ecole-maternelle-et-elementaire" class="medium_texte">Ecoliers</a> </li> <li> <a href="/p63987/jeunes-et-etudiants" class="medium_texte">Jeunes et étudiants</a> </li> <li> <a href="/p64008/les-seniors" class="medium_texte">Seniors</a> </li> <li> <a href="/p64012/ville-et-handicaps" class="medium_texte">Personnes handicapées</a> </li> <li> <a href="/d21/le-vade-mecum-du-nouvel-arrivant" class="medium_texte">Nouveaux arrivants</a> </li> <li> <a href="/p138324/participation-et-democratie-permanente" class="medium_texte">Participer</a> </li> </ul> </section> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p80965/pratique" >Pratique</a></span> <ul> <li> <a href="/p80982/la-mairie" class="medium_texte">La Mairie</a> </li> <li> <a href="/p80983/le-centre-communal-d-action-sociale" class="medium_texte">Le CCAS</a> </li> <li> <a href="/p63974/demarches-et-formalites" class="medium_texte">Démarches</a> </li> <li> <a href="/p8693/magazines-et-guides-edites-par-la-ville" class="medium_texte">Magazines et guides</a> </li> <li> <a href="/p57089/vie-associative" class="medium_texte">Vie associative</a> </li> <li> <a href="/p84367/aide-et-entraide" class="medium_texte">Aide et entraide</a> </li> <li> <a href="/p63995/sante" class="medium_texte">Santé</a> </li> <li> <a href="/p63949/dechets-et-proprete-a-bordeaux" class="medium_texte">Déchets et propreté</a> </li> <li> <a href="/p64017/le-logement-a-bordeaux" class="medium_texte">Logement</a> </li> <li> <a href="/p64025/deplacements" class="medium_texte">Déplacements</a> </li> <li> <a href="/p18028/stationnement" class="medium_texte">Stationnement</a> </li> <li> <a href="/p64003/bordeaux-cite-digitale" class="medium_texte">Cité digitale</a> </li> <li> <a href="/p63980/mediation-et-justice" class="medium_texte">Médiation et justice</a> </li> <li> <a href="/p147575/risques-majeurs" class="medium_texte">Risques majeurs</a> </li> <li> <a href="/p1603/urgence-et-assistance" class="medium_texte">Urgence et assistance</a> </li> <li> <a href="/p914/bordeaux-les-animaux-en-ville" class="medium_texte">Animaux en ville</a> </li> </ul> </section> </div> <div class="inline_block full_width"> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p80969/decouvrir-et-sortir" >Découvrir et sortir</a></span> <ul> <li> <a href="/p59665/agenda-culture-et-loisirs" class="medium_texte">Agenda culture et loisirs</a> </li> <li> <a href="/p63866/culture" class="medium_texte">Culture</a> </li> <li> <a href="/p63960/le-sport-a-bordeaux" class="medium_texte">Sports et loisirs</a> </li> <li> <a href="/p80990/histoire-patrimoine-et-architecture" class="medium_texte">Histoire, patrimoine et architecture</a> </li> <li> <a href="/p666/visite-et-tourisme" class="medium_texte">Visite et tourisme</a> </li> <li> <a href="/p81743/parcs-jardins-et-rives" class="medium_texte">Parcs, jardins et rives</a> </li> <li> <a href="/p63950/les-marches-foires-et-brocantes" class="medium_texte">Marchés, foires...</a> </li> <li> <a href="/p63840/bordeaux-en-images" class="medium_texte">Bordeaux en images</a> </li> </ul> </section> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p64021/economie-et-emploi" >Économie et emploi</a></span> <ul> <li> <a href="/p80987/les-acteurs-economiques" class="medium_texte">Acteurs économiques</a> </li> <li> <a href="/p80988/s-implanter-a-bordeaux" class="medium_texte">S'implanter à Bordeaux</a> </li> <li> <a href="/p149955/bordeaux-rse" class="medium_texte">Responsabilité sociétale des entreprises (RSE)</a> </li> <li> <a href="/p145764/cellule-d-aide-aux-tpe" class="medium_texte">Cellule d'aide aux TPE</a> </li> <li> <a href="/p64022/bordeaux-pour-l-emploi" class="medium_texte">Bordeaux pour l'emploi</a> </li> </ul> </section> <section class="col3 inline_block"> <span class="h3Titre"><a href="/p80966/bordeaux-politiques" >Bordeaux politiques</a></span> <ul> <li> <a href="/p63962/le-conseil-municipal" class="medium_texte">Le conseil municipal</a> </li> <li> <a href="/p63973/budget-et-finances" class="medium_texte">Budget et finances</a> </li> <li> <a href="/p154390/bordeaux-la-ville-qui-change-la-vie" class="medium_texte">La ville qui change la vie</a> </li> <li> <a href="/p144879/bordeaux-grandeur-nature" class="medium_texte">Bordeaux grandeur nature</a> </li> <li> <a href="/p64033/transition-climatique" class="medium_texte">Transition climatique</a> </li> <li> <a href="/p153665/ensemble-faisons-de-bordeaux-une-terre-de-solidarites-" class="medium_texte">Bordeaux terre de solidarités</a> </li> <li> <a href="/p149602/la-culture-en-partage" class="medium_texte">La culture en partage</a> </li> <li> <a href="/p152492/grandir-et-s-epanouir-a-bordeaux-le-projet-educatif-pour-les-0-18-ans" class="medium_texte">Projet éducatif des 0-18 ans</a> </li> <li> <a href="/p63943/urbanisme-resilient" class="medium_texte">Urbanisme résilient</a> </li> <li> <a href="/p80993/bordeaux-vivre-ensemble" class="medium_texte">Bordeaux vivre ensemble</a> </li> <li> <a href="/p138324/participation-et-democratie-permanente" class="medium_texte">Bordeaux participation</a> </li> <li> <a href="/p146852/forum-du-sport" class="medium_texte">Plus de sport dans la vie</a> </li> <li> <a href="/p63778/bordeaux-international" class="medium_texte">Bordeaux international</a> </li> </ul> </section> </div> </div> <!-- Fin Insertion de /JSP/plandusite/plandusite.jsp --> </div> <!-- END: Fragment: template-pc__footer__ebxFooter__footer__footerplan__plan_du_site Decoration: mbx --> </div> </div> <div id="column_template-pc__footer__ebxFooter__footer__footerplan_1" class="portal-layout-column portal-layout-column-TwoColumns-1" > <div id='template-pc__footer__ebxFooter__footer__footerplan__mairie_contact_footer' class="portal-layout-cell portal-layout-cell-TwoColumns-0-1" > <!-- Begin: Fragment: template-pc__footer__ebxFooter__footer__footerplan__mairie_contact_footer Decoration: mbx --> <div class="PContent clearDiv"> <div id="mairiecontactfooter" class="asCol"> <section> <a href="/o984/mairie-de-bordeaux" title="Plus d'informations sur la Mairie de Bordeaux"> <img id="logoFooter" src="/blochtml/imagesbloc/logo-ville.svg" alt="Plus d'informations sur la Mairie de Bordeaux" /> </a> </section> <section> <address> <a href="/o984/mairie-de-bordeaux" title="Plus d'informations sur la Mairie de Bordeaux">Mairie de Bordeaux</a><br />Place Pey Berland<br />33000 Bordeaux </address> </section> <section class="contactIntermediaire"> <ul> <li>Tél : 05 56 10 20 30</li> <li><a href="https://acce-o.fr/client/bordeaux/" target="_blank">Transcription pour les personnes malentendantes</a></li> </ul> </section> <section class="contactIntermediaire"> <ul> <li> <a href="/ebx/pgContactServiceMunicipal.psml?_nfpb=true&_pageLabel=pgContactServiceMunicipal&classofcontent=pageSpecifique&id=845&idService=83649">Ecrire à la mairie</a> </li> <li> <a href="/portail/portal/pgContactElu.psml?_nfpb=true&_pageLabel=pgContactElu&classofcontent=pageSpecifique&id=946&idService=7340">Ecrire au maire</a> </li> <li> <a href="/p331/les-elus-au-conseil-municipal">Ecrire à un élu</a> </li> <li> <a href="/p59684/les-services-municipaux">Ecrire à un service municipal</a> </li> </ul> </section> <section> <p><a href="/ville/infomairie">Tous les contacts</a><p> </section> <section class="linkFooter"> <ul> <li> <a href="https://www.facebook.com/bordeauxmaville" title="Facebook ville de Bordeaux" target="_blank"> <img src="/blochtml/imagesbloc/facebook.svg" alt="(Nouvelle fenêtre) Facebook ville de Bordeaux"/> <p>FACEBOOK</p> </a> </li> <li> <a href="https://twitter.com/Bordeaux" title="Twitter ville de Bordeaux" target="_blank"> <img src="/blochtml/imagesbloc/twitter.svg" alt="(Nouvelle fenêtre) Twitter ville de Bordeaux"/> <p>X</p> </a> </li> <li> <a href="https://www.instagram.com/villedebordeaux/" title="Instagram ville de Bordeaux " target="_blank"> <img src="/blochtml/imagesbloc/instagram.svg" alt="Instagram ville de Bordeaux (nouvelle fenêtre)"/> <p>INSTAGRAM</p> </a> </li> <li> <a href="https://youtube.com/@villedebordeaux" title="Chaîne Youtube de la ville de Bordeaux" target="_blank"> <img src="/blochtml/imagesbloc/youtube_bordeaux.svg" alt="Chaîne Youtube de la ville de Bordeaux (nouvelle fenêtre)"/> <p>YOUTUBE</p> </a> </li> <li> <a href="https://www.linkedin.com/company/mairie-bordeaux" title="Linkedin ville de Bordeaux" target="_blank"> <img src="/blochtml/imagesbloc/linkedin.svg" alt="(Nouvelle fenêtre) Linkedin ville de Bordeaux"/> <p>LINKEDIN</p> </a> </li> </ul> </section> <section class="otherLinkFooter"> <ul> <li><a href="/p1178/plan-du-site">Plan du site</a></li> <li><a href="/ville/presse">Espace presse</a></li> <li><a href="/p81566/accessibilite">Accessibilité : partiellement conforme</a></li> <li><a href="/ville/confidentialite">Politique de confidentialité</a></li> <li><a id="tarteaucitronManager" href="javascript:;">Gestion des cookies</a></li> <li><a href="/p2850/mentions-legales">Mentions légales</a></li> </ul> </section> </div> <script type="text/javascript"> /* #144 : ajout de paramètres aux iframes Calaméo pour éviter les cookies et hits Google Analytics. */ var calameoDivs = document.getElementsByClassName("calameo") for (calameoDiv of calameoDivs) { var dataSrc = calameoDiv.getAttribute("data-src"); if (dataSrc) { dataSrc += "&cookies=false&disablega=true"; calameoDiv.setAttribute("data-src", dataSrc); } } </script> <style> #column_template-accueil__footer__ebxFooter__footer__footerplan_1, #column_template-pc__footer__ebxFooter__footer__footerplan_1 { width: 31%; padding-left: inherit; } #column_template-accueil__footer__ebxFooter__footer__footerplan_0, #column_template-pc__footer__ebxFooter__footer__footerplan_0 { padding-right: inherit; } </style> </div> <!-- END: Fragment: template-pc__footer__ebxFooter__footer__footerplan__mairie_contact_footer Decoration: mbx --> </div> </div> </div> <div id='template-pc__footer__ebxFooter__footer__footer_content' class="portal-layout-cell portal-layout-cell-OneColumn-2-0" > <!-- Begin: Fragment: template-pc__footer__ebxFooter__footer__footer_content Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/footer/footer.jsp --> <script type="text/javascript"> // Génération du hit de page. genererHits(194882, {name:'accessibilite_presentati81566', chapter1: 'ville_et_handicap', level2: '16'}, null, null); /** * Génération de hit sur les documents à télécharger. * @param libelle Nom du document à télécharger. */ function genererHitPJ(libelle) { if (0 != 194882) { var tag = new ATInternet.Tracker.Tag({site: 194882}); tag.privacy.setVisitorMode('cnil', 'exempt'); if (isCookieAtInternetOptOutExiste()) { tag.privacy.setVisitorOptout(); } var nomPage = 'Accessibilité_presentati81566' + '_' + libelle; return tag.click.send({ elem: this, name: nomPage, type: 'download' , chapter1: 'ville_et_handicap', level2: '16' }); } } </script> <noscript> <img width="1" alt="" height="1" src="https://logs3.xiti.com/hit.xiti?s=194882&s2=16&p=name:'accessibilite_presentati81566', chapter1: 'ville_et_handicap', level2: '16'&roimt=&roivc=&" /> </noscript> <!-- Fin Insertion de /JSP/footer/footer.jsp --> </div> <!-- END: Fragment: template-pc__footer__ebxFooter__footer__footer_content Decoration: mbx --> </div> </div> </div> <div id='template-pc__footer__footer_content' class="portal-layout-cell portal-layout-cell-OneColumn-1-0" > <!-- Begin: Fragment: template-pc__footer__footer_content Decoration: mbx --> <div class="PContent clearDiv"> <!-- Debut Insertion de /JSP/vide/videvide.jsp --> <!-- Fin Insertion de /JSP/vide/videvide.jsp --> </div> <!-- END: Fragment: template-pc__footer__footer_content Decoration: mbx --> </div> </div> </div> </div> </div> </div> </body> </html>