[Accessibilite] Fwd: Re: Accessibilité et Poll -O Was: Re: Fwd: [Site April] Fwd: [WEBMASTERS] Re: Questionnaire à destination des membres

[bookynette <mgarnero AT april.org>]

Bonjour à tous,
Ce week-end, il a été décidé que le groupe accessibilité donnerait un 
coup de main au développeur de Poll-O, Frédéric Peters, afin que le 
logiciel soit accessible pour les adhérents qui souhaiteront voter lors 
de l'AG de l'April en février.

Ni connaissant rien mais étant motivée pour aider, j'avais commencé à 
faire une remontée de bug. Pour éviter de lui envoyer deux fois la même 
chose, je vous mets le mail que je lui avais envoyé. Comme vous le 
verrez il date de fin octobre, donc j'imagine que des modifications ont 
déjà été effectuées depuis...

Frédéric n'hésite pas à nous dire si tu as déjà modifié du code...

Merci à tous pour votre participation!!

Bookynette.

-------- Message original --------
Objet: Re: Accessibilité et Poll-O Was: Re: Fwd: [Site April] Fwd: 
[WEBMASTERS] Re: Questionnaire à destination des membres
Date: 2012-10-31 3:07
De: bookynette <mgarnero AT april.org>
À: Frederic Peters <fpeters AT entrouvert.com>

bonjour,

Garde en tête que je n'y connais toujours rien en technique et que 
j'essaye juste de faire de mon mieux. ;-)

Armony a dit que le mail qu'elle avait reçu venait d'un aveugle donc je 
commence au niveau visuel.

* dans le style => contraste des couleurs.
Il me semble que le titre H1 (le premier avec le dégradé bleu/bleu et 
le texte "April- Promouvoir et défendre le LL") a une luminosité trop 
faible.
Dans mon exemple ça fait du blanc sur blanc.. (j'ai pas compris 
pourquoi mais bon c'est pas lisible)

Le deuxième texte 1 (4,48), ainsi que le lien vers l'accueil (4,63) ou 
le footer (5,74) sont aussi surlignés comme ayant des problèmes de 
luminosité.
Mais pitet me répondras-tu que 4,48 / 4,63 et 5, 74 c'est suffisant? ou 
pas ? C'est toi qui vois.

----

* Page 1 = Pourquoi avoir adhéré?
T'as du passer par là... je n'ai plus le même rapport que ce matin!! 
Merci.

* Page ce que j'aimerais trouvé à l'April
seul souci => navigation et orientation
**Each input element with type=text | password | checkbox | radio | 
file and each select and textarea element must either be referenced by 
the for attribute of a label element via its id attribute, or have a 
title attribute.
Fail: 18 out of 18 form controls do not meet the criteria.
et
**Each label and legend element must have text content.
Fail: 9 label elements and 0 legend elements are empty.

* Page Communication interne
même bug mais à des lignes différentes

* Page Implication
oh!! encore un souci de label... étonnant :-)
Autre chose : « Each data table must have a nonempty summary attribute.
Fail: 1 data table (out of 1 total) does not meet the criteria »

* Page Adhésion
tu ne devineras jamais... encore les labels.. ils sont partout. Suis 
sûre que c'est une conspiration!

* Page vous
Cette page n'a aucune originalité.. toujours les labels..
Bon j'ai un lien vers "best practices" que je peux te fournir...
Non sérieux je le mets en espérant que ça réponde à tes interrogations 
du 10 octobre.
Et s'il ne sert à rien tu as le droit de te moquer de moi... 
http://html.cita.illinois.edu/nav/form/

---- Bon on a rien appris de nouveau----

Je change de méthode, j'essaye de faire les choses logiquement en 
cliquant sur mes boutons les uns après les autres... enfin logiquement 
pour moi.

* Reports => accessibility issues
** j'ai testé une page au hasard (la page vous) je retrouve le problème 
de luminosité pour les titres H1, le lien accueil et le footer mais 
aussi pour un span en #ff0000 (vais aller tester cette couleur dans mon 
nuancier)
** set font sizes using relative measurements (not px, pt, in, cm, mm)
ça change pour chacune des pages testées... dans l'une cela fait partie 
d'une page css, dans l'autre d'une page liée au webmail
mais si on part du principe que tout ce que j'ai de surligné en orange 
est un problème, alors il relève toutes les sizes, les width en px et 
pt..; et laisse en blanc les % et les em (pour résumé paske y a plus de 
20 lignes pour chaque page)
** contrast ration is below the optimal acceptable level
Sur la page Vous, j'ai encore plein de lignes surlignées en jaune... 
mais deux en rouge:
Tag: option, color #ffffff, BG color #7099cc, luminosité 2,95. celle en 
jaune sont à 5,31. Les autres dépassent 8.

* Navigation
il me met un emplacement jaune disant qu'il manque une barre de 
navigation...en haut à gauche...mais on n'en a pas besoin, si?
Sinon tout a l'air normal..

* Text Equivalents
Ça y est j'ai compris le problème du titre H1!!!
si j'enlève les images, on a un titre H1 blanc sur un fond "un peu 
moins blanc" donc c'est illisible...
/me mourra moins bête

* Scripting
** Focus inspector => c'est cool, je viens de comprendre ce que sont 
des labels!! et quel est le problème.
Bon je ne vois rien d'autre d'anormal

* Style
** Colour contrast => déjà fait plus haut.
** Text sizing => il surligne les width en px...
sur la page où je suis (implication) ça concerne le .container, le 
#steps le .main content et le .footer dans une page css.
** suit une liste de tables... je ne vois rien d'anormal
** toujours sur cette page (implication) quand je sélectionne High 
Contrast view 1 W/B, je n'ai pas l'écran en noir et blanc mais un 
grossissement d'une partie de l'écran. Ah si, je l'ai si auparavant je 
coche author css. D'ailleurs j'ai la possibilité de cocher high 
contraste view 2 que je n'avais pas avant.
Suis-je claire là??


Toujours là?? Je continue. Mais si tu veux prendre une pause je 
comprendrais. :-D


* Validators (arf on sent que ça devient sérieux là)
Manifestement ce sont des validation de W3C
Je ne vais pas tester toutes les pages, j'imagine que j'aurais la même 
chose à chaque fois.
Je vais tester la page implication, j'ai l'impression que c'est la plus 
complexe (j'ai sans doute tors... :-p)

** Pour le html 5 => 1 erreur je te mets le lien ??? non non pas 
frapper, c'est un lien qui me semble utile et comme c'est en couleur un 
copier coller ne suffira pas. Regarde tout en bas : 
http://validator.w3.org/check?uri=http%3A%2F%2Fapril.poll-o.fr%2Fp%2FzNtqWRmvK9PU3cZ3DePzObIBhhFApMh8%2F

** Pour le CSS => Félicitation aucune erreur trouvée! *\o/*

** Pour le link Checker : Error: 403 Forbidden by robots.txt
This Link Checker looks for issues in links, anchors and referenced 
objects in a Web page, CSS style sheet, or recursively on a whole Web 
site. For best results, it is recommended to first ensure that the 
documents checked use Valid (X)HTML Markup and CSS. The Link Checker is 
part of the W3C's validators and Quality Web tools.

** Pour le tidy => 1 erreur... et un lien, cadeau juste pour toi! 
http://infohound.net/tidy/tidy.pl?_function=tidy&_output=warn&char-encoding=ascii&_url=http%3A%2F%2Fapril.poll-o.fr%2Fp%2FzNtqWRmvK9PU3cZ3DePzObIBhhFApMh8%2F

Bon après y a WDG... HTML => il relève plein de trucs... je te mets le 
lien vu tout ce qu'il remonte comme erreur: 
http://www.htmlhelp.com/cgi-bin/validate.cgi?warnings=yes&url=http%3A%2F%2Fapril.poll-o.fr%2Fp%2FzNtqWRmvK9PU3cZ3DePzObIBhhFApMh8%2F
et WDG linck => Link Valet is forbidden access to 
http://april.poll-o.fr/p/zNtqWRmvK9PU3cZ3DePzObIBhhFApMh8/ by robot 
rules. See the key for details. => 
http://www.htmlhelp.com/tools/valet/key.html


* Tools
** les FAE reports sont dans la première partie du mail, Je propose de 
les passer. D'accord?
** là il me propose de tester le site avec d'autres jouets..; euh 
logiciels. Je verrais une autre fois, ou pas :-D

Bon j'ai fait le tour, toucher à plein de boutons! Je vais m'arrêter 
là.

J'espère que cela t'a aidé et que cela n'a pas été inutile.

À bientôt!

AccessBooky.