Free platform for accessibility auditing, remediation, and monitoring
Fast facts
Role
Sketches, wireframes, high-fidelity mockups, prototyping, user testing, design system
Tools
Figma, Balsamiq, pen & paper, Material UI
Timeframe
2022-2023
Portfolio dashboard with risk matrix
In Elevin your "portfolio" is the group of individual sites you manage. This dashboard gives an overview of the accessibility health of your portfolio as a whole as well as high-level metrics for the included sites.
Site dashboard with accessibility metrics
Elevin had the ability to define common blocks of code that are then individually tested. The visualization in the top left shows how often each defined block occurs in the site code giving the user an at-a-glance view of how impactful a specific common block is to the site's accessibility health. Another thing to note is the accessible charts and graphs that use texture and pattern in addition to color.
Page audit results with conformance map
Note shapes used in addition to color and text labels for icons in conformance map.
Accessibility issue detail view with remediation recommendations
Identifying accessibility issues is only the first step in the process. To make a site accessible, those issues need to be remediated in a user-centric way. Elevin included content from the W3C's WCAG standards documents and Level Access's vast documentation library to put detailed information and remediation recommendations where they'd easily actionable.
Pre-production dashboard showing health by environment
One of the goals of Elevin was to "shift left" the accessibility testing and remediation from production to the testing and even development environments. To this end, it had deep integration with common continuous integration tools and robust monitoring of accessibility issues at each state of the development pipeline.
Copyright 2025 Justin Bregar. All rights reserved.