1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 5<meta charset="utf-8"> 6<!-- 7 Réalisé par Aliénor.net - www.alienor.net 8 9 This website is powered by TYPO3 - inspiring people to share! 10 TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. 11 TYPO3 is copyright 1998-2016 of Kasper Skaarhoj. Extensions are copyright of their respective owners. 12 Information and contribution at http://typo3.org/ 13--> 14 15<base href="https://www.spppi-pa-iut-bordeaux.fr/"> 16 17 18<meta name="generator" content="TYPO3 CMS"> 19<meta name="viewport" content="width=device-width"> 20<meta name="HandheldFriendly" content="true"> 21<meta name="theme-color" content="#ffffff"> 22<meta name="description" content="Accessibilité"> 23<meta name="application-name" content="S3PI de la Presqu'île d'Ambès"> 24 25 26<link rel="stylesheet" type="text/css" href="/typo3temp/compressor/merged-b30254439452995f3b4e5b8f7bda7cf9-74078fbba8eb14369c9ade1ca4015bd5.css.1575537124.gzip" media="all"> 27 28
29<script src="/typo3/contrib/jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 29
29
30<script src="/typo3temp/compressor/merged-5936cab5c1a0f2ae19b825fa569793c2-ae357c84d3dd1a4b7900b80c8fbe27ae.js.1524586176.gzip" type="text/javascript"></script>
30 31 32 33 34<title>Accessibilité - S3PI de la Presqu'île d'Ambès</title> <!--[if IE]> 35 <meta http-equiv="cleartype" content="on" /> 36 <![endif]--> 37 38 <!--[if IE10]> 39 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 40 <meta name="msapplication-TileImage" content="/fileadmin/templates/_www/img/touch/apple-touch-icon-144x144-precomposed.png"> 41 <meta name="msapplication-TileColor" content="#11578B"> 42 <![endif]--> 43 44 <meta name="apple-mobile-web-app-capable" content="yes" /> 45 <meta name="apple-mobile-web-app-status-bar-style" content="#11578B" /> 46 <meta name="apple-mobile-web-app-title" content="#FFFFFF" /> 47 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/fileadmin/templates/_www/img/touch/apple-touch-icon-144x144-precomposed.png" /> 48 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/fileadmin/templates/_www/img/touch/apple-touch-icon-114x114-precomposed.png" /> 49 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/fileadmin/templates/_www/img/touch/apple-touch-icon-72x72-precomposed.png" /> 50 <link rel="apple-touch-icon-precomposed" href="/fileadmin/templates/_www/img/touch/apple-touch-icon-57x57-precomposed.png" /> 51 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><meta property="og:image" content="http://www.spppi-pa-iut-bordeaux.fr/fileadmin/templates/_www/img/logo.png"> 52</head> 53<body class="nojs"> 54 <div id="pageWrap" class="fluid1200 pageCentered"> <div id="pageTop" class="fromM_block"> <div class="wrap pageWidth"> <div class="accessMenu" role="navigation"> <ul class="inline-list"> <li class="accessMenu-item"><a href="/4-accessibilite.html#globalNav" accesskey="m">Aller au menu</a></li> <li class="accessMenu-item"><a href="/4-accessibilite.html#main" accesskey="s">Aller au contenu</a></li> <li class="accessMenu-item"><a href="/4-accessibilite.html">Politique d'accessibilité</a></li> </ul> </div> </div> </div> <div id="pageHeader" role="banner"> <div class="bandeau"> <div class="headerTop" style="background-image: url('fileadmin/user_upload/bandeau.gif');"> <div class="headerTop-bandeau"></div> <div class="hidden-for-large-up hide-for-print"> <div class="mobileAccessMenu row collapse text-right"> <div id="topSearch" class="columns search"> <div class="inlineForm"> <form method="post" class="inline-form phl" id="tx_indexedsearch" action="/6-resultats-de-recherche.html?tx_indexedsearch_pi2%5Baction%5D=search&tx_indexedsearch_pi2%5Bcontroller%5D=Search"> <div> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][@extension]" value="" /> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][@controller]" value="Standard" /> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][@action]" value="index" /> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][arguments]" value="YTowOnt92a9c11cff75f2042acb05e17a471b1a9b322a1e2" /> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][@request]" value="a:3:{s:10:"@extension";N;s:11:"@controller";s:8:"Standard";s:7:"@action";s:5:"index";}9c916c4d943c22151a93c26c01e080b247e05f52" /> <input type="hidden" name="tx_indexedsearch_pi2[__trustedProperties]" value="a:1:{s:6:"search";a:1:{s:5:"sword";i:1;}}92629a4ced1c06fef4ebbdf060a499855cf9cac2" /> </div> <label class="out" for="topSearchKeywords">Recherche :</label> <input placeholder="Recherche" id="topSearchKeywords" type="search" name="tx_indexedsearch_pi2[search][sword]" value="" /> <button type="submit" id="topSearchSubmit" class="submit"><img src="/fileadmin/templates/_www/img/search.png" alt="Rechercher" width="32" height="32" /></button> </form> </div> </div> <div class="columns clearfix mobileAccessMenu-bg"> <a href="/4-accessibilite.html#pageMenu" class="right navOpener"> <img src="/fileadmin/templates/_www/img/burger.png" alt="Aller au menu" width="32" height="32" /> </a> <a href="/4-accessibilite.html#topSearch" class="right searchOpener"> <img src="/fileadmin/templates/_www/img/loupe.png" width="32" height="32" alt="Aller au menu" /> </a> </div> </div> </div> <div class="pageWidth row row--full collapse"> <div id="branding" class="column large-6"> <h1 class="logo"> <img src="/fileadmin/templates/_www/img/logo.png" alt="S3PI de la Presqu'île d'Ambès" class="print-only"/> <a href="/" rel="home" title="Retour à l'accueil du site Secrétariat Permanent pour la Prévention des Pollutions et des risques Industriels de la Presqu'île d'Ambès - Gironde" class="hide-on-print"> Secrétariat Permanent pour la Prévention des Pollutions et des risques Industriels de la Presqu'île d'Ambès - Gironde </a> </h1> </div> <div id="globalSearch" class="column large-6 text-right search show-for-large-up"> <form method="post" id="tx_indexedsearch" action="/6-resultats-de-recherche.html?tx_indexedsearch_pi2%5Baction%5D=search&tx_indexedsearch_pi2%5Bcontroller%5D=Search"> <div> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][@extension]" value="" /> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][@controller]" value="Standard" /> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][@action]" value="index" /> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][arguments]" value="YTowOnt92a9c11cff75f2042acb05e17a471b1a9b322a1e2" /> <input type="hidden" name="tx_indexedsearch_pi2[__referrer][@request]" value="a:3:{s:10:"@extension";N;s:11:"@controller";s:8:"Standard";s:7:"@action";s:5:"index";}9c916c4d943c22151a93c26c01e080b247e05f52" /> <input type="hidden" name="tx_indexedsearch_pi2[__trustedProperties]" value="a:1:{s:6:"search";a:1:{s:5:"sword";i:1;}}92629a4ced1c06fef4ebbdf060a499855cf9cac2" /> </div> <div class="inlineForm"> <label class="out" for="searchKeywords">Recherche :</label> <input placeholder="Recherche" id="searchKeywords" type="search" name="tx_indexedsearch_pi2[search][sword]" value="" /> <button type="submit" class="submit"><img alt="Rechercher" src="/fileadmin/templates/_www/img/search.png" width="32" height="32" /></button> </div> </form> </div> </div> </div> <p class="out skipNav1" role="navigation"> [<a href="/4-accessibilite.html#main">Aller au contenu</a>] </p> <div id="pageMenu"> <div class="pageWidth"> <ul class="mainNav"><li class="mainNav-item mainNav-item--lvl1"><a href="/"><img src="/fileadmin/templates/_www/img/home.png" class="show-for-large-up" alt="Accueil" width="21" height="24"><span class="hidden-for-large-up">Accueil</span></a></li><li class="mainNav-item mainNav-item--lvl1 has-dropdown"><a href="/qui-sommes-nous/49-presentation.html">
54Qui sommes-nous?</a><ul class="mainNav-dropdown"><li class="mainNav-item mainNav-item--lvl2"><a href="/qui-sommes-nous/49-presentation.html">Présentation</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/qui-sommes-nous/50-charte-s3pi.html">Charte (S3PI)</a></li></ul></li><li class="mainNav-item mainNav-item--lvl1 has-dropdown"><a href="/parties-prenantes/62-collectivites.html">Parties prenantes</a><ul class="mainNav-dropdown"><li class="mainNav-item mainNav-item--lvl2"><a href="/parties-prenantes/62-collectivites.html">Collectivités</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/parties-prenantes/63-associations.html">Associations</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/parties-prenantes/64-entreprises.html">Entreprises</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/parties-prenantes/65-services-publics.html">Services publics</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/parties-prenantes/66-autres.html">Autres</a></li></ul></li><li class="mainNav-item mainNav-item--lvl1 has-dropdown"><a href="/20-commissions.html">Commissions.....</a><ul class="mainNav-dropdown"><li class="mainNav-item mainNav-item--lvl2"><a href="/commissions/58-nouveaux-projets.html">Nouveaux projets</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/commissions/60-education-communication.html">Education Communication</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/commissions/59-risques-industriels.html">Risques industriels</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/commissions/85-recherche-natech.html">Recherche Natech</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/commissions/61-archives.html">Archives</a></li></ul></li><li class="mainNav-item mainNav-item--lvl1 has-dropdown"><a href="/98-productions.html">Productions.....</a><ul class="mainNav-dropdown"><li class="mainNav-item mainNav-item--lvl2"><a href="/productions/51-education.html">Education</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/productions/52-technique.html">Technique</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/productions/54-recentes.html">Récentes</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/productions/79-archives.html">Archives</a></li></ul></li><li class="mainNav-item mainNav-item--lvl1 has-dropdown"><a href="/153-sim-icrisis.html">Sim-iCrisis...</a><ul class="mainNav-dropdown"><li class="mainNav-item mainNav-item--lvl2"><a href="/sim-icrisis/156-icrisis.html">iCrisis</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/sim-icrisis/149-2016-2022.html">2016-2022</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/sim-icrisis/150-gtrm-2019.html">
54GTRM 2019</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/sim-icrisis/148-carto1.html">Carto1</a></li><li class="mainNav-item mainNav-item--lvl2"><a href="/sim-icrisis/165-carto.html">Carto</a></li></ul></li><li class="mainNav-item mainNav-item--lvl1"><a href="/141-catalogue-oesipa.html">Catalogue OESiPA</a></li></ul> </div> <div class="hide-for-large-up text-right"> <a href="/4-accessibilite.html#" class="navCloser"> <img src="/fileadmin/templates/_www/img/close.png" alt="Fermeture du menu" width="32" height="32"> </a> </div> </div> </div> </div> <div id="pageContent" class="pageContent"> <div class="wrap pageWidth"> <div class="nav breadcrumb fromM_block" role="navigation"> Vous êtes ici : <ul class="inline-items"><li><a href="/" rel="home">Accueil</a></li><li class="current">Accessibilité</li></ul> </div> <div class="outerWrap row row--full collapse"> <div class="section column large-8 columnLeft" role="region"> <div id="main" class="section" role="main"> <h2>Accessibilité</h2> <div class="padding"> <!--TYPO3SEARCH_begin--> <div id="c22" class="csc-default csc-space-before-15"><div class="csc-header csc-header-n1"><h3 class="csc-firstHeader">Qu'est-ce que l'accessibilité ?</h3></div><p class="bodytext">Selon Tim Bernes-Lee (directeur du W3C et inventeur du <span lang="en">World Wide Web</span>), l'accessibilité consiste à :</p><blockquote><p class="exergue"><em>"Mettre le web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique ou leurs aptitudes physiques ou mentales."</em></p></blockquote><p class="bodytext">Un site internet est "accessible" quand toute personne peut y naviguer sans difficulté en utilisant un navigateur ou un outil d'assistance.</p></div><div class="csc-default csc-space-before-15"><div class="divider"><hr></div></div><div id="c16" class="csc-default csc-space-before-15"><div class="csc-header csc-header-n3"><h3>Aide à la navigation</h3></div><h4>Liens d'eÌvitement</h4> <p class="bodytext">Ces liens facilitent l'acceÌs au site, notamment pour les non voyants. Ils sont placeÌs en haut de page et permettent d'acceÌder directement au menu, au contenu ou aÌ la recherche sans avoir aÌ parcourir des informations non souhaiteÌes. </p> <h4>Navigation par tabulation</h4> <p class="bodytext">La navigation dâun lien aÌ lâautre peut se faire aÌ lâaide de la touche âtabulationâ. SeÌlectionnez le lien deÌsireÌ puis valider aÌ lâaide de la touche âEntreÌeâ. </p> <h4>Fil d'ariane</h4> <p class="bodytext">Le fil dâariane vous indique la position de la page consulteÌe dans lâarborescence. </p> <h4>Logo</h4> <p class="bodytext">Un clic sur le logo permet de retourner sur la page d'accueil.</p></div><div id="c24" class="csc-default csc-space-before-15"><div class="csc-header csc-header-n4"><h3>Ajustement de la taille du texte ou de la page</h3></div><p class="bodytext">Les textes de contenu ont une taille de police relative, c'est aÌ dire quâelle peut eÌtre modifieÌe (agrandie ou reÌduite) selon les besoins. Cette opeÌration peut-eÌtre effectueÌe de la façon suivante :</p><ul><li>Touche "CTRL" et "molette de la souris"</li><li>Touches "CTRL" et "+" (agrandir la taille du texte) ou "-" (diminuer la taille du texte)</li><li>Menus du navigateur : Affichage > Taille du texte</li></ul></div><div id="c25" class="csc-default csc-space-before-15"><div class="csc-header csc-header-n5"><h3>Version imprimable</h3></div><p class="bodytext">Lors de l'impression d'une page, les eÌleÌments de navigation du site seront masqueÌs afin que seul le contenu soit imprimeÌ.</p></div><div id="c26" class="csc-default csc-space-before-15"><div class="csc-header csc-header-n6"><h3>Charte graphique</h3></div><p class="bodytext">La charte graphique a eÌteÌ deÌfinie et reÌaliseÌe en tenant compte des contrastes entre la couleur du texte et la couleur de fond, afin que les malvoyants ne rencontrent pas de difficulteÌ de lecture.</p></div><div id="c27" class="csc-default csc-space-before-15"><div class="csc-header csc-header-n7"><h3>Format PDF</h3></div><p class="bodytext">Vous trouverez sur le site des fichiers au format PDF (<span lang="en">Portable document format</span>)<br />Vous pouvez le teÌleÌcharger le logiciel Acrobat Reader, neÌcessaire aÌ la lecture des documents PDF, sur le site d'adobe.</p></div><div id="c28" class="csc-default csc-space-before-15"><div class="csc-header csc-header-n8"><h3>Contenus alternatifs</h3></div><p class="bodytext">Les eÌleÌments non textuels du site comportent une alternative textuelle. Cette information sâaffiche :</p><ul><li>dans une infobulle au survol avec la souris</li><li>
54lors de lâutilisation dâun outil de syntheÌse vocale ou de lecture braille</li></ul></div> <!--TYPO3SEARCH_end--> </div> <div class="padding"> </div> <div class="partage hide-for-print"> <span class="uppercase">Partager : </span> <ul class="inline-items separate-25 addthis"> <li class="mailThis show-for-medium-up"> <a class="addthis_button_mail_this" rel="nofollow" href="/33-envoyer-a-un-ami.html?url=/4-accessibilite.html"> <img src="/fileadmin/templates/_www/img/email.png" alt="" width="24" height="24 " />Envoyer à un ami </a> </li> <li class="print show-for-medium-up"> <a class="addthis_button_print" href="javascript:window.print();" rel="nofollow"> <img src="/fileadmin/templates/_www/img/print.png" alt="" width="24" height="24" />Imprimer </a> </li> <li class="facebook"> <a class="addthis_button_facebook" title="Partager : Facebook (lien externe - nouvelle fenêtre)" rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=https://www.spppi-pa-iut-bordeaux.fr/4-accessibilite.html&amp;t=Accessibilit%C3%A9"> <img src="/fileadmin/templates/_www/img/facebook.png" alt="" height="24" width="15"/>Facebook </a> </li> <li class="twitter"> <a class="addthis_button_twitter" href="http://twitter.com/share?url=https://www.spppi-pa-iut-bordeaux.fr/4-accessibilite.html&text=Accessibilit%C3%A9" rel="nofollow" target="_blank" title="Partager : Twitter (lien externe - nouvelle fenêtre)"> <img src="/fileadmin/templates/_www/img/twitter.png" alt="" height="20" width="25"/>Twitter </a> </li> </ul> </div> </div> </div> <div id="sideBar" class="side column large-4 hide-for-print" role="complementary"> <div class="columnRight"> <div class="side-item"> <a href="/44-extranet.html"> <h2 class="side-title side-title--1">Extranet</h2> </a> </div> <div class="side-item"> <a href="/26-cartographies-numeriques.html"> <h2 class="side-title side-title--2">Cartographie</h2> <h3>des parties prenantes</h3> </a> </div> <div class="side-item"> <h2 class="side-title side-title--3">Liens externes</h2> <div class="side-link first">Page FACEBOOK du SPPPI-PA : <a href="https://www.facebook.com/milesbats/" title="Page FACEBOOK du SPPPI-PA " target="_blank">https://www.facebook.com/milesbats/</a></div> </div> </div> </div> </div> </div> </div> <div id="pageFooter"> <div class="wrap pageWidth"> <div id="footer" class="footer text-center large-text-left" role="region"> <div class="row row--full collapse"> <div id="pageFooterBottomLeft" class="column large-8"> <div class="hide-on-print"> <div class="menuBas" role="contentinfo"><ul class="inline-items"><li><a href="/7-mentions-legales.html">Mentions légales</a></li><li><a href="/8-plan-du-site.html">Plan du site</a></li><li>Contact</li><li><a href="/67-charte.html">Charte</a></li></ul></div> </div> <address class="adr"> <span class="title fn org">SPPPI-PA</span> - <span class="street-address">Mairie de Bassens</span> - <span class="extended-address">42 av. Jean Jaurés</span> <span class="postal-code">33530</span> <span class="locality">Bassens</span> - <span class="country-name">France</span> </address> <div class="tel phone"><span>Téléphone :</span> <span class="value">0642029233</span></div> </div> <div id="pageFooterBottomRight" class="column large-4"> <div class="created"> <div class="created-by">Conception et réalisation : </div> <a href="http://www.alienor.net/" target="_blank" title="Agence web bordeaux Aliénor.net (lien externe - nouvelle fenêtre)" rel="external">Aliénor.net</a> </div> </div> </div> </div> </div> </div>
54<script type="text/javascript">
vendor: 364 bytes, line 54
54 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', '
54UA-134451965-1
vendor: 45 bytes, line 54
54', 'auto'); ga('send', 'pageview');
54</script>
vendor: 1 bytes, line 54
54
55<script src="/typo3temp/compressor/merged-a9201e72501dfd0bac2dfb40f6274c9c-226ffcac491061355d42883c6038748c.js.1524586176.gzip" type="text/javascript"></script>
vendor: 1 bytes, line 55
55
56<script src="/typo3temp/compressor/merged-34124185fe1bb174d357b91ed2ad6beb-e48209a749f2545a587c90ec4001ba3a.js.1524586176.gzip" type="text/javascript"></script>
vendor: 1 bytes, line 56
56
57<script type="text/javascript"> 58/*<![CDATA[*/ 59/*TS_inlineFooter*/ 60jQuery('a.t3colorbox').colorbox({current:"Image {current} sur {total}",previous:"précédente",next:"suivante",close:"fermer",slideshowStart:"Lancer le diaporama",slideshowStop:"Arrêter le diaporama",slideshowAuto:true,initialWidth:"320px",initialHeight:"320px",maxWidth:"98%",maxHeight:"98%",});if (!window.addEventListener){window.attachEvent("orientationchange",function(){if($('#cboxOverlay').is(':visible')){$.colorbox.load(true);}},false);}else{window.addEventListener("orientationchange",function(){if($('#cboxOverlay').is(':visible')){$.colorbox.load(true);}},false);} 61 62/*]]>*/ 63</script>
63 64 65</body> 66</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.