Loading...
Loading...
UX Design, Accessibility, Retainer Management
As part of the wider SoBold team, I led the ANGLE retainer, ensuring accessibility standards and redesigning key site sections using a modular approach. This work improved ANGLE's online presence, made them more appealing to potential investors, and provided a platform for documentation and product advertising.
Given ANGLE's industry, healthcare, accessibility was a key area for improvement throughout the retainer. ANGLE works in the public as well as private sectors in a number of countries with stringent web accessibility laws.
To ensure that ANGLE is in compliance with these laws and provides a digital presence that is usable by as many people as possible, regardless of ability, we thoroughly tested the design, code, and company branding in accordance with WCAG 2.1 using various tools at our disposal.
Above is an example of the checklisting we did; this exercise was designed to determine which colour combinations are WCAG-compliant.
If a combination was found to lack the minimum contrast recommended by WCAG, it would be considered unusable. We then checked each block to ensure that these combinations were not used. Blocks with inaccessible colour combinations would be redesigned, edited, and pushed live.
To help the developers, for this project and future testing, the Developer Accessibility Checklist was created, or DAC. This translated WCAG and A11y criteria into easy, single sentence instructions.
If issues in the build were discovered, they would be prioritised based on user severity (how much of a problem does this pose for the user) and build severity (how much resources will be required to fix).
If a developer required additional explanation about a testing method, a guide was created with detailed instructions.
Alongside the accessibility plan, we also optimised and documented the blocks used throughout the site, arranging them into a Design System so new designers and developers could easily jump into the project and get familiar.
This included a typographic system, spacing standards (in multiples of 8px), semantic colours, grid, buttons and so on.
As part of our work with Brighter IR, we integrated with market data-driven tools to pull through real-time share price information.
This allowed investors to keep a close eye on ANGLE, helping improve the public image.