1396913 - Simplify and rewrite newsletter module

Status: NEW

(www.mozilla.org :: Pages & Content, enhancement)

Description

[Alex Gibson [:agibson]]

Our standard newsletter module is in desperate need of a rewrite.

The current form appears differently on nearly every page of the site, yet it shares the same underlying base CSS styles that we're written in some cases (depending on the age of the page) some years ago.

This makes updates to the module's base styles both tricky and time consuming, as minor changes can effect dozens of pages that rely on overriding styles to suit custom page designs.

The structure of the form itself is also in need of updating:

- Proper HTML <labels> exist, but are not visible to the user. We should really be not relying on placeholder text as an alternative.
- Form errors are not displayed inline next to the fields, making for a sometimes confusing UX.

The form also relies on jQuery, as well as a third-party Spinner.js lib that is just for the loading indicator. Both of these dependencies could probably be removed.

Suggested solution:

- We rewrite the newsletter module from scratch, providing a consistent design / layout / UX across all bedrock pages that need a newsletter.
- The module could still be styled differently to suit various designs, but would be limited to things like background color & graphic. Perhaps we could have a couple of different set themes to choose from.