Accessibilité des sites web

Lorsque vous créez ou mettez à jour le site web de votre organisation, vous devez d’abord tenir compte des deux éléments suivants:

• Accessibilité numérique
• Sécurité et confidentialité

La visite d’un site web peut laisser une trace numérique et créer des risques en matière de sécurité et de confidentialité. Même s’il est impossible d’éliminer complètement les risques, il existe des moyens de sensibiliser les survivantes et de leur proposer des options. Pour en savoir plus, consultez notre ressourceConcevoir des sites web pour améliorer la sécurité et la confidentialité des survivantes. 

Dans la conception des sites web, la prise en compte de l’accessibilité numérique peut réduire les obstacles et garantir que les survivantes en situation de handicap obtiennent le soutien et les ressources dont elles ont besoin pour vivre à l’abri de la violence. 

Vous trouverez ci-dessous des conseils d’accessibilité à prendre en compte lors de la conception du site web de votre organisation dans une perspective d’inclusion.

Veiller à ce que le texte soit facile à lire

• Utilisez des couleurs qui contrastent bien. La couleur de votre texte doit se détacher de celle de l’arrière-plan.
• Évitez les couleurs trop similaires pour votre texte et votre arrière-plan.
• Évitez d’utiliser des couleurs réputées difficiles pour les personnes malvoyantes ou daltoniennes, telles que le rouge et le vert.

Ne pas se fier uniquement à la couleur

• Si vous utilisez la couleur pour mettre en évidence un élément important, utilisez également une icône ou du texte.
• Veillez à ce que vos informations restent claires, même lorsqu’elles sont affichées en niveaux de gris.

Faire en sorte que les boutons et les liens soient évidents

• Les boutons doivent ressembler à des boutons. Ils doivent avoir un effet 3D ou une ombre pour les faire ressortir.
• Les liens doivent être soulignés ou d’une couleur différente du reste du texte.
• Évitez d’utiliser uniquement la couleur pour distinguer les liens. Ils devraient encore être évidents lorsqu’ils sont en niveaux de gris.

Simplifier la navigation

• Essayez de garder vos menus et la structure de votre site web simples et prévisibles.
• Évitez de proposer un trop grand nombre de plats au menu. Une bonne règle de base consiste à ne pas dépasser sept éléments à chaque niveau de votre menu.
• Veillez à ce que votre menu soit accessible à la fois à l’aide d’une souris et d’un clavier.

Étiqueter clairement les formulaires

• Chaque champ de votre formulaire doit être accompagné d’une étiquette décrivant clairement les informations à saisir.
• Si un champ nécessite un format spécifique (comme un numéro de téléphone ou une date), mentionnez-le dans l’étiquette.
• Utilisez des messages d’erreur pour aider les utilisatrices à corriger les erreurs dans le formulaire.

Donner un retour d’information

• Si une utilisatrice clique sur un bouton ou soumet un formulaire, affichez un message confirmant son action.
• Si une page est en cours de chargement, utilisez un indicateur de chargement ou un indicateur similaire.

Décrire les images et les médias

• Pour les personnes malvoyantes ou aveugles qui ne peuvent pas voir les images ou les vidéos, fournissez une description textuelle.
• Cette description, également connue sous le nom de «Alt text» ou texte alternatif, doit décrire l’image de manière à transmettre les mêmes informations que l’image elle-même.
• Si l’image est purement décorative et ne véhicule aucune information, vous pouvez utiliser un attribut alt vide (alt="" en HTML).

Contrôler le contenu de la lecture automatique

• Si des vidéos ou de la musique jouent automatiquement, prévoyez un moyen de les mettre en pause ou de les arrêter.
• Évitez autant que possible d’utiliser des contenus en lecture automatique, car ils peuvent distraire ou gêner certaines utilisatrices.

Ne pas surcharger les pages de contenu

• Une page encombrée peut être source de confusion.
• Essayez de garder un contenu clair et concis.
• Utilisez des titres et des sous-titres pour organiser votre contenu.

Bien faire l’essentiel:

• De nombreuses pratiques d’accessibilité sont en fait de bonnes pratiques de conception.
• Une conception, une navigation et une architecture claires et logiques profitent à tout le monde.
• Testez votre site web avec une variété d’utilisatrices afin de détecter tout problème éventuel.

• WAVE Web Accessibility Evaluation Tools - WAVE est une suite d’outils d’évaluation qui aide à rendre le contenu web plus accessible aux personnes en situation de handicap.
• Extension de navigateur axe DevTools de Deque - Cette extension pour Google Chrome est un puissant outil de test piloté par le moteur de test d’accessibilité le plus fiable au monde, axe-core, développé par Deque.
• The Web Accessibility Initiative (WAI) - Il s’agit d’une communauté internationale d’organisations et d’individus qui s’efforcent de rendre le web accessible aux personnes en situation de handicap.
• Web Accessibility Initiative's Tips - Conseils de démarrage de la WAI en matière d’accessibilité du web

La violence fondée sur le genre facilitée par la technologie (VFGFT) fait partie d’un continuum de violence qui peut se produire à la fois en ligne et en personne. Si vous ou une personne de votre entourage êtes victime de VFGFT, vous n’êtes pas seule. Vous pouvez consulter www.hebergementfemmes.ca pour trouver une MH près de chez vous afin de discuter de vos options et élaborer un plan de sécurité. Il n’est pas nécessaire de résider dans une MH pour avoir accès à des services et à un soutien gratuits et confidentiels.

Nous remercions chaleureusement la Société Neil Squire pour la création de cette fiche d’information.