search

Thinkful-Ed / quizful

An app for students to quiz themselves with multiple choice questions
1 stars 6 forks source link

Semantically Markup Multiple Choice Answers #35

Open jpdevries opened 8 years ago

jpdevries commented 8 years ago

Multiple Choice Answers Should be radio buttons, not <li>s. You can make them look however you want. https://github.com/jpdevries/css-only-radio-buttons/#demo

jpdevries commented 8 years ago

Proof of Concept:

https://github.com/jpdevries/css-only-radio-buttons/#demo

Form

User input should always be wrapped in a form. No exceptions. Practice safe input.

Events

Do not listen to the click event!!!! List to change and submit events. Not all users click! Even though essentially every browser will treat the "enter key" as a click, there is absolutely nothing in the spec advising them to do so. They just have to because the internet would be broken otherwise.

Keyboard Accessible

Native HTML Input Components come with freebies like implicit accessibility. All you have to do is use them and the rest is automatic!

Screen Reader Accessible