4188 Change maximum-scale to 5

[rfultz]

Summary

• Resolves Optimization (accessibility): [user-scalable="no"] or [maximum-scale] attribute is less than 5 #4188

Lighthouse gave us accessibility guidance that our maximum-scale was 1 and should be 5+. So I changed it to 5. This should let mobile users zoom into our pages (up to 5x)

Required reviewers

A couple who can review front-end usage (not code, but usage).

Impacted areas of the application

Will affect every page of the site, though likely only for mobile.

Screenshots

No visible changes, but look at this:

Related PRs

None

How to test

• Pull the branch
• ./manage.py runserver
• Make sure pages load normally and don't look too zoomed (in or out)

Will need to check on a mobile device from feature, dev, and/or stage
Make sure pages:

• load at the right size
• can scale/zoom/unpinch,
• pinch back down to 100% device width (if they go smaller, they should relax back to 100%)
  • Safari (mobile)
  • Chrome (mobile)
  • Firefox (mobile)
  • Internet (mobile, Android)

[johnnyporkchops]

Looks good

[patphongs]

Looks good @rfultz, tested in stage. Looks when I pinch to zoom and then double tap to zoom back to 100%, it goes back correctly. On production, it zooms in slightly more than needed on the double tap to zoom back out.