Product Display Enhancement for Art Fertility Clinics Website
Introduction
- Brief overview of the client: Art Fertility Clinics (AFC) is a leading healthcare provider specializing in fertility treatments. Their website serves as an essential digital interface for patients to explore available services and treatment options.
- Project scope: The project focused on optimizing the accessibility of the General Enquiry Form (https://www.artfertilityclinics.com/in/en/general-enquiry), which also displays AFC's services. The goal was to ensure compliance with WCAG 2.1 guidelines, making the form and service details more accessible to all users, including those with disabilities.
- Use Case and Problem Statement Description: The existing General Enquiry Form faced multiple accessibility challenges, making it difficult for users with disabilities to navigate and interact with the form effectively. Additionally, key service information was not structured optimally, affecting readability and discoverability.
Challenges
Imagine a patient named Sarah who is visually impaired and wants to explore fertility treatment options on the AFC website. She relies on a screen reader to navigate and a keyboard instead of a mouse. However, she faces multiple roadblocks:
- Confusing Form Fields - The form lacks proper labels, so when Sarah's screen reader announces "Input field," she has no idea if it's for her name, email, or medical history.
- Keyboard Navigation Issues - She tries to tab through the form, but the focus jumps unpredictably or gets stuck, making it impossible to fill out the form independently.
- Inaccessible Service Information - Important details about fertility treatments are buried under large blocks of text without clear headings or structure, making it overwhelming to understand.
- Low Contrast & Readability - The text is light gray against a white background, making it difficult for users with visual impairments to read.
Sarah is frustrated. She can't complete the form, navigate the website efficiently, or find the information she needs. Without accessibility improvements, she might abandon the website and miss out on crucial healthcare options.
Our Approach
To transform Sarah's experience, we took a structured approach:
- Clear & Descriptive Form Labels - We added proper labels so her screen reader now announces: "Full Name: Enter your name here."
- Keyboard-Friendly Navigation - We ensured a logical flow so users like Sarah can easily 'TAB' through the form in order.
- Improved Content Structuring - We broke down complex service descriptions into clearly defined sections with meaningful headings.
- High-Contrast & Readable Design - We used darker text against a lighter background and improved font sizes for clarity.
- Validated with Real Users - We tested these changes with assistive technologies to ensure a seamless experience.
Result
With these improvements, Sarah's journey is now much smoother:
a. Before: Sarah struggled to navigate and abandoned the form.
After: She can complete the form independently, using only her keyboard and screen reader.
b. Before: Important fertility treatment information was hard to find.
After: Clearly structured content makes it easier for her to understand her options.
c. Before: Low-contrast text made reading difficult.
After: High-contrast design ensures effortless readability.
The AFC website is now a welcoming space for all users, including those with disabilities. By addressing accessibility barriers, we didn't just achieve WCAG compliance-we empowered patients like Sarah to navigate their fertility journey with ease and confidence. This transformation is more than compliance; it's about ensuring every individual can access the healthcare information they need, regardless of their abilities
