Project A11Y: how we upgraded Cloudflare’s dashboard to adhere to industry accessibility standards

This post details the technical work undertaken to make the Cloudflare dashboard WCAG 2.1 AA compliant. Key contributions include: re-writing internal form components with improved validation and error handling; re-engineering charts and graphs for keyboard and screen reader accessibility, including a case study on time series graphs that involved iterating on design patterns (line weights, patterns, fading) and implementing keyboard navigation and CSV export; correcting page structure by adopting a new heading tag management technique; reworking SVGs for proper labeling and selective exposure to assistive technology; upgrading several major versions of inaccessible node modules; overhauling color usage and contributing accessible sequential colors to the design system; and fixing numerous bugs, particularly those related to incorrect HTML element usage within tables.