L'accessibilité de mon wordpress

Statut : non résolu

Ce sujet contient 9 réponses, 4 participants et a été mis à jour pour la dernière fois par Lumiere de Lune, le il y a 13 années et 6 mois.

10 sujets de 1 à 10 (sur un total de 10)

Auteur

Messages
1 juin 2011 à 7 h 33 min #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. »
1 juin 2011 à 8 h 22 min #773876

Lumiere de Lune
Participant

Maître WordPress
20531 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 ?

1 juin 2011 à 8 h 32 min #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é.

1 juin 2011 à 9 h 52 min #773878

wasicu
Membre

Maître WordPress
2752 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)

1 juin 2011 à 10 h 15 min #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?

1 juin 2011 à 10 h 51 min #773880

wasicu
Membre

Maître WordPress
2752 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

1 juin 2011 à 10 h 58 min #773881

wasicu
Membre

Maître WordPress
2752 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 »

2 juin 2011 à 12 h 37 min #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).

2 juin 2011 à 12 h 43 min #773883

wasicu
Membre

Maître WordPress
2752 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

2 juin 2011 à 15 h 33 min #773884

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

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

Messages

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.