100% Lighthouse a11y

[hcvcastro]

The Chrome Lighthouse feature evaluates a page's accessibility. Unfortunately, we have one problematic element:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

This element alone results in a 79% accessibility (a11y) rating. Removing it gives us a 100% a11y rating.

Suggestions for workarounds to address most of the issue are appreciated. Could we:

1. Create the element dynamically, only for Firefox on mobile (does this configuration still exist)?

2. Use alternative functionality?

3. Prune it completely?

[hcvcastro]

Prune it completely for the Chrome mobile application to avoid disrupting other mobile applications. We can deploy two files:

• cool.html (for iOS and Firefox)
• cool-chrome.html (for the Chrome mobile app, which removes the meta tag information)