Empowering Accessible Healthcare: Enhancing Usability for All Through Inclusive Design
Brief Description of Project:
This innovative platform aims to streamline access to vital health resources and services for residents of the State. Designed to enhance the delivery of health services, the website will provide a centralized hub for residents to access vital information on health programs, benefits, and resources. With a focus on user centered design and accessibility, the website consolidates various health programs and services into a single, user-friendly interface. It incorporates features such as direct communication tools with health professionals, an easy-to-navigate layout, and compliance with accessibility standards to ensure that all individuals, including those with disabilities, can effectively utilize the services provided.
Sector : Internal Communication
Refers to the digital platform within the public health sector aimed at enhancing access to healthcare services and resources for residents, while ensuring inclusivity and compliance with accessibility standards. This platform facilitates the seamless delivery of essential health information, improving communication and engagement across diverse user groups.
Problem Statement:
The development of the healthcare platform faced significant challenges, including tight time-frames and budget constraints, which compounded existing accessibility concerns. With a limited budget, the project needed to ensure full compliance with WCAG 2.1 standards to address issues such as inadequate screen reader support, poor keyboard navigation, and insufficient color contrast. Additionally, the accelerated timeline left little room for extensive testing and user feedback integration, making it difficult to thoroughly assess the platform's usability for individuals with disabilities. Balancing these constraints while delivering an inclusive, fully functional platform became a critical issue for the development team. Some of the major challenges included:
- Inaccessible Navigation: Users relying on keyboard navigation and screen readers were unable to efficiently move through the application forms and menus.
- Poor Screen Reader Compatibility: Critical areas of the system, including form fields and buttons, were not correctly labelled for screen readers such as JAWS and NVDA.
- Complex User Interface (UI): The design of the platform was not optimized for users with visual or motor impairments.
- Lack of Alternative Text: Visual elements, including images and icons, lacked descriptive alt text, which made the interface difficult for visually impaired users.
- Error Messages: Form validation error messages were not properly conveyed to screen reader users, leading to frustration and confusion.
- Time and Budget Constraints: Along with the accessibility challenges, there was a major time and budget constraint on completing the remediation and ensuring full compliance within a short project timeline.
Solution Statement :
We performed a thorough accessibility audit of the platforms using both manual testing methods and automated tools such as WAVE, AXE. Collaborating with development teams, we provided a comprehensive remediation plan that prioritized critical issues and ensured compliance with WCAG 2.1 standards.
Our actions included:
- Improving Keyboard Navigation: Ensured that all interactive elements (buttons, links, form fields) were accessible via keyboard, with clear focus indicators.
- Screen Reader Optimization: Updated form fields and other elements with appropriate ARIA (Accessible Rich Internet Applications) labels to ensure compatibility with screen readers like JAWS and NVDA.
- Alt Text for Visuals: Provided descriptive alt text for all images, icons, and visual elements to improve the experience for visually impaired users.
- Error Messaging: Redesigned form validation error messages to ensure they were properly conveyed to screen readers, including clear guidance on how to resolve input issues.
- Cross-functional Collaboration and Training: We actively collaborated with cross-functional teams, including developers, designers, business analysts, and PMO teams, to ensure accessibility was built into the project from the ground up. We prepared assets and best practices for accessibility and conducted training sessions to educate the teams on implementing accessibility standards throughout the design and development phases. This ensured that accessibility was a core focus from the start, reducing the need for costly rework.
- Proactive Integration of Accessibility Standards: By working closely with the teams from the initial phase, we ensured that accessibility considerations were integrated into every stage of development, reducing the impact of the time and budget constraints while maintaining a high level of compliance
Methods and Tools:
- Automated Accessibility Testing Tools (AXE Accessibility Checker, Skip to Landmarks & Headings)
- Manual Testing by Accessibility Specialists.
- Assistive Technologies (screen readers: JAWS, Voice Over)
- Color Contrast Analyzer
- HTML, CSS, and JavaScript