L’accessibilité de mon wordpress

  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #495735
    matbook
    Membre
    Padawan WordPress
    79 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : derniere
    – Version de PHP/MySQL :
    – Thème utilisé : perso
    – Extensions en place : Access Keys
    – Nom de l’hebergeur :
    – Adresse du site :

    Problème(s) rencontré(s) :

    Bonjour à tous,
    Je suis en train développer un site wordpress pour une usine public de production d’eau potable et le développement finit je veux m’attaquer à l’accessibilité de ce site.

    J’ai installé plusieurs plugin acces key mais sans résultats.
    En suite je voudrai savoir s’il existe des plugins pour cette accessibilité comme remplacer le texte par un lecteur audio ou un plugin pour augmenter ou diminuer le texte.
    Pour l’agrandissement ou la diminution j’avais essayé du javascript directement insérer dans mon index.php mais sans résultat

    header.php

    <script language="JavaScript" type="text/javascript">                       
    var taille;                       
    taille = 1;
    function ModifTaille(valeur)
    {
            taille = taille + valeur;
            document.getElementById("contentrub").style.fontSize = taille + "em";
    // on récupère la valeur courante de la taille du texte et en la modifie en changeant les propriétés du DOM dynamiquement               
    }   
    </script>

    index.php

    <a href="#" title="Aggrandir la taille du texte" onClick="changerTaille(0.1); return false;" alt="Aggrandir la taille du texte" >99999</a> |
    <a href="#" title="Réduire la taille du texte" onClick="changerTaille(-0.1); return false;" alt="Réduire la taille du texte" >99999</a>

    Voila mon problème 🙂
    « 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. »

    #773876
    Lumiere de Lune
    Participant
    Maître WordPress
    19385 contributions

    Pour augmenter / diminuer le texte oui (mais je ne souvient plus du nom)
    Pour remplacer par du son, je ne sais pas

    As tu cherché dans le répertoire des extensions avec les mots clés accessibilité ou accessibility ?

    #773877
    matbook
    Membre
    Padawan WordPress
    79 contributions

    je viens d’aller faire un tour dans le répertoire des extensions.
    Il y a beaucoup de plugin pour la gestion des accès membres mais pas beaucoup au niveau de la réel accessibilité.

    #773878
    wasicu
    Membre
    Maître WordPress
    2753 contributions

    L’accessibilité n’est pas le point fort de WordPress mais je crois qu’ils y travaillent. Par exemple j’ai pas trouvé le moyen de mettre un accesskey sur la nav des articles. Ca m’intéressai si quelqu’un connaissait une combine. Je ne connais pas de plugin non plus. Le passage en audio se fait automatiquement pour les handicapés visuels disposant de ce genre d’équipements (en braille aussi). Ce qui est important c’est un title pour les liens, un alt pour les images (title et alt vraiment descriptifs), accesskeys, tabindex, un skip to content en début de thème est bien aussi mais surtout une page “politique d’accessibilité” décrivant la politique du site en cette matière. Dans cette page tu peux évoquer les possibilités navigateurs pour le grossissement des caractères ce qui est une bonne alternative a du javascript, les lecteurs d’écrans ne l’activant pas. L’idéal serait de permettre un switch de ton thème avec et sans css, ce dernier n’intéressant absolument pas les lecteurs d’écran. Il est possible que je me trompe sur certaines de mes affirmations, toutes étant faites de mémoires lorsque je me suis intéressé il y a un an à l’accessibilité de mon site. (D’ailleurs mea culpa pas actualisée sur mon dernier design)

    #773879
    matbook
    Membre
    Padawan WordPress
    79 contributions

    Le switch peut être effectuer avec les outils des navigateurs.Je peux le rajouter dans la politique d’accessibilité.
    acceskey je n’arrive pas à le faire pour mes nav menu.
    Le tab index c’est un plan du site?
    et par contre le skip to content je ne connais pas?

    #773880
    wasicu
    Membre
    Maître WordPress
    2753 contributions

    Non tabindex c’est pour les liens et les formulaires. La navigation avec la touche tab dans un document html c’est l’apparition dans le code html. Cela concerne les liens et les formulaires. Exemple, tu as la barre admin, une barre de navigation pour les pages en header, une barre de navigation catégories sous le header, la personne qui navigue par tab va devoir se taper tous les liens avant d’arriver à ton formulaire. Tu peux forcer avec tabindex le formulaire en premier, ou 2 trois liens puis le formulaire. tu vas ainsi structurer ta navigation par la touche tab en fonction des informations qui te semblent les plus pertinentes, les autres sans tabindex viendront après. Ici un article sur le fonctionnement et désavantages : http://www.alsacreations.com/article/lire/570-Histoire-de-tabindex.html

    #773881
    wasicu
    Membre
    Maître WordPress
    2753 contributions

    Le skip to content tu le trouves sur beaucoup de thèmes maintenant, c’est simplement une ancre qui te permet de passer directement au contenu, c’est le premier lien de la page (pas très esthétique souvent) Skip to content qui va t’amener directement sur le

    en sautant le header et éventuellement les liens de nav qui s’y trouvent. C’est juste une option, si la personne ne valide pas le lien, elle passera à ceux de tes menus en header pour arriver sur le contenu. Les headers sont souvent des images qui n’intéressent pas les handicapés visuels, pour cause, et ce qui prime, surtout pour quelqu’un qui connait ton site, c’est le contenu.

    Oups. Skip to content, c’est bien entendu francisable avec un “aller directement à aux articles”

    #773882
    FelipeA
    Participant
    Initié WordPress
    14 contributions
    matbook wrote:
    Bonjour à tous,
    Je suis en train développer un site wordpress pour une usine public de production d’eau potable et le développement finit je veux m’attaquer à l’accessibilité de ce site.

    Bonjour,

    Ouille ! L’accessibilité est un aspect de la conception d’un site web dont il faut s’occuper dès le début de la réalisation d’un site web :(
    Difficile de modifier les couleurs d’une charte graphique à la fin d’un projet parce que le contraste texte/fond est insuffisant !

    Puisque tu écris travailler pour le site d’une “usine publi(que)”, pour info les sites de la fonction publique ou de service public (française) ont l’obligation de respecter le RGAA (Référentiel Général d’Accessibilité pour les Administrations) : http://www.references.modernisation.gouv.fr/rgaa-accessibilite
    Comme tu vas vite le constater, l’accessibilité ne se limite pas à rajouter 4 accesskeys sur chaque page mais va se nicher dans toutes les phases d’un projet web : contrastes de couleur, intitulés des liens, zoom texte, alternative textuelle des images, formulaires corrects, navigation et structure des titres, liens d’évitement (“Aller au contenu, aller au menu, aller à la recherche” sauf si l’une de ces zones est juste après le lien … là il est inutile évidemment), navigation au clavier (sans souris, juste avec la touche Tab. Ça signifie pour commencer doubler les règles CSS avec :hover par les mêmes avec :focus), fonctionnement sans Javascript, etc
    Perso j’ai été formé par Accessiweb et je trouve leurs critères plus lisibles : http://www.braillenet.org/accessibilite/referentiel-aw21/index.php mais c’est sûrement une affaire de goût personnel 🙂 (RGAA 2.2 et Accessiweb 2.1 parlent de la même chose : WCAG 2.0 de manière un peu différente mais tu peux utiliser l’un ou l’autre sans qu’il y ait vraiment de différence à la fin …). Dans le lien précédent qui est très long à lire, je t’invite à commencer par les 13 “Recommandations” au début de chaque thématique. Ca doit faire 20 lignes au total et c’est un des meilleurs résumés techniques que j’aie pu lire.

    Le Guide Accessiweb est une méthode pratique pour tester ton site (mais correspond encore à une vieille version d’Accessiweb, la numérotation n’est plus la même et certains critères ont disparu ou n’existaient pas. M’enfin la lecture est toujours utile, par exemple pour l’outil Colour Contrast Analyzer).

    #773883
    wasicu
    Membre
    Maître WordPress
    2753 contributions

    Ah oui, les couleurs, j’avais oublié les daltoniens. Merci FelipeA pour ces précisions intéressantes. J’étais passé par braillenet aussi. Bonne journée.

    Thierry qui est bien content de trouver un sujet aussi intéressant et aussi loin des tites modifs de css

    #773884
    Lumiere de Lune
    Participant
    Maître WordPress
    19385 contributions

    Oui c’est très intéressant, merci 🙂

10 sujets de 1 à 10 (sur un total de 10)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.