Overview
This project focused on designing and developing a fully accessible math palette to empower individuals with disabilities, including those who rely on keyboard-only navigation and assistive technologies. Although initially scoped as a prototype, the project evolved into a foundational template for creating accessible palettes across multiple products within the organization.
Key notes
- Developed a fully accessible math palette using React, CSS (SCSS), and semantic HTML with roles and ARIA tags.
- Iteratively improved the prototype through multiple rounds of testing with keyboard-only users, screen readers, and accessibility experts.
- Evolved the project from a prototype to a reusable template for accessible palettes across the company’s product suite.
- Delivered a solution fully compliant with WCAG standards, fostering inclusivity and scalability.
Key Features
- Accessibility by Design:
- Built using semantic HTML with appropriate roles and ARIA tags to ensure compatibility with assistive technologies.
- Iterative Testing & Feedback:
- The prototype underwent multiple rounds of testing with:
- Keyboard-only users.
- Screen reader users.
- Accessibility experts for WCAG compliance.
Feedback from these sessions was incorporated into iterative improvements.
- Technology Stack:
- Styling: CSS (SCSS) for responsive and visually inclusive design.
- Frontend: React for dynamic UI components.
Outcomes
- Delivered a fully accessible math palette that met rigorous accessibility standards.
- Created a reusable template that served as a blueprint for implementing accessible palettes across the company’s product suite.
- Fostered an inclusive user experience through collaboration with diverse user groups and accessibility experts.
This project demonstrates my commitment to creating inclusive designs that prioritize usability for all, coupled with a deep understanding of accessibility principles and iterative UX processes.
