CIBC Investor's Edge Stock Centre Charts

CIBC Investor’s Edge Stock Centre Charts

Integrating visible content with complex data feeds in a visual chart representation with an effective use of hidden content for screen readers.

  • UX Design, Written Content
  • Microsoft Word, NVDA, JAWS, Jira, Confluence
  • Canadian Imperial Bank of Commerce (CIBC)
  • November 30, 2021
  • Accessibility, CIBC, Financial, UX Design, Writing

The amount of data feeding into the page in real time meant creating a content and visual design template to effectively present it. A broad range of user-defined variables meant the data could change in numerous ways, requiring the chart to re-render each time. The entire page had to be easy to understand and navigate without overwhelming the user. This meant the user experience still had to flow in a way that made sense, especially for screen reader users. If it didn’t, they could lose their place on the page if any of the data shifted and the chart rendered again.

The chart was a challenge because it was overseen by an outside vender from the United States. This meant they weren’t required to meet the same accessibility standards as our design team, being in Ontario. I was required to find a way to deliver understandable, accessible content within the vendor’s willingness to do so, while still meeting the Accessibility for Ontarians with Disabilities Act (AODA) standards.