COVID Alert is now retired: For more information, visit the Government of Canada COVID Alert home page.
- [ ] Color contrasts
- [ ] Between shapes (3:1)
- [ ] Large text (7:1)
- [ ] Small text (4.5:1)
- [ ] Are you using colour alone to convey information? (Don’t)
- [ ] Font sizes. Make sure font sizes help navigate the content clearly.
- [ ] Heading hierarchy
- [ ] Spacing between paragraphs or lists help navigate the content easily
- [ ] Consistent navigation within a flow. Make sure navigation is not moving or disappearing where it makes sense.
- [ ] How would designs look…
- [ ] On the smallest screens
- [ ] With 150% font scaling
- [ ] All of the above
- [ ] Designing for different screen sizes
- [ ] How do images and visuals crop on different screen sizes
- [ ] Are your screens readable and easy to use in landscape mode
- [ ] Micro interactions are accessible
- [ ] Gestures also have a focusable alternative
- [ ] Actions are visually labelled with text or provided with a label
- [ ] Touch targets are large enough
- [ ] Conventional interaction patterns are used
- [ ] Provide alt text for every non-presentational visuals.
