Étude de cas

Capella University x The Women's Economic Council - Améliorer l'accessibilité du site web

L'entreprise

Le Conseil économique des femmes (CEM) est une organisation à but non lucratif qui s'est engagée à aider les femmes canadiennes, en particulier les femmes marginalisées et celles qui sont exposées à la pauvreté, à atteindre leurs objectifs économiques.

L'institution

Melissa Zgola est la présidente de la faculté du département de technologie de l'université Capella à Minneapolis, aux États-Unis. Ce projet a été réalisé par des étudiant.e.s en technologie de l'information de niveau supérieur.

Le défi

Un récent audit du site web a révélé que le site web du CME pourrait améliorer son accessibilité pour les personnes souffrant de déficiences visuelles et auditives. Le CME cherchait un moyen rentable de résoudre ces problèmes de site web, car les devis des professionnel.le.s de l'informatique étaient hors de leur budget en tant qu'organisation à but non lucratif. Les étudiant.e.s diplômé.e.s en informatique de Melissa apprenaient Django et ont été chargé.e.s d'aider à la mise en œuvre de ces améliorations de l'accessibilité.

Le résultat

En 5 mois, les apprenant.e.s ont réussi à améliorer l'accessibilité du site web et l'équipe a également fourni un rapport sur la façon de maintenir le site web et de résoudre les problèmes à l'avenir. Les apprenant.e.s ont même proposé de rester au sein du CME en tant que volontaires pour soutenir leurs efforts.

"Certaines des suggestions et des outils qu'il.elle.s [les apprenant.e.s] nous ont donnés comme option pour soutenir davantage l'organisation étaient vraiment justes." Serah Gazali, co-directrice du Conseil économique des femmes

25 janvier 2023
|
Ressources
|
Partager
Télécharger
Votre bien sera automatiquement téléchargé.
Vous n'avez pas compris ?
Télécharger maintenant
Passez à la section suivante :

Saisissez votre adresse courriel pour vous abonner à l'infolettre The Riipen Report.
S'abonner
Merci! Votre soumission a été reçue!
Oups! Quelque chose s'est mal passé lors de l'envoi du formulaire.
Quelques éléments du formulaire
hs-form
formulaire-colonnes-1
formulaire-colonnes-2
hs-form est la classe de formulaire principale.
form-columns-1 est une classe d'enveloppe avec une colonne pour les entrées.
form-columns-2 est une classe d'enveloppe avec 2 colonnes pour les entrées.
entrée et étiquette
hs-input
Description du champ / Texte d'aide
hs-field-desc
Il s'agit du texte d'aide pour le champ
Message d'erreur sur le champ
hs-error-msgs inputs-list
hs-error-msg
  • Étiquette du message d'erreur
hs-error-msgs inputs-list est un élément de liste HTML.
hs-error-msg est une plage de texte à l'intérieur de l'élément HTML List Item.
Zone de texte Entrée
hs-input hs-fieldtype-textarea
hs-fieldtype-textarea est ajouté comme classe combo.
Cases à cocher
hs-form-booleancheckbox
hs-form-booleancheckbox-display
liste des entrées
hs-input
Note : HubSpot utilise des cases à cocher HTML de base, les cases à cocher Webflow fonctionnent différemment des cases à cocher HTML par défaut, donc pour styliser les cases à cocher HubSpot vous avez besoin d'un CSS personnalisé.
vous pouvez utiliser la case à cocher de Webflow pour la styliser, puis copier les feuilles de style CSS à partir de cette case.
Boutons radio
liste des entrées
hs-form-radio
hs-form-radio-display
liste des entrées
hs-input
Message de réussite
message soumis
RecaptCHA
hs-recaptcha
Bouton de soumission
hs_submit
hs-button
Oups! Quelque chose s'est mal passé lors de l'envoi du formulaire.