Pack liberté : audit accessibilité

Retour à la page d'accueil du groupe Accessibilité

/!\ Travail en cours /!\

Cette page présente évaluation de l'accessibilité du site packliberte.org/test en cours de réalisation.

Si vous souhaitez participer, n'hésitez pas à laisser votre avis sur la page de discussion en suivant au mieux ces recommandations.

Contexte

L'April, Framasoft et la Quadrature du net vont lancer une campagne commune de collecte de dons. Dans ce cadre, ces trois associations ont prévu un site web pour expliquer leur démarche et permettre un paiement en ligne.

Le site à tester est à l'adresse: packliberte.org/test.

Objectif de l'évaluation

Tester et remonter les principaux freins à l'accessibilité de ce site. Il ne s'agit pas d'un audit complet, mais plutôt de lever les principaux points bloquants.

La méthode utilisée reposera sur les critères d'accessibilité du Web au sens des W.C.A.G 2. Tout ce qui sort de ce cadre pourra être relevé dans la section "Autres suggestions d'amélioration".

Les remontées de "bugs" d'accessibilité seront accompagnées si possible de propositions de correction.

Pour évaluer l'accessibilité, nous pourrons nous appuyer sur le référentiel AccessiWeb 2.1.

Bugs d'accessibilité

• La barre de menu est répétée plusieurs fois au sein de la même page. Cette redondance est gênante et n'est faite qu'à des fins de présentation.

Proposition de correction: Ne mettre le menu qu'une seule fois et le figer en CSS avec position:fixed;

 * Attention, il s'agit d'un choix de design qu'il est facile de modifier techniquement, mais qui dont les couleurs et la présentation peuvent être plus rudes à changer...

• Contrastes de couleurs mieux qu'au début, mais encore très insuffisants. Utiliser l'extension Firefox Color Checker, onglet Document, test WCAG 2 pour évaluer. Le survol des liens des associations en jaune clair sur fond blanc est particulièrement illisible.

 * les couleurs ont été modifiées partout pour être plus contrastées, il y a encore certaines modifier à rajouter pour s'assurer que l'outil voit correctement ces contrastes

• Image de la mappemonde purement décorative: mettre un alt vide.

 * fait

• Contextualiser les alternatives aux images de cadenas: verrouiller (ou déverrouiller) montant pour April, etc.

 * c'est à dire? Que veut dire "Contextualiser" dans ce contexte?:)

• Permettre l'accès au clavier aux bulles d'aide concernant les cases à cocher pour la conservation des coordonnées et la communication de son adresse

 * une réflexion va être menée là dessus

• L'alternative à l'image du pack doit être vide (image purement décorative). À moins qu'à terme cette image ne devienne un lien vers le cadeau à télécharger.

 * fait

• Si les images des assos sont en fait un lien qui renvoient vers le site des assos, mettre un alt qui indique la destination du lien. Par exemple: alt="Framasoft" plutôt que alt="Logo Framasoft".

 * fait

Autres suggestions d'amélioration

• ajouter une page accessibilité indiquant le fonctionnement du site. Idéalement, il suffirait d'ajouter un picto dans la barre de menu.
• ajouter un title pour rendre les pictos compréhensibles au survol de la souris

 * fait  

• ajouter la possibilité de donner directement dès le premier écran et sur tous les menus.

 * il y a un lien sur chaque page avant la partie donation

• Tant que les contenus finaux ne sont pas connus, difficile à dire. Mais en l'état, un lien sur la page de chaque asso dédié au pack liberté pour en savoir plus serait peut-être plus pertinent qu'un encart sur le site même qui, s'il est trop long, peut devenir illisible.

 * à creuser d'un point de vue éditorial