Case Study

Capella University x The Women's Economic Council - Improving Website Accessibility

The Company

The Women's Economic Council (WEC) is a not-for-profit organization that is committed to helping Canadian women, especially marginalized women and those at risk of poverty, achieve their economic goals.

The Institution

Melissa Zgola is the faculty chair of Capella University's Department of Technology in Minneapolis, USA. This project was worked on by graduate level informations technology learners.

The Challenge

A recent website audit found that WEC's website could improve their accessibility for those with visual and auditory impairments. WEC was looking for a cost-efficient way to address these website issues, as quotes from IT professionals were found to be out of their budget as a not-for-profit organization. Melissa's IT Graduate learners happened to be learning Django and were tasked with assisting in implementing these accessibility upgrades.

The Outcome

Over 5 months, learners succeeded in improving the website’s accessibility and the team also delivering a report on how to sustain the website and troubleshoot in the future. The learners even offered to stay on with WEC as volunteers to support their efforts.

“Some of the suggestions and tools that they [the learners] gave us as an option to further support the organization were really spot on." Serah Gazali, Women's Economic Council Co-Manager

Download
Your asset will automatically download.
Didn’t get it?
Download Now
January 25, 2023
|
Resources
|
Share
Share
Enter your email address to subscribe to the Riipen Report.
Subscribe
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Some Form Elements
hs-form
form-columns-1
form-columns-2
hs-form is main form class.
form-columns-1 is class of wrapper with 1 column for inputs.
form-columns-2 is class of wrapper with 2 columns for inputs.
input and label
hs-input
Field Description / Help text
hs-field-desc
This is help text for the field
Field error message
hs-error-msgs inputs-list
hs-error-msg
  • Error message label
hs-error-msgs inputs-list is an HTML list element.
hs-error-msg is a text span inside HTML List Item element.
Text area Input
hs-input hs-fieldtype-textarea
hs-fieldtype-textarea is added as combo class.
Checkboxes
hs-form-booleancheckbox
hs-form-booleancheckbox-display
inputs-list
hs-input
Note: HubSpot uses basic HTML checkboxes, Webflow checkboxes works differently than the default HTML checkboxes, hence in order to style HubSpot checkboxes you need custom CSS.
you can use Webflow checkbox to style and then copy CSS from it.
Radio Buttons
inputs-list
hs-form-radio
hs-form-radio-display
inputs-list
hs-input
Success message
submitted-message
RecaptCHA
hs-recaptcha
Submit button
hs_submit
hs-button
Oops! Something went wrong while submitting the form.