[UPDATE] Tokens / Icons

[Sam Chieng]

Need to update to add two new icons Verified and Certificate

Verified and Certificate Icons

SVGs here: https://www.dropbox.com/sh/zwmt3o5jjhzyx1q/AADZc_iXYt8b94UrTbfoEGGta?dl=0

Zeplin web

https://zpl.io/V4Q43NM

Product team

Purchase

Team

@samchieng @kierangillen

---

Checklists

Design

For Tokens

Color, type, spacing, icons, etc

• Is it serving a purpose? (is it needed or just purely decorative?)

• Can it be merged with any existing styles on the site?

• Has it been pressure-tested in all instances?

• Does it meet accessibility standards? (min type size, color contrast)

Engineering

Accessibility

• Do all images and multimedia have alt or title tags?

• Are semantic elements used appropriately (nav, button, etc)?

• Are new components keyboard-navigable?

• Are hover interactions available by other means?

• Are aria- attributes included where appropriate?

• Has a Chrome Devtools accessibility audit been performed?

Compatibility

Has the new component been reviewed in Browserstack:

• Desktop Chrome

• Desktop Edge

• Desktop Safari

• Desktop Firefox

• Android

• iOS