A full accessibility audit of the Project Vision website was recently carried out to ensure the platform is inclusive and user-friendly for all visitors, including those using assistive technologies such as screen readers.
The reviews followed guidelines from tools including Google Lighthouse and Google PageSpeed Insights, as well as the Web Content Accessibility Guidelines (WCAG). Based on the findings, the following improvements were made:
- Font and Test Enhancements
- Font size and widgets were adjusted across the website to enhance readability.
- All text elements were reviewed for sufficient contrast against background colors to support users with low vision.
- Color contrast ratios now meet or exceed the WCAG recommended minimum thresholds.
- Semantic heading structure
- The sequence and structure of heading tags (<h1> to <h6>) were corrected to reflect a logical hierarchy.
- These updates improve page navigation for screen readers and enhance overall accessibility.
- List Markup optimization
- List elements were reviewed to ensure semantic HTML structure(<ul>, <ol>, and <li>) is properly implemented.
- This helps screen readers identify and announce list content accurately.
- Contrast and visibility adjustments
- Low-contrast elements identified by Lighthouse were modified to improve test visibility against their backgrounds.
- All changes were validated using contrast checking tools to confirm compliance with accessibility standards.
- Additional accessibility features
- Interactive elements such as buttons and links are now fully keyboard-navigable and include visible focus states.
Results
Following these updates, the website passes all major accessibility checks in Google Lighthouse and Google Page Speed Insights. The improvements significantly enhance the browsing experience for users with diverse needs.