Website Accessibility Optimization

Role: Marketing & Web Design Specialist

This project focused on creating a website experience that is accessible, readable, and intuitive for all users, regardless of ability or device. I conducted a full accessibility audit of EMMA International’s main website to identify usability and compliance gaps, then executed strategic redesigns to enhance visual hierarchy, alt-text completion, and content flow. These updates ensured the site met modern accessibility standards while maintaining EMMA’s clean, professional aesthetic and improving overall user engagement.

Led accessibility-focused website improvements to ensure EMMA International’s corporate site met both WCAG 2.1 and ADA compliance standards. Focused on visual clarity, content readability, and inclusive user experience design for a global audience in the life sciences industry.

I optimized EMMA International’s contact and inquiry section to improve accessibility, clarity, and user flow. By refining form structure and input labeling, I ensured compatibility with screen readers and better form validation feedback. Links leading to the form were restructured with clear anchor text and consistent hierarchy, reducing navigation friction for users seeking assistance. These enhancements make it easier for global visitors to reach the team, aligning functionality with accessibility best practices and EMMA’s client-focused mission.

I enhanced the call-to-action (CTA) section to improve both design accessibility and engagement. The layout now features higher color contrast between background and buttons, ensuring clear visibility for all users. I added descriptive button text and ARIA labels for assistive technologies, while optimizing the visual balance between text, imagery, and spacing for improved readability. These refinements not only aligned the section with WCAG accessibility standards but also created a more inclusive and intuitive experience for potential clients navigating EMMA International’s site.

I developed an auto-updating blog and resources section for EMMA International’s website, designed to improve accessibility, content flow, and SEO performance. Using structured metadata and optimized hierarchy, the layout allows new blogs, press releases, and case studies to populate automatically while maintaining consistent visual formatting. Each element includes descriptive alt text, logical tab order, and color contrast adjustments, ensuring the resource hub remains accessible, responsive, and easy to navigate for all users.

I integrated embedded media and social links throughout EMMA International’s site to enhance accessibility, engagement, and content discoverability. YouTube videos, such as the Corporate Social Responsibility Report, were embedded with captions and descriptive titles for screen reader compatibility. I also added consistent, high-contrast social media icons and alt-text labels to ensure all external links were both visually clear and accessible. These updates improved user interaction while maintaining compliance with accessibility standards and SEO best practices.

Copy of Minimal Simple Elegant Typograph

I enhanced the layout and accessibility of EMMA International’s service overview section by refining the card design, spacing, and color contrast for better readability and compliance. Each element, including the “Learn More” buttons, was optimized for keyboard navigation, responsive scaling, and screen reader labeling. These updates improved user flow, ensured ADA and WCAG 2.1 AA alignment, and maintained a cohesive, professional look consistent with EMMA’s brand identity.

I improved accessibility and readability for EMMA International’s values and mission section by optimizing contrast, text hierarchy, and white space to ensure smooth visual scanning. Each component was redesigned to align with WCAG 2.1 AA standards, featuring clear typography, responsive layouts, and descriptive alt-text for assistive tools. These adjustments enhanced the user experience and brand communication, making the company’s message easier to engage with across devices.

I developed an auto-updating blog and resources section for EMMA International’s website, designed to improve accessibility, content flow, and SEO performance. Using structured metadata and optimized hierarchy, the layout allows new blogs, press releases, and case studies to populate automatically while maintaining consistent visual formatting. Each element includes descriptive alt text, logical tab order, and color contrast adjustments, ensuring the resource hub remains accessible, responsive, and easy to navigate for all users.

I refined the testimonial and contact section to enhance readability, accessibility, and visual hierarchy. By improving text alignment, increasing contrast, and adjusting line spacing, the section now provides a smoother reading experience across screen sizes. The “Contact Us” button was redesigned with proper ARIA labeling, clear focus indicators, and optimized color contrast to ensure users navigating via keyboard or assistive technology can easily engage with EMMA International’s outreach form.

Impact of Accessibility & Optimization Enhancements

The accessibility improvements across EMMA International’s website led to measurable increases in usability, engagement, and overall digital performance. Following the redesign, page navigation became smoother for users with assistive technologies, while improved text contrast and button clarity enhanced readability across all devices.

Analytics reflected a notable reduction in bounce rates and higher click-throughs on contact and newsletter forms, indicating stronger user trust and interaction. Consistent placement of subscription and contact CTAs also simplified user pathways, while optimized multimedia integration expanded content reach through embedded videos and linked social platforms.

Collectively, these changes made EMMA International’s website not only more visually cohesive but also more inclusive—ensuring every visitor could interact, learn, and engage without barriers.