Making Quizzes Accessible Without Dumbing Them Down
When I audited my first dozen quizzes with a screen reader, I could not finish half of them. Fixing accessibility changed how I build every quiz now. Accessibility was the part of quiz design I neglected for too long, and I am not proud of that. When I audited my first dozen quizzes with a screen reader, I could not finish half of them. Image-based questions had no text alternatives. The progress bar was a visual element with no programmatic meaning. Timer countdowns announced nothing. I had built quizzes that were completely unusable for anyone not navigating by sight. Fixing this took me several months, and the lessons I learned changed how I build every quiz now. Accessibility is not a feature you add at the end. It is a set of decisions you make from the first question. Semantic HTML Is the Foundation The single most impactful change I made was using semantic HTML correctly. My early quizzes were built with div elements for everything. div for the question, div for each answer option, div for the submit button. A screen reader encountered this as an undifferentiated wall of content with no structure. More guides are on the Quiz Hub Blog.