PageSourceSearch

https://www.spppi-pa-iut-bordeaux.fr/4-accessibilite.html

html spppi-pa-iut-bordeaux.fr collected 2026-10-08 11:32:42 UTC 20,611 bytes, 66 lines download raw bytes

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&amp;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:&quot;@extension&quot;;N;s:11:&quot;@controller&quot;;s:8:&quot;Standard&quot;;s:7:&quot;@action&quot;;s:5:&quot;index&quot;;}9c916c4d943c22151a93c26c01e080b247e05f52" /> <input type="hidden" name="tx_indexedsearch_pi2[__trustedProperties]" value="a:1:{s:6:&quot;search&quot;;a:1:{s:5:&quot;sword&quot;;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&amp;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:&quot;@extension&quot;;N;s:11:&quot;@controller&quot;;s:8:&quot;Standard&quot;;s:7:&quot;@action&quot;;s:5:&quot;index&quot;;}9c916c4d943c22151a93c26c01e080b247e05f52" /> <input type="hidden" name="tx_indexedsearch_pi2[__trustedProperties]" value="a:1:{s:6:&quot;search&quot;;a:1:{s:5:&quot;sword&quot;;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>&quot;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.&quot;</em></p></blockquote><p class="bodytext">Un site internet est &quot;accessible&quot; 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'évitement</h4> <p class="bodytext">Ces liens facilitent l'accès au site, notamment pour les non voyants. Ils sont placés en haut de page et permettent d'accéder directement au menu, au contenu ou à la recherche sans avoir à parcourir des informations non souhaitées. </p> <h4>Navigation par tabulation</h4> <p class="bodytext">La navigation d’un lien à l’autre peut se faire à l’aide de la touche “tabulation”. Sélectionnez le lien désiré puis valider à l’aide de la touche “Entrée”. </p> <h4>Fil d'ariane</h4> <p class="bodytext">Le fil d’ariane vous indique la position de la page consulté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 à dire qu’elle peut être modifiée (agrandie ou réduite) selon les besoins. Cette opération peut-être effectuée de la façon suivante :</p><ul><li>Touche &quot;CTRL&quot; et &quot;molette de la souris&quot;</li><li>Touches &quot;CTRL&quot; et &quot;+&quot; (agrandir la taille du texte) ou &quot;-&quot; (diminuer la taille du texte)</li><li>Menus du navigateur : Affichage &gt; 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 éléments de navigation du site seront masqués afin que seul le contenu soit imprimé.</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 été définie et réalisée en tenant compte des contrastes entre la couleur du texte et la couleur de fond, afin que les malvoyants ne rencontrent pas de difficulté 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 télécharger le logiciel Acrobat Reader, nécessaire à 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 élé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 synthè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;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&amp;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.