Refresh: Pre-launch checklist

[stephaniehobson]

Launch blocking:

• Pages have appropriate titles and descriptions
• All links have analytics
• All links have correct href & utms
• All images are optimized
• All images have a height and width defined (stop page from reflowing as images load)
• Heading order is correct
• No issues detected by a11y checkers
• Images lazy-load when appropriate
• Test all interactions on an actual touch screen mobile device

--

Nice to have:

• Look for performance improvements
• RTL support

[janbrasna]

I've noticed a few tiny bits that may (or may not) need some tweaking after being carried over to the M24 style:

Long headings are even bigger now, escaping the expected space (e.g. in de, pt, ru, nl etc.)

• https://www-demo4.allizom.org/de/firefox/enterprise/

The dark purple background for some in-product pages is black now:

• https://www-demo4.allizom.org/en-US/firefox/nightly/firstrun/
• https://www-demo4.allizom.org/en-CA/firefox/86.0a2/whatsnew/

Some images include the moz://a wordmark:

• https://www-demo4.allizom.org/en-US/careers/ (footer)
• https://www-demo4.allizom.org/en-US/careers/locations/
  careers/footer-remote.png and careers/locations/mozilla-remote.png

There are some bits of the old system:

• https://www-demo4.allizom.org/en-US/contribute/

1. "Our Mission" heading resembles the old wordmark styling (this is also heavily used in sei/impact)
2. "Learn about Mozilla" section uses favicon as its image, that may need updating from "m" to flag icon?

[janbrasna]

Also there are some languages that have trouble fitting into the grid elsewhere now with the type size changes:

• https://www-demo4.allizom.org/el/firefox/browsers/mobile/ios/