Berkshire Associates: Accessibility Updates

IDP Team IDP Team
Topics: Accessibility

Project Details:

Berkshire didn't have accessibility regulations to worry about but they still wanted to ensure their site was accessible for any user. They had a limited budget but it was one we could work with to get their site to pass accessibility audits. We ran internal audits using IBM Accessibility checker, WAVE, and Axe and provided a prioritized plan.

BERK_logo_horiz_CMYK_Large

Deliverables:

  • Added skip links
  • Updated nav aria labels
  • Fixed global and page specific color contrast issues
  • Removed all hidden links
  • Added module logic to control for empty heading tags
  • Updated heading elements to be in sequential order
  • Added logic to modules to control for empty fields

Accessibility fixes

Homepage - Before (WAVE):

berkshire-wave-before

 

Homepage - After (WAVE):

berkshire-wave-after

 

Affirmative Action page - Before (IBM checker)

berkshire-ibm-before

 

Affirmative Action page - After (IBM checker)

berkshire-ibm-after

 

Events & Webinars - Before (Axe Accessibility tools)

berkshire-axe-before

 

Events & Webinars - After (Axe Accessibility tools)

berkshire-axe-after

*All projects are developed with the HubSpot CMS