Prologue A while ago, I decided to develop a fully accessible main navigation component in React. While a preliminary set of requirements has been assembled for the component itself, design requirements still need to be considered. Most WCAG requirements regarding visual perceivability affect CSS and, by extension, design. If a design prototype in a system like Figma does not meet those visual requirements, it doesn't matter how clean the component code is; the visual aspect will not be accessible. This article considers design requirements, especially those related to WCAG success criterion 1.4.4, Resizing Text . As I've mentioned before , development isn't the only engineering area where accessibility has to be considered. Whether it's a functional prototype in a tool such as Figma, or implementing the CSS from such a design, there are several success criteria from the Web Content Accessibility Guidelines that must be met, and so those criteria are pulled into the requirements matrix .…