Re: [Accessibilite] Accessibilité Web d'une pa ge de l'April

[Philippe Vayssière <philippe AT vayssiere.fr>]

Le 21/10/2011 16:52, François Poulain a écrit :
> Salut,
>
> Quelqu'un saurait me dire si cette page est correctement accessible
> et sinon comment corriger ?
> http://guide.libreassociation.info/
>
> En particulier, j'ai un formulaire avec tableau dedans, mais comme c'est
> un truc à deux colonnes et sans entête, je ne sais pas du tout s'il
> faut renseigner les champs d'en-tête ou pas.
>
> C'est une page en cours de développement, elle n'est pas censée être
> public pour l'instant.
>
> Merci d'avance.
> François
>
Salut,

pour ce qui est du tableau, c'est un tableau de mise en page par
opposition à un tableau de données.

Dans ce cas, il ne faut rien utiliser qui puisse faire penser à un
tableau de données : pas de caption, pas de thead, de tfoot ou de th ;
pas d'attribut summary ou alors vide, de headers ni de scope(ni col ou
axis dans les trucs exotiques).
Sont autorisés *table, tbody (optionnel), tr et td*. Ainsi que *colspan
et rowspan* pour les attributs.

Autre point, le tableau doit être *linéarisable* c'est-à-dire que la
lecture "naturelle" des cellules de haut en bas et de gauche à droite
doit avoir du sens (un lecteur d'écran lit du début à la fin alors qu'on
peut dans un navigateur graphique apercevoir d'un seul coup d'oeil
l'entièreté du tableau). Ici ça a l'air bon :)

Deux premiers points :
- la couleur rose fuchsia n'est pas assez *contrastée* sur fond blanc.
C'est celle du guide papier mais s'il est possible d'en choisir une
autre un peu plus sombre, je peux te proposer un fuchsia considéré comme
suffisamment contrasté (enfin plutôt à partir de quelle couleur ça l'est
suffisamment, on peut faire mieux que pile le contraste suffisant)
- mieux vaut avoir des *liens soulignés* par défaut et au moins qu'ils
se soulignent au survol de la souris et lors de la prise de focus
clavier (a:focus, a:hover, a:active { text-decoration: underline; } )


Cordialement,
Philippe