To achieve and map the objectives we worked around the different touch points demanded by each group. E.g., for VI, information hierarchy played an important role to ensure screen readers provided systematic information; whereas, HI required more visual content.
The most challenging task was usability and hence many tests were done on each module with real users. The first one was post wireframes, second after implementing designs and finally during Front-end development. Our development team familiarized themselves with W3C compliance code and tested each module with real users using screen readers. All the web pages were checked by each group to ensure the usability. We checked how screens would read out the content for the visually impaired group and the flow of information was structured accordingly.
Also while implying UI design elements, special attention was placed on colors, texts & call to action buttons. People with low vision required bright colors and hence red and blue were chosen as primary colors. Along with this we ensured that Typography was larger comparatively.