We have recently had a lady tell us that our web app is hard to use for her as she is blind and uses the built in iPhone ‘VoiceOver’ functionality to navigate around. I turned this on and tried to use the site myself, I found a few obvious issues and know how to fix these however there are some aspects I am not sure how I could make it better for her without completely ruining the user experience, and design, for our non-visually impaired users.
Our app is built using quite old technology, but our front end uses Bootstrap, and semantic HTML5. I am very new to making websites accessible and am very much learning as I’m going along. I thought that by writing HTML semantically, and using bootstrap built in classes and ARIA attributes that the site would be fully accessible.
I have also run the site through WAVE and there were no issues reported there.
Does anyone have any advice for me, things to look out for, better ways to test the site etc.
Thanks in advance