Forum Alsacréations : CSS et Standards Web

mecho a écrit :
Bonjour,
Pour tester l'"accessibilité" de mes pages (pas uniquement pour les mal/non voyants), je fais plusieurs tests notamment grâce à l'excellente extension de firefox Web Developer Toolbar :

mecho a écrit :

Avant de démarrer l'intégration de mes pages, je passe les maquettes en niveaux de gris, vérifie les contrastes, les différences de couleurs et les différences d'intensité (Colour Contrast Analyser).

mecho a écrit :

Je désactive les scripts "js" et vérifie que j'accède toujours à toutes les pages et informations présentes sur le site.

document.documentElement.className+=' hasJS';

.hasJS .monElm {display:none;} /* ou le code CSS nécessaire à laisser ça accessible */

mecho a écrit :

Je teste la navigation par tabulation (bon fonctionnement des ancres, ...).

mecho a écrit :

Je désactive les feuilles de styles et vérifie que mes pages sont correctement balisées et "sémantiquement" cohérentes (hiérarchisation des titres, ...).

mecho a écrit :

Je désactive les images de fond et m'assure d'avoir prévu des couleurs de substitution à ces dernières.
J'affiche l'ensemble des "alt" des images et vérifie leurs pertinences.

mecho a écrit :

Je teste l'affichage et le bon comportement du site sur les navigateurs suivants : IE6, IE7, Firefox3, Safari et Opéra.

mecho a écrit :

Je vérifie que mon site n'est pas trop gourmand en ressources cpu (poids/vitesse de chargement des pages) grâce à l'extension firebug de firefox (onglet réseau).

mecho a écrit :

Et depuis peu, j'utilise le lecteur d'écran en ligne gratuit suivant : WebAnywhere.

mecho a écrit :

En espérant avoir répondu quelques peu à ta question et que d'autres personnes partageront leurs expériences.

knarf a écrit :
Bonjour,

Il existe la possibilité d'installer JAWS en version d'évaluation.

Il permet de travailler par sessions de 40 minutes.

Gatsu35 a écrit :
Après je me heurte à un autre problème qui est le Javascript et l'affichage de popin (en gros un layer qui vient pardessus le contenu et qui affiche du texte). Comment gérer cela de manière efficace.

koala64 a écrit :
lu' !

Perso, je te dirais en mettant, dans un premier temps, un système de détection de CSS qui te permet de savoir si tu as la possibilité de restituer ce layer ou non.

koala64 a écrit :

Si ce n'est pas le cas, tu n'affectes aucun gestionnaire d'événements sur le lien et tu pointes sur une nouvelle page.

koala64 a écrit :

Si, en revanche, tu disposes de CSS, tu crées ton fond transparent puis un conteneur unique en fin de page que tu remplies au moment du clic en faisant une requête Ajax récupérant le contenu de la page correspondante.

koala64 a écrit :

Et pour compléter le tout, il peut être utile d'ajouter un loader lorsque le contenu n'est pas encore chargé afin d'indiquer à l'utilisateur qu'il se passe quelquechose.

Faut créer la page

J'ai pas pigé pourquoi tu me parles de fond transparent.

Mais ce conteneur unique faudrait balancer une sorte de focus histoire de dire au lecteur d'écran : "hey connard, ça se passe ici maintenant dans mon petit layer". Ou alors j'ai pas trop pigé

QuentinC a écrit :
Pour ceux qui aimeraient tester un lecteur d'écran mais qui cherchent une alternative à jaws, il existe NVDA (Non-Visual Desktop Access). Le rendu textuel est étonnamment très proche, hormis que NVDA utilise les voix standard SAPI5 alors que jaws à sa synthèse propre (élocance).
Sinon le texte lu et les métainformations sont très semblables. Ne vous privez pas c'est open source.

Gatsu35 a écrit :
pour être sûr que je ne laisse rien passer, je cherche un outil qui me permettrait de tester une page (puis le site ) comme si j'étais non voyant.

Gatsu35 a écrit :
Comment se mettre à la place d'un mal/non voyant ?

Laurent Denis a écrit :
Tester l'accessibilité = se baser sur une méthode d'évaluation type RGAA / accessiweb / etc. dont le rôle est justement de faire abstraction de l'aide technique spécifiquement utilisée

Laurent Denis a écrit :
En d'autres termes, c'est un métier.