Accessibilité pour les mal-voyants [Résolu]

[laurentSc]

Bonsoir,

dans ce que je décris ci-après, je croyais que la solution était en PHP, mais on m'a dit que c'était du js, d'où ce post :

je m'occupe d'un site de handisport, donc visité par des mal-voyants, et je voudrais pour cela ajouter des boutons A+ et A- permettant de modifier la taille des caractères. En fait, j'avais déjà abordé le sujet dans le forum html, sur ce fil, mais comme ça fait appel au PHP, je continue ici. Mon idée serait donc de mettre des boutons A+ et A- permettant de modifier la taille des caractères. Or il existe déjà un fichier css appelé dans plein de pages, donc je voudrais savoir s'il était possible de modifier dans celui-ci le font-size d'une classe donnée, ce qui permettrait de modifier la taille des caractères.
Le code démarré pour le bouton A+ est :

Code :

1
2
3
4
5
6
7
8
9
10
11
// agrandir
$taille_pol= (!isset($_COOKIE["taille_pol"]))? "100":$_COOKIE["taille_pol"];
switch($taille_pol) {
case 90 : $taille_pol= "100"; break;
case 100 : $taille_pol= "150"; break;
case 150 : $taille_pol= "200"; break;
case 200 : $taille_pol= "300"; break;
case 300 : $taille_pol= "300"; break;
default : $taille_pol= "100"; break;
}
setcookie("taille_pol",  $taille_pol);

mais est-il possible, ensuite, de modifier un font-size ?

[sekaijin]

Je ne vois pas l'intérêt d'une telle chose.

si dans ta feuille de style et dans ton code HTML tu ne fixe pas de taille de caractère en pt ou px mais seulement en utilisant les taille standard ça ne sert à rien.

tous les navigateur et ceux des mal voyant en particulier savent gérer seul le changement de tailles.

utilise x-smal smal normal large x-large et un simple
ctr l+ ctrl - ctrl 0 sous windows ou cmd + cmd - cmd 0 sous MacOS permet de changer la taille des caractères.

les navigateurs spécial malvoyant offrent la possibilité de zoom sur toutes les parties de la page.

par contre ce que tu peux faire c'est laisser l'utilisateur choisir entre plusieurs feuille de style et en proposer une pour les mal voyants

cela permets d'aller beaucoup plus loin dans l'accessibilité
un exemple ici
http://dev.sencha.com/deploy/ext-4.0...id-access.html
et un exemple utilisant le choix du thème
http://dev.sencha.com/deploy/ext-4.0...ex-access.html

A+JYT

[laurentSc]

si dans ta feuille de style et dans ton code HTML tu ne fixe pas de taille de caractère en pt ou px mais seulement en utilisant les taille standard ça ne sert à rien.

D'accord, dans la feuille de style, il y a aujourd'hui

Code :

font-size:11px;

. Est-ce que, par exemple

Code :

font-size:normal;

irait ? Si ça marche, je pense que ça serait déjà nettement mieux sans pour autant proposer de choisir une feuille de style...

[lanfeust129]

Hello,

un onClick sur le lien d'une image devrait le faire
Après suffit de trouver tes images...

http://www.ehow.com/how_6008798_chan...va-script.html

[laurentSc]

Je ne saisie pas l'apport du js pour une chose faisable avec du css...(ou bien je n'ai rien compris)

[lanfeust129]

Pas besoin de faire plusieurs pages CSS, pas besoin de recharger la page.

[laurentSc]

Oui, en effet ; merci de l'astuce ; je vais l'essayer.

[laurentSc]

Je viens d'essayer de changer la taille des caractères en js, mais ce que j'ai fait est inopérant. Comme c'est au milieu de code PHP, ce que j'ai fait est cela :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
// agrandir
$taille_pol= (!isset($_COOKIE["taille_pol"]))? "11":$_COOKIE["taille_pol"];
switch($taille_pol) {
case 10 : $taille_pol= "11"; break;
case 11 : $taille_pol= "12"; break;
case 12 : $taille_pol= "13"; break;
case 13 : $taille_pol= "14"; break;
case 14 : $taille_pol= "14"; break;
default : $taille_pol= "11"; break;
}
setcookie("taille_pol",  $taille_pol);
echo '<script language="javascript>
document.getElementbyId("corps").fontSize = "'.$taille_pol.' px";
</script>';
?>

sachant que j'ai inclus mes pages dans des div de id "corps". Et que le code ci-dessus est appelé quand l'utilisateur clique sur un lien "A+". Qu'est-ce qui peut clocher ?

[Loceka]

le "b" minuscule dans "getElementbyId" ?

[laurentSc]

Bien vu pour le b minuscule, et ce qui est bizarre, c'est qu'il résulte d'un copier-coller de ce site. Mais peu importe ; j'ai remarqué aussi que les cookies ne sont pas positionnés (mais pas bon forum) et surtout, que la taille des caractères ne change pas malgré tout.