IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Accessibilité pour les mal-voyants


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut Accessibilité pour les mal-voyants
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 ?

  2. #2
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    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

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    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 . Est-ce que, par exemple irait ? Si ça marche, je pense que ça serait déjà nettement mieux sans pour autant proposer de choisir une feuille de style...

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2009
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2009
    Messages : 5
    Par défaut
    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

  5. #5
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Je ne saisie pas l'apport du js pour une chose faisable avec du css...(ou bien je n'ai rien compris)

  6. #6
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2009
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2009
    Messages : 5
    Par défaut
    Pas besoin de faire plusieurs pages CSS, pas besoin de recharger la page.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Smiley]Pour les posts qui font mal aux yeux
    Par LooserBoy dans le forum Evolutions du club
    Réponses: 5
    Dernier message: 21/02/2013, 09h35
  2. Accessibilité pour les mal-voyants
    Par laurentSc dans le forum Langage
    Réponses: 2
    Dernier message: 08/05/2011, 19h21
  3. Accessibilité pour les mal-voyants
    Par laurentSc dans le forum Balisage (X)HTML et validation W3C
    Réponses: 36
    Dernier message: 08/05/2011, 18h46
  4. Accessibilité - mal voyants
    Par outsider06_1 dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 18/01/2008, 17h08
  5. Une petite aide pour les API ?
    Par Yop dans le forum Windows
    Réponses: 2
    Dernier message: 04/04/2002, 21h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo