CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 07:31:20

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Navigation

> ACCESSIBARRE - AMÉLIORER LE CONFORT DES PERSONNES NON-VOYANTES, HANDICAPÉES VISUELLES OU AGÉES

ACCESSIBARRE - AMÉLIORER LE CONFORT DES PERSONNES NON-VOYANTES, HANDICAPÉES VISUELLES OU AGÉES

Information sur la source

Note :
Aucune note

Catégorie :Navigation Classé sous :Accessibilité, Navigation, Handicap visuel, Javascript, Xhtml Niveau :Débutant Date de création :21/09/2009 Date de mise à jour :21/09/2009 15:25:43 Vu / téléchargé :2 803 / 178

Auteur : Pfuch

Ecrire un message privé

Site perso

Commentaire sur cette source (6)

Ajouter un commentaire et/ou une note

Description

L'AccessiBarre est un script XHTML / CSS / JavaScript permettant d'améliorer le confort de lecture pour les personnes aveugles, malvoyantes ou agées. Vous pouvez participer a son développement en vous rendant à l'adresse http://www.accessibarre.com et envoyer vos versions de l'AccessiBarre à l'adresse infos@accessibarre.com.

Source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Accueil - AccessiBarre Version 1.0</title>
<link type="text/css" rel="stylesheet" href="styles/styles.css" id="styles" />
<link type="text/css" rel="stylesheet" href="styles/accessibarre.css" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/accessibarre.js"></script>
</head>
<body>
<div id="AccessiBarre">
<div id="Barre">
<div class="BarreContenu">
<div class="ContenuParties">
<h1 class="TitreAccessiBarre">Vous êtes non-voyant ?</h1>
<br />
<a href="#" id="VersionTexte">Activer la version pour non-voyants</a>
<a href="#" id="VersionGraphique">Désactiver la version pour non-voyants</a>
<br />
<a class="LiensNonVoyants" href="#ContenuWeb">Aller directement au contenu de la page</a>
<br />
<a class="LiensNonVoyants" href="#menu">Aller directement au menu général de la page</a>
</div>
<div class="ContenuParties">
<h1 class="TitreAccessiBarre">Vous êtes malvoyant ?</h1>
<p class="TexteBarre">Taille des caractères</p>
<div id="SliderPolice" class="Slider">
<div class="Mini">-</div>
<div class="Bouton"></div>
<div class="Maxi">+</div>
</div>
<p class="TexteBarre">Changer le contraste</p>
<div class="Carre"><a class="LienCarre" id="NoirBlanc" href="#"><img src="images-accessibarre/NoirBlanc.png" alt="Contraste : Fond Noir - Police Blanche" title="Contraste : Fond Noir - Police Blanche" /></a></div>
<div class="Carre"><a class="LienCarre" id="VertBlanc" href="#"><img src="images-accessibarre/VertBlanc.png" alt="Contraste : Fond Vert - Police Blanche" title="Contraste : Fond Vert - Police Blanche" /></a></div>
<div class="Carre"><a class="LienCarre" id="BrunBlanc" href="#"><img src="images-accessibarre/BrunBlanc.png" alt="Contraste : Fond Brun - Police Blanche" title="Contraste : Fond Brun - Police Blanche" /></a></div>
<div class="Carre"><a class="LienCarre" id="JauneBrun" href="#"><img src="images-accessibarre/JauneBrun.png" alt="Contraste : Fond Jaune - Police Brun" title="Contraste : Fond Jaune - Police Brune" /></a></div>
<div class="Carre"><a class="LienCarre" id="JauneNoir" href="#"><img src="images-accessibarre/JauneNoir.png" alt="Contraste : Fond Jaune - Police Noire" title="Contraste : Fond Jaune - Police Noire" /></a></div>
<div class="Carre"><a class="LienCarre" id="BlancNoir" href="#"><img src="images-accessibarre/BlancNoir.png" alt="Contraste : Fond Blanc - Police Noire" title="Contraste : Fond Blanc - Police Noire" /></a></div>
<div class="Carre"><a class="LienCarre" id="RoseBlanc" href="#"><img src="images-accessibarre/RoseBlanc.png" alt="Contraste : Fond Rose - Police Blanche" title="Contraste : Fond Rose - Police Blanche"/></a></div>
<div class="Carre"><a class="LienCarre" id="BleuBeige" href="#"><img src="images-accessibarre/BleuBeige.png" alt="Contraste : Fond Bleu - Police Beige" title="Contraste : Fond Bleu - Police Beige" /></a></div>
<div class="Carre"><a class="LienCarre" id="JauneBleu" href="#"><img src="images-accessibarre/JauneBleu.png" alt="Contraste : Fond Jaune - Police Bleue" title="Contraste : Fond Jaune - Police Bleue" /></a></div>
<div class="Carre"><a class="LienCarre" id="JauneRouge" href="#"><img src="images-accessibarre/JauneRouge.png" alt="Contraste : Fond Jaune - Police Rouge" title="Contraste : Fond Jaune - Police Rouge" /></a></div>
</div>
<div class="ContenuParties">
<br /><a href="#" id="initial">Réinitialiser tout</a>
</div>
</div>
<div class="OngletFermer"><a href="#" id="OngletFermer">Fermer</a></div>
</div>
<div id="ConteneurOnglet">
<div id="Onglet">
<ul class="OngletContenu">
<li class="Gauche"></li>
<li class="debug"><a href="http://www.accessibarre.com"><img src="images-accessibarre/handicap.png" alt="Plus d'infos sur l'AccessiBarre" title="Plus d'infos sur l'AccessiBarre" /></a></li>
<li><a id="OngletOuvrir" href="#">Ouvrir AccessiBarre</a></li>
<li class="Droite"></li>
</ul>
</div>
</div>
</div>
<div class="ClearFix"></div>
<div id="ContenuWeb">
<div id="page">
<div id="header"><h1>Ceci est le Header</h1></div>
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="page2.html">Page 2</a></li>
</ul>
</div>
<div id="contenu">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lorem diam, ultrices vitae varius id, pulvinar gravida urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus mattis ligula in diam sodales sit amet malesuada turpis sagittis. Mauris nisi est, interdum sed dictum nec, bibendum vitae erat. Nullam pretium nunc mattis lacus porttitor ut varius dui bibendum. Pellentesque tempus tincidunt porttitor. Proin eu mauris sit amet lacus consequat vulputate. Curabitur non risus lacus, sit amet hendrerit urna. Ut porta neque vitae elit dignissim sed bibendum neque feugiat. Phasellus risus risus, bibendum nec volutpat non, porttitor eu ligula. Cras eu adipiscing erat. Nam rutrum vulputate tortor, eu consectetur nunc ultricies imperdiet. Duis tincidunt, velit vel semper vulputate, dolor magna tempus est, at sodales risus tellus nec erat. Donec lacinia turpis eget lectus posuere fermentum sed eget elit.
<br /><br />
Mauris blandit mauris nec tortor egestas eget auctor nulla lacinia. Donec ullamcorper est ac risus molestie id ornare quam laoreet. Fusce odio odio, suscipit id aliquet eget, fermentum et odio. Nam dapibus sem ac quam mattis commodo porta justo vulputate. Morbi ac mi et lectus commodo feugiat. Praesent tellus nisi, facilisis at porttitor quis, facilisis vel metus. Nulla nec arcu ac mi ultrices semper. Nam in tempus nisi. Nullam ut est massa. Fusce dapibus semper arcu. Donec nulla arcu, ultrices ac porttitor ut, porttitor vitae lorem.
<br /><br />
Aenean lobortis tempor nisl, quis vehicula lectus imperdiet eu. Praesent vitae porta sapien. Quisque eget lectus lectus, vitae convallis nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque faucibus lectus auctor diam imperdiet vitae facilisis ante tincidunt. Duis sapien neque, consequat sit amet malesuada ac, cursus ac elit. Phasellus dignissim orci vel mauris venenatis in eleifend neque venenatis. Praesent id risus non sem blandit dapibus nec eleifend augue. Nam malesuada ipsum ac mauris consectetur venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<br /><br />
Aenean at turpis sit amet velit hendrerit interdum a a mi. Praesent placerat eleifend suscipit. Pellentesque adipiscing viverra justo, id pulvinar ligula scelerisque ut. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus quis ligula massa, eget mattis nisi. Morbi at pretium libero. Fusce sem est, facilisis in tristique sed, eleifend eget sapien. Morbi ut quam nisi. Integer congue adipiscing tellus ac tincidunt. Nullam sit amet imperdiet odio. Vestibulum commodo blandit blandit.
<br /><br />
Morbi bibendum, diam non tempor fermentum, metus elit suscipit nisl, et rhoncus sapien leo non mi. Maecenas nec diam et arcu interdum vestibulum nec non neque. Aliquam dapibus libero arcu. Ut placerat, nibh a sollicitudin elementum, massa urna lacinia est, sed laoreet sapien nisi eget sem. Etiam ac nunc tellus. Fusce euismod hendrerit nulla, in pretium eros semper vitae. Suspendisse ornare ultrices risus quis molestie. Ut dapibus elit id urna sollicitudin viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sem nisi, tincidunt vitae sollicitudin at, luctus vitae elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</p>
</div>
<div class="clear"></div>
<div id="footer"><p>Ceci est le Footer</p></div>
</div>
</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Accueil - AccessiBarre Version 1.0</title>
		<link type="text/css" rel="stylesheet" href="styles/styles.css" id="styles" />
		<link type="text/css" rel="stylesheet" href="styles/accessibarre.css" />
		<script type="text/javascript" src="js/mootools.js"></script>
		<script type="text/javascript" src="js/accessibarre.js"></script>
	</head>
	<body>
	<div id="AccessiBarre">
	<div id="Barre">
		<div class="BarreContenu">
			<div class="ContenuParties">
				<h1 class="TitreAccessiBarre">Vous êtes non-voyant ?</h1>
				<br />
				<a href="#" id="VersionTexte">Activer la version pour non-voyants</a>
				<a href="#" id="VersionGraphique">Désactiver la version pour non-voyants</a>
				<br />
				<a class="LiensNonVoyants" href="#ContenuWeb">Aller directement au contenu de la page</a>
				<br />
				<a class="LiensNonVoyants" href="#menu">Aller directement au menu général de la page</a>
			</div>
			<div class="ContenuParties">	
				<h1 class="TitreAccessiBarre">Vous êtes malvoyant ?</h1>
				<p class="TexteBarre">Taille des caractères</p>
				<div id="SliderPolice" class="Slider">
					<div class="Mini">-</div>
					<div class="Bouton"></div>
					<div class="Maxi">+</div>
				</div>
				<p class="TexteBarre">Changer le contraste</p>
				<div class="Carre"><a class="LienCarre" id="NoirBlanc" href="#"><img src="images-accessibarre/NoirBlanc.png" alt="Contraste : Fond Noir - Police Blanche" title="Contraste : Fond Noir - Police Blanche" /></a></div>
				<div class="Carre"><a class="LienCarre" id="VertBlanc" href="#"><img src="images-accessibarre/VertBlanc.png" alt="Contraste : Fond Vert - Police Blanche" title="Contraste : Fond Vert - Police Blanche" /></a></div>
				<div class="Carre"><a class="LienCarre" id="BrunBlanc" href="#"><img src="images-accessibarre/BrunBlanc.png" alt="Contraste : Fond Brun - Police Blanche" title="Contraste : Fond Brun - Police Blanche" /></a></div>
				<div class="Carre"><a class="LienCarre" id="JauneBrun" href="#"><img src="images-accessibarre/JauneBrun.png" alt="Contraste : Fond Jaune - Police Brun" title="Contraste : Fond Jaune - Police Brune" /></a></div>
				<div class="Carre"><a class="LienCarre" id="JauneNoir" href="#"><img src="images-accessibarre/JauneNoir.png" alt="Contraste : Fond Jaune - Police Noire" title="Contraste : Fond Jaune - Police Noire" /></a></div>
				<div class="Carre"><a class="LienCarre" id="BlancNoir" href="#"><img src="images-accessibarre/BlancNoir.png" alt="Contraste : Fond Blanc - Police Noire" title="Contraste : Fond Blanc - Police Noire" /></a></div>
				<div class="Carre"><a class="LienCarre" id="RoseBlanc" href="#"><img src="images-accessibarre/RoseBlanc.png" alt="Contraste : Fond Rose - Police Blanche"  title="Contraste : Fond Rose - Police Blanche"/></a></div>
				<div class="Carre"><a class="LienCarre" id="BleuBeige" href="#"><img src="images-accessibarre/BleuBeige.png" alt="Contraste : Fond Bleu - Police Beige" title="Contraste : Fond Bleu - Police Beige" /></a></div>
				<div class="Carre"><a class="LienCarre" id="JauneBleu" href="#"><img src="images-accessibarre/JauneBleu.png" alt="Contraste : Fond Jaune - Police Bleue" title="Contraste : Fond Jaune - Police Bleue" /></a></div>
				<div class="Carre"><a class="LienCarre" id="JauneRouge" href="#"><img src="images-accessibarre/JauneRouge.png" alt="Contraste : Fond Jaune - Police Rouge" title="Contraste : Fond Jaune - Police Rouge" /></a></div>
			</div>
			<div class="ContenuParties">
				<br /><a href="#" id="initial">Réinitialiser tout</a>
			</div>
		</div>
		<div class="OngletFermer"><a href="#" id="OngletFermer">Fermer</a></div>
	</div>
    <div id="ConteneurOnglet">
		<div id="Onglet">
			<ul class="OngletContenu">
		    	<li class="Gauche"></li>
				<li class="debug"><a href="http://www.accessibarre.com"><img src="images-accessibarre/handicap.png" alt="Plus d'infos sur l'AccessiBarre" title="Plus d'infos sur l'AccessiBarre" /></a></li>
				<li><a id="OngletOuvrir" href="#">Ouvrir AccessiBarre</a></li>
				<li class="Droite"></li>
			</ul>
		</div>
	</div>
	</div>
    <div class="ClearFix"></div>	
		
	<div id="ContenuWeb">	
		<div id="page">
		<div id="header"><h1>Ceci est le Header</h1></div>
		<div id="menu">
			<ul>
				<li><a href="index.html">Accueil</a></li>
				<li><a href="page2.html">Page 2</a></li>
			</ul>
		</div>
		<div id="contenu">
			<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lorem diam, ultrices vitae varius id, pulvinar gravida urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus mattis ligula in diam sodales sit amet malesuada turpis sagittis. Mauris nisi est, interdum sed dictum nec, bibendum vitae erat. Nullam pretium nunc mattis lacus porttitor ut varius dui bibendum. Pellentesque tempus tincidunt porttitor. Proin eu mauris sit amet lacus consequat vulputate. Curabitur non risus lacus, sit amet hendrerit urna. Ut porta neque vitae elit dignissim sed bibendum neque feugiat. Phasellus risus risus, bibendum nec volutpat non, porttitor eu ligula. Cras eu adipiscing erat. Nam rutrum vulputate tortor, eu consectetur nunc ultricies imperdiet. Duis tincidunt, velit vel semper vulputate, dolor magna tempus est, at sodales risus tellus nec erat. Donec lacinia turpis eget lectus posuere fermentum sed eget elit.
<br /><br />
Mauris blandit mauris nec tortor egestas eget auctor nulla lacinia. Donec ullamcorper est ac risus molestie id ornare quam laoreet. Fusce odio odio, suscipit id aliquet eget, fermentum et odio. Nam dapibus sem ac quam mattis commodo porta justo vulputate. Morbi ac mi et lectus commodo feugiat. Praesent tellus nisi, facilisis at porttitor quis, facilisis vel metus. Nulla nec arcu ac mi ultrices semper. Nam in tempus nisi. Nullam ut est massa. Fusce dapibus semper arcu. Donec nulla arcu, ultrices ac porttitor ut, porttitor vitae lorem.
<br /><br />
Aenean lobortis tempor nisl, quis vehicula lectus imperdiet eu. Praesent vitae porta sapien. Quisque eget lectus lectus, vitae convallis nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque faucibus lectus auctor diam imperdiet vitae facilisis ante tincidunt. Duis sapien neque, consequat sit amet malesuada ac, cursus ac elit. Phasellus dignissim orci vel mauris venenatis in eleifend neque venenatis. Praesent id risus non sem blandit dapibus nec eleifend augue. Nam malesuada ipsum ac mauris consectetur venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<br /><br />
Aenean at turpis sit amet velit hendrerit interdum a a mi. Praesent placerat eleifend suscipit. Pellentesque adipiscing viverra justo, id pulvinar ligula scelerisque ut. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus quis ligula massa, eget mattis nisi. Morbi at pretium libero. Fusce sem est, facilisis in tristique sed, eleifend eget sapien. Morbi ut quam nisi. Integer congue adipiscing tellus ac tincidunt. Nullam sit amet imperdiet odio. Vestibulum commodo blandit blandit.
<br /><br />
Morbi bibendum, diam non tempor fermentum, metus elit suscipit nisl, et rhoncus sapien leo non mi. Maecenas nec diam et arcu interdum vestibulum nec non neque. Aliquam dapibus libero arcu. Ut placerat, nibh a sollicitudin elementum, massa urna lacinia est, sed laoreet sapien nisi eget sem. Etiam ac nunc tellus. Fusce euismod hendrerit nulla, in pretium eros semper vitae. Suspendisse ornare ultrices risus quis molestie. Ut dapibus elit id urna sollicitudin viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sem nisi, tincidunt vitae sollicitudin at, luctus vitae elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; 
				</p>
			</div>
		<div class="clear"></div>
		<div id="footer"><p>Ceci est le Footer</p></div>
		</div>
	</div>
	</body>
</html>

Conclusion

Merci de me signaler toutes incompatibilités, bugs, améliorations ou toutes remarques constructives sur ce projet.

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

AccessiBarre
- images-accessibarre
  - barre.png 113 octets
  - barre-droite.png 648 octets
  - barre-gauche.png 682 octets
  - barre-grise.png 213 octets
  - barre-haut.png 135 octets
  - barre-milieu.png 152 octets
  - BlancNoir.png 712 octets
  - BleuBeige.png 1 128 octets
  - bouton.png 304 octets
  - bouton-fermer.png 1 934 octets
  - BrunBlanc.png 1 165 octets
  - handicap.png 1 753 octets
  - JauneBleu.png 1 070 octets
  - JauneBrun.png 1 018 octets
  - JauneNoir.png 1 026 octets
  - JauneRouge.png 956 octets
  - NoirBlanc.png 1 101 octets
  - RoseBlanc.png 1 158 octets
  - VertBlanc.png 1 159 octets
  - x.gif 49 octets
- js
  - accessibarre.js 14 490 octets
  - mootools.js 92 584 octets
  - supersleight.js 1 466 octets
- styles
  - accessibarre.css 5 353 octets
  - styles.css 1 113 octets
- index.html 8 300 octets
- page2.html 8 325 octets

Télécharger le zip

Historique

21 septembre 2009 14:48:58 :: maj code source
21 septembre 2009 15:25:44 :: Rajout de la source HTML

Sources de la même categorie

ANTI-ROBOTS V 1.0 par MacGaliver

PRÉSENTOIR PAGE/SUJET par tiranus

NAVIGATEUR INTERNET HAVRET par HAVRETos

WMANAGER.JS : GÉRER LES FICHIERS WMA AVEC WINDOWS MEDIA PLAY... par jdmcreator

NAVIGATION PAR AJAX, CHARGEMENT DES PAGES SANS RECHARGEMENT par zulrigh

Toutes les sources de la catégorie Navigation

Sources en rapport avec celle ci

FORMULAIRE TABLEAU par vic511

SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp

CALCULATRICE HEURE par m22001111

COPIER DU TEXTE par m22001111

ROTATION D'UNE IMAGE, ANIMATION par william voirol

Commentaires et avis

Commentaire de abdelaziz_info le 22/09/2009 10:20:40

Bonjour,

Même que sur tous les navigateurs on peut appuyer sur ((trl) + faire tourner la petite roue de la souris) pour avoir un affichage dans les deux sens (+) et (-) à son goût sur toute la page même pour les images pour certains navigateurs, opera comme exemple.

Là tu a trois autres exemples de zoom sur une zone ou paragraphe déterminée voir ici:
http://www.javascriptfr.com/code.aspx?ID=47158

Merci

Commentaire de Pfuch le 22/09/2009 12:30:45

Bonjour,

C'est vrai qu'il existe des astuces sur les navigateurs pour faire cela. Cependant, la plupart des personnes ne connaissent pas ces astuces et peu de webmasters pour l'instant se donnent la peine de concevoir une page "accessibilité" où se trouve rassemblées ces informations pour faciliter la navigation sur leur site internet.
L'AccessiBarre n'a pas la prétention d'être la solution universelle pour la navigation web des malvoyants ou non-voyants, c'est juste un module supplémentaire permettant d'améliorer le confort de navigation des personnes souffrant d'une déficience visuelle.

Je travaille en CDI à l'AAAL (Association des Aveugles et Handicapés Visuels d'Alsace et de Lorraine) et l'AccessiBarre à été jugée utile par 95% des non-voyants ou malvoyants présents dans mon entreprise.

J'apprécie néanmoins ce retour, et je travaille constamment à l'amélioration de l'AccessiBarre.
Si vous avez des suggestions, scripts, idées, critiques, vous pouvez m'écrire à infos@accessibarre.com.

Commentaire de abdelaziz_info le 22/09/2009 15:09:15

Salut Pfuch,

1- Il y aura toujours quelques un (...) qui ne connaissent pas ces astuces et non "la plupart des personnes ne connaissent pas ces astuces"

2- La meilleur solution pour rendre service aux malvoyants ou non-voyants est de placer sur les pages un lien vers un fichier (audiovisuel) qui peut être lit tout en gardant le contenue de la page visible et accessible.

3- J'ai posté ici:
http://www.javascriptfr.com/code.aspx?ID=35897
une source (La page parlante) qui peut donner une idée sur cette astuce qui peut être perfectionnée et adaptée sous tous les navigateurs et tout contenu...

Merci et bon courage.

Commentaire de abdelaziz_info le 22/09/2009 15:33:39

J'ajoute que sous XP et (opera) mon navigateur préféré pour plusieurs raisons et en plus il a la possibilité de sectionner toute la page ou une partie, en suite sur le bouton droite on choisie (Parler) ou (sélectionner + v) sur la sélection, et on a qu'à écouter, l'option est seulement en anglais le français se lit mais mal prononcé, bien sure après avoir téléchargé le composant...

bonne chance.

Commentaire de jdmcreator le 23/09/2009 14:24:58

Bonjour,

Pour lire du texte d'une page web, regarde ici http://www.javascriptfr.com/codes/SYNTHESE-VOCALE_42235.aspx

Ça pourrait être intéressant je crois.

Commentaire de Pfuch le 23/09/2009 15:44:58

Merci pour cette info JDMCREATOR. Cependant, je ne suis pas certain que d'intégrer une synthèse vocale à l'AccessiBarre soit judicieux. 95% des aveugles qui sont informatisés utilisent une synthèse vocale adaptée à Windows (Jaws par exemple). Le fait d'inclure une synthèse vocale supplémentaire risque de créer des conflits et de superposer des voix.

Si tu as une idée pour éviter ces problèmes, je suis preneur...

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

empecher navigation javascript [ par djbabou ] [^^clinoeil1] bonjour a tous ! [^^clinoeil1] je cherche un script me permettant de bloquer une fenetre de naviguation. En fait, ce que j'aimerais, c problèmes coda-slider [ par mariestad ] Bonjour! J'ai des problèmes avec mon slider javascript fait à l'aide de: http://www.ndoherty.biz/demos/coda-slider/2.0/ Je ne sais pas ce que j'ai f Code javascript "mettre en favoris" [ par spacedelta ] Salut ! Je recherche un code JavaScript qui puisse mettre le site en favoris dans son navigateur. Je demande ceux-ci car j'ai vu certains site le fair mélange de deux fonctions javascript [ par karinemariejeanne ] Bonjour, Je suis en train d'essayer de faire en sorte que lorsque je clic sur une photo de la page suivante : http://vnka.free.fr/futuramedia/rese diaporama javascript lent [ par nico12908 ] Bonjour, Voila, j'ai réalisé un diaporama avec ce code javascrpit : <!-- Hide script from older browsers thisImg = 1 imgCt = 13 function newSlide(di fenetre Javascript [ par midoxe ] [^^!2]Urgent SVP... Bonjour les amis...je suis entrain de réaliser une application avec PHP/Mysql,et je veux integrer une fenetre en javascript pour Fenêtre Javascript pour formulaire d'autentification [ par midoxe ] bonjour les amis... [^^clinoeil3] svp ..je suis entrain de réaliser une application dont j'ai besoin d'une fenetre en javascript qui s'affiche quand Fenêtre Javascript pour formulaire d'autentification [ par midoxe ] bonjour les amis... [^^clinoeil3] ..Je suis entrain de développer une application dont j'ai besoin d'une fenetre en javascript qui s'affiche quand l comment retrouver une clé dans un tableau (array) [ par themagician67 ] Bonjour, Débutant en javascript, je recherche une solution à mon problème. En php, il existe la fonction array_key_exists() mais je ne trouve pas l'é Fenêtre Javascript pour afficher un message après un Click sur un lien [ par midoxe ] Bonjour les amis... quand je remplie les champs d'un formulaire et je Click sur envoyer j'ai effectuer un test pour que si l'utilisateur à oublie un

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

RE : CODE BUG JAVASCRIPT par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP