Issues from Lighthouse audits

I ran all the lighthouse audits on the escalations branch in production mode.

The full report can be viewed here

Notable issues:

Performance

DOM size with 77 notifications is 3,147 elements. Ideally we'd reduce this if possible.
We should use appropriate font-display options so text is rendered quicker

Accessibility

Button missing accessible name (#notifications > div > div:nth-child(2) > a.dropdown-toggle.btn-icon.no-toggle)
Some form elements don't have labels (See report)
Server links have no screen-readable name
Background & Foreground have insufficient contrast (An issue in many places, see report)
Some ids are not unique

Best practises

Does not use HTTP/2 (See benoitc/gunicorn#1195

PWA

There are quite a few issues here, mostly related to service workers. This may be a somewhat simpler way to support the longstanding goal of a mobile app. However, at least for now it wouldn't be possible to support iOS because while there is some support for PWAs they do not support background operation or push notifications.

To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information