1. Does your selector meet the WCAG AAA colour contrast standards? Some designers use the AA standards instead, but I’m far too paranoid for that. My current favourite contrast checker is 

• When you want the user to be able to select multiple options or none at all
• Single item(Like agreeing to T&C)

1. Make sure that the case on every selector label is the same (sentence case, title case, etc.)
2. Make sure that all items either end in a period or not.
3. Try to make sure that all the items are either a sentence, phrase, or word.
4. Above all, be consistent.

• When you only want the user to select one item
• If you have fewer than six options
• You want to force a selection of one
• If the question only has two options t...

We take a look at selectors and how they differ from each other, focussing on two components (radio buttons and checkboxes) side by side for easier comparison — while also comparing them to a few others.

This includes:

• What selectors are
• What is the diffe...

Checkboxes and radio buttons have to change their state/appearance so that users know they have been selected. We need to add these little visual cues to nudge the user in the right direction using patterns that they already know and understand.

Types: 

• Active
• Inacti...

• Standard style (radio buttons/checkboxes)
• Quiz button style (radio buttons/checkboxes)
• Basic image style (radio buttons/checkboxes)
• Image in a grid style (single/multi-select)
• Multi-level checkboxes
• Forced selection
• Button style (single/multi-s...